{"_id":"@8uk0w5k1/simple_modal","_rev":"3-b0bfdcc6336c824e45862b88626ff1e0","name":"@8uk0w5k1/simple_modal","dist-tags":{"latest":"0.1.3"},"versions":{"0.1.0":{"name":"@8uk0w5k1/simple_modal","version":"0.1.0","description":"simple modal with title and content and full css customization","main":"index.js","author":{"name":"8UK0W5K1"},"license":"MIT","scripts":{},"dependencies":{"prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0","react-icons":"^4.8.0"},"devDependencies":{"@babel/preset-react":"^7.18.6"},"_id":"@8uk0w5k1/simple_modal@0.1.0","_nodeVersion":"18.9.1","_npmVersion":"9.6.1","dist":{"integrity":"sha512-55aSfJabxunroOpdXt7Pl6UGUvZvgEJMJJ1wZo8WwkmFk/MYzpzFGs9P6UBodtbE2uVBcoqepuahX5+aT5X59Q==","shasum":"9acb6affc11071b4ee6cef32bb06fee66237c29a","tarball":"https://registry.npmjs.org/@8uk0w5k1/simple_modal/-/simple_modal-0.1.0.tgz","fileCount":6,"unpackedSize":3360,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDSALstFYwn8Ck9pXpzzijlCSvLxcaahARw9Jut6FzVmAIgSsB08YJXkpxnuqrHNazl8eRe5SchJfmm9cBrzSKfL0o="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkLseDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmry0A/+N5QkJYQmnLcG6I+5fqnejcF01OW+JsD2shPLq7gcIRgsitiV\r\nEKUiX20g1HpxJ5LL86jO972HNd4lWkwFyIFy9IEVl8+sNiRAWK2Z56VjQMFT\r\n1NSpI+9Nn0GaRno2RKvHLqs/VrTuvROwLj6ItyIBYukHxbLjEagi2GDQ8etO\r\nePTlA1e1QLeVlG/QKootgoACU+5lJfLpyjgLeAqsIeJXsZFoqjdoW7HVFH38\r\nTkfg9NwCNxpo6rtvD+zIa34wZuN1W695Md0nojCbMwPF69rO2bbRXiQlckJT\r\ni+TNDdtZDf/Bkk/HBxCw2meapPceJ4G0JTPirmgaYWgqb7OlAP5PgBkZUJJg\r\noYLXQcF+ayFgL81kL2TLwrKx/nAhMwCTJPHFyiD/e2e/ikPc4Bj1BYZvU1KR\r\n3+HJcbK7NbrMvD/uGLQa8CGFDmZDn+x12xmx58/BYTUREo2Ql7K8CiI+OHgg\r\n0AmtPMKPzjP114eAIhi2aRDpf8Sx+k0CCfT6chwrj9ByLOZZezhx9tEk5dkH\r\nPP8jOd8px7ng/tYFlptozj/4ovp4L7cRrnpaONbzLZJJm0uZrXxJZFBTio52\r\nD+4x3suD190dwuX7lP+DOkh+ogFkTghmGJrR5r1yoH7ZaXiTHTRAl5swhE2M\r\nS1owH6bpxpXRnXcuK0Xp+PEUN6J1TjLdySQ=\r\n=m23z\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"8uk0w5k1","email":"jeremie.deldem@gmail.com"},"directories":{},"maintainers":[{"name":"8uk0w5k1","email":"jeremie.deldem@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/simple_modal_0.1.0_1680787331384_0.17633559682115485"},"_hasShrinkwrap":false},"0.1.1":{"name":"@8uk0w5k1/simple_modal","version":"0.1.1","description":"simple modal with title and content and full css customization","main":"index.js","author":{"name":"8UK0W5K1"},"license":"MIT","scripts":{},"dependencies":{"prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0","react-icons":"^4.8.0"},"devDependencies":{"@babel/preset-react":"^7.18.6"},"_id":"@8uk0w5k1/simple_modal@0.1.1","_nodeVersion":"18.9.1","_npmVersion":"9.6.1","dist":{"integrity":"sha512-aMrWfT6t10vhQWZJEjiZoSPX6nguVnZHlRIn1uyCv1fshQT/rj9cH6WMNVqamPsdhm7RRbLi2iYp/a3KzPghmg==","shasum":"70fba97139ec60baba862b993d5e19c9c497bd2e","tarball":"https://registry.npmjs.org/@8uk0w5k1/simple_modal/-/simple_modal-0.1.1.tgz","fileCount":6,"unpackedSize":3379,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICBkLJM8XSAwnotsk9z+T5oilg1Zctt2ArdeEU6t7o5KAiAVZUVo2ybZZ9BIHbFaxRTV7DTQ5jPrExwGPwp+M1R12A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkLtZoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmow3g//blMFqvAOiy2A0PmJfRElKjekhm9kDSjFn/bv0FgjQ/7iVFBm\r\ntBg552yX5i5gDZmDa8qiqp5sSnN7tGDTU02ZxC4A7GbrIXG1qsjuTt7MBb2/\r\ntlA7j16OXKlTmkLZsmWjGWVexYr8dBSOnPpnBCoeqxpt30MaZ0uolsyeEluB\r\nhED9dudmsDFZA68BT6sHuVb/8cbV0FVkzmAXwqx2rvxGHzb9gTyELrwfOj7c\r\nGyF7co4R6R1DEDQS+o8jDjK1hxQ1XThpeT0tD6PWrXDhJLeiWiqxTWRCJJAt\r\nWbDo8NKzF2hDRSX8z+alWjY1LDVbUE3Av0RCU9VetA8sZAIkXiqh2k2vMCxe\r\nqpl4owy1Sv2bWpXuZSKOPq1MkCRi2PLf/qbRd5TSbwBn40TDhQjEmM3HtkLx\r\ngARoPkFs+MSuRffYuFEBtQt9pjnuJ+vcYAFzzCu9ebnRDB4gCcZ47fXwHU3p\r\nJ2WZ1hbZK3bMfiVRgpO1zdUoz9qsUmVlY2xyupJvRHsMWk63jbkZD2sG+kZT\r\nKmTaGPCbxA27rbxNHePK9O4mAdcUDKomFWwx/+RwqH2kn+TfwLYEm/K0Z3ST\r\nZTpOb/0xgBvOc4QhNKhOR+/RHjLnHEREs7GVAIdx5GzeOzD2r7ywjJLKPKIX\r\nr+uLari4Ytz2AzokOjfW6yTmP+3DRR5bMCM=\r\n=56K/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"8uk0w5k1","email":"jeremie.deldem@gmail.com"},"directories":{},"maintainers":[{"name":"8uk0w5k1","email":"jeremie.deldem@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/simple_modal_0.1.1_1680791144642_0.8806786777187401"},"_hasShrinkwrap":false},"0.1.2":{"name":"@8uk0w5k1/simple_modal","version":"0.1.2","description":"simple modal with title and content and full css customization","main":"index.js","author":{"name":"8UK0W5K1"},"license":"MIT","scripts":{},"dependencies":{"prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0","react-icons":"^4.8.0"},"devDependencies":{"@babel/preset-react":"^7.18.6"},"_id":"@8uk0w5k1/simple_modal@0.1.2","_nodeVersion":"18.9.1","_npmVersion":"9.6.1","dist":{"integrity":"sha512-Qb5LMDIed6PIrkDMp/kFSXFNAjPzr67W4VqycYu14otaylTcM6IQOJKA/okuaBAcDcIlnHHimV6lkV+5aVcFzA==","shasum":"e0db112e7e4d7be13b4f1bd0cd206f75774d927e","tarball":"https://registry.npmjs.org/@8uk0w5k1/simple_modal/-/simple_modal-0.1.2.tgz","fileCount":7,"unpackedSize":4826,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFcPY8KcP6yz7XqHCmw+p7SO/pHQjhRkg8+CrbnsLKZLAiEAwk1mZhqSzWvtbhr8L9AGjprzBoFTufS/yWlzo4Bi6o8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkLt0hACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqSRw//YP/WxNBLFBt4uUCN0DVYtsImzVxDxOhDc+z/TwNHJLnOyR1T\r\nY5wmaE8SyrSJKeROEFPSR/qTYQTgxGIcyzkw0WMOuCT8i+eQQBkgA8TqJXuO\r\nTqb0e9HKkbX6NInigDKN+pa1BmCDk1TYNUNgxeePZZuj7iECkAr0MFBWSVkq\r\nV3VbaHzqjSudmt7j8EhTQezQafwGHsyT3K1t3Q/Q2hx+ZFjmDe7JBnfeVFqN\r\ntFp6CzYKJDlPrUThri5ka2irOkg/ZeEJbQo2WiK1Y+KLz9tLHxlwrwC57QWO\r\nWdkTNvqRmi+giDq0T/36/UjuYSJl5SaKmw7pl0Sfk2fr/SDv5hPeuXn15IK1\r\n8Y8sEPaEoThXLhr9rsRJKuRKFiNRuvTaBHaxxi4NOAU6NAVasfa0UlHebRkm\r\nRI59b0CGSxs7swEmVTAhsbTOVaXPlq6hDxlJ2/z5ctggvl1sM8ssq0Ozq2VI\r\n6Ug5tK1ixWpj0ydoBh13YD9hrSYNOg5hd6iJoepjUuyQFLz7KmonOCWnw/7i\r\nWSwNjVToep2xGOXYf+CJtu/K4kUzr+PMFwUj9dhwLaUD7aY96UW6C38XMx8r\r\n2JCyMGYGtEttkocccUwZMMxT338jdpwhmCM2ISe3a+lN3+BxPYtTDpXKg/cJ\r\nVHZ2AkfmttbN7E6+MfSn2RgRlF6AOrKAcQ4=\r\n=5TkS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"8uk0w5k1","email":"jeremie.deldem@gmail.com"},"directories":{},"maintainers":[{"name":"8uk0w5k1","email":"jeremie.deldem@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/simple_modal_0.1.2_1680792865316_0.485849813124418"},"_hasShrinkwrap":false},"0.1.3":{"name":"@8uk0w5k1/simple_modal","version":"0.1.3","description":"simple modal with title and content and full css customization","main":"index.js","author":{"name":"8UK0W5K1"},"license":"MIT","scripts":{},"dependencies":{"prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0","react-icons":"^4.8.0"},"devDependencies":{"@babel/preset-react":"^7.18.6"},"types":"./index.d.ts","_id":"@8uk0w5k1/simple_modal@0.1.3","_nodeVersion":"18.9.1","_npmVersion":"9.6.1","dist":{"integrity":"sha512-u0bc+787/NOtOsR0jM7Tw9A4hjbQKL/ZCJOSK5wW1V/Sa3zzdlyAhW/Tv2aDnNmM6s+zbu2PJwNBch7Ltu/fyA==","shasum":"635eb3c1ebf9413f06dd6ceeb0afa96b0b5f33ed","tarball":"https://registry.npmjs.org/@8uk0w5k1/simple_modal/-/simple_modal-0.1.3.tgz","fileCount":8,"unpackedSize":5157,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDlQb1XURJSe166HZVGWqJOvOkg6JP6PTgU7qb7MkRN3AIgdUURW4/2oliWZ2DnMhmdNJIVvZ3fixBsbAmPZkbAssY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkLyjCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpdCg/+J4Xb6mzdF2kE+kdTNwL2t4ASoJLi2EBOWXCN+GB+ajCKxsnW\r\ngfJPAFyIvWd/4LnRyNc8zCCmjLR933IcJyhna43CKNasW3TBcyYOt0SgNgsd\r\n1J95L+2kFaR0/CguFw/FryN5Fou7slckqZSc4hk59aIfXn7zLBmbX50oYUg7\r\n8K2Y/GjRz1loAXg8fugcDBeXmc70DTUr8G0sX9WCvwK5K+IwkCl3HUrKJtbk\r\nUCg0a69t5DuEADU/4PJqCwFc/7DXgi96FckaoSJAXgX8BJhPp3T+/XbS7zWB\r\nbOaC06pD3JkurAhrF5uXVxE+JonjfFklu0PKMlMHGdEdH9Kb5K3ZrDbePVOV\r\n2+LhBDiVpaDmJ9ESsME0vZlQYTW3I8eBvRPW5yNI7FnBnoGRE7CawrClUEZ1\r\nRpNexVqO9APskFdVnuAJ3A3eDvxJJ5ajfQxgBjZCXsaZYkC6NDuyl6iW+X7h\r\nDDdj/lTNtTIu/CXMgW/RyApr93g1mx1oTsbZffvCaJXFbu5OSUmo50b+7sFR\r\n04bBCDAbE+Mny+yvUHcmwwrBkz+6d9TsTsBsqLcrXSAAwyb268dxqYJZDdHC\r\nwLylyQGMbM1w8MOFcVZaOvWVjCqnOxoLA0jRcve82v/RDaW4r1tNHVA9cfGB\r\np9N31MmoAJhpx2NWJQMiS0DdAh9fqqu2phE=\r\n=Naao\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"8uk0w5k1","email":"jeremie.deldem@gmail.com"},"directories":{},"maintainers":[{"name":"8uk0w5k1","email":"jeremie.deldem@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/simple_modal_0.1.3_1680812226570_0.8466770036723805"},"_hasShrinkwrap":false}},"time":{"created":"2023-04-06T13:22:11.334Z","0.1.0":"2023-04-06T13:22:11.530Z","modified":"2023-04-06T20:17:06.828Z","0.1.1":"2023-04-06T14:25:44.821Z","0.1.2":"2023-04-06T14:54:25.509Z","0.1.3":"2023-04-06T20:17:06.715Z"},"maintainers":[{"name":"8uk0w5k1","email":"jeremie.deldem@gmail.com"}],"description":"simple modal with title and content and full css customization","author":{"name":"8UK0W5K1"},"license":"MIT","readme":"# Modal Component in React\n\nA styled modal component using the styled-components library. The component contains various styles for the different components.\n\n## How to install the Modal\n\nYou can find the npm package [here](https://www.npmjs.com/package/@8uk0w5k1/simple_modal).\\\n\nyou can install it with the following code :\n\n```jsx\nnpm -i @8uk0w5k1/simple_modal@0.1.2\n```\n\nOR\n\n```jsx\nyarn add @8uk0w5k1/simple_modal@0.1.2\n```\n\n```jsx\n\nimport React, from 'react';\nimport Modal from '@8uk0w5k1/simple_modal';\n\nconst Exemple = () => {\n const [isOpen, setIsOpen] = useState(false);\n\n function openModal() {\n setIsOpen(true);\n //console.log('opened Modal');\n }\n\n return (\n <>\n {isOpen && (\n \n )}\n My Button\n \n );\n};\n```\n\n## Props\n\nWhat props can you add ?\n\nModal.defaultProps = {\nisOpen: false,\nhandleClose: () => setIsOpen(false),\niconSize: 24,\niconColor: '#000',\nfont: 'Arial, sans-serif',\ntitle: 'Modal title',\ncontent: 'your personal content',\n};\n\n```\n\n```\n\n# Don't forget to care about sensitive case !\n","readmeFilename":"README.md"}