{"_id":"@ijsto/react-slideout","_rev":"28-d325a0ab37abef27c00f2796ae45398d","name":"@ijsto/react-slideout","dist-tags":{"latest":"1.4.0","alpha":"1.0.5"},"versions":{"0.0.1":{"name":"@ijsto/react-slideout","version":"0.0.1","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","peerDependencies":{"react":"^16.6.1","react-dom":"^16.6.3"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","eslint":"^6.8.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^4.3.0","eslint-plugin-html":"^5.0.5","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^1.7.0","prettier":"^1.19.1","react":"^16.6.1","react-dom":"^16.6.3"},"gitHead":"4f1037ce8457d3eece943c6c40d5471025fc212e","_id":"@ijsto/react-slideout@0.0.1","_nodeVersion":"12.13.1","_npmVersion":"6.12.1","dist":{"integrity":"sha512-FV7xMBDJ3mukwT1+izd0rxOV1su2GSsr2oMYlhSyi7xMh4CrXJxy0zAHFWsiKbvF/G4yuEvwB5Irt/E7jD905w==","shasum":"6998676ddafee85de5a5804b59311883da3cec42","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-0.0.1.tgz","fileCount":8,"unpackedSize":10812,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeI1znCRA9TVsSAnZWagAAn8sP/2TtAB8aVb2ghiVb17kG\n+kAwx8mv09L/kKKH7yOieh9wtZha/NIgd/P2KqIQREHIOPrqh5Vqv0YfaUCM\nTmC78/j0wCOwtrIzbLz+SYWSg3tE/LYgat5Jt4rdPH/ntbPZ/47hkKwOCO92\nlZPZFTvqj4XbIwQm7z61Kj5zTXksQDByFFh2Se6UHRWHPpoqsgYKQra0FycA\nbqS4AMtO4x7kNmkFOaLzJepuA7DPUHOnSFfbAmuBtETXT2kZ28+7uxK2ZbfS\nCfs/IwUUfFxo3m3GmOjV+FUjP1GNoCP1gTLik8qFRqmzSekzWeolUFy8O4k/\nwv0WWTmkhNpn5NznRzNHoxhKaWRzhwS4euZzSTmmJyYJuSCVuCgl7kCOBPXO\nZqbowWJxw2rbGuqF93Wwn2P1SImMT+5JeIYdBtIM6LTmURscmSpZgr/FmOBc\nFBN83ieK+H97XEzKhIb2hlFWJEQ1Zb0LudVJ0FgzFTs/4b5JJZd/l0aQRKDh\n6AM40bKUvCZ5dwZzlNHJbso7jrytvvH8VH/ISXK9NNW47SjRWzkv+iI4wd2p\n2FPKFJzwS3vu25d7aHCvVUgtOKQTCFA+OXftUq7qKEBIbEqZeID1VSyM1oS5\nxz2wTWCh5Whdpv/H158afJ7KhBHQpvMCJkyysuXDKVQvvzCEwCWtiMarup+v\nC7jy\r\n=vsb8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDgbSVVtGJK0V6nL2qiPk9d94HFNkx6rANxzDxrI6wFZwIhAMQKau6SK/GvG7xoda5chAJpoIrQdZBNdbkNLSlvHQcd"}]},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_0.0.1_1579375846642_0.924387505454838"},"_hasShrinkwrap":false},"0.0.3":{"name":"@ijsto/react-slideout","version":"0.0.3","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","peerDependencies":{"react":"^16.6.1","react-dom":"^16.6.3"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","eslint":"^6.8.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^4.3.0","eslint-plugin-html":"^5.0.5","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^1.7.0","prettier":"^1.19.1","react":"^16.6.1","react-dom":"^16.6.3"},"gitHead":"913e038f1cdb0d00064d86cc974d87464bd55830","_id":"@ijsto/react-slideout@0.0.3","_nodeVersion":"12.13.1","_npmVersion":"6.12.1","dist":{"integrity":"sha512-Vbwu06ANDk02/cRsQA9b3ZVN24gTiL2bWKj0rBcMgw4fmy2e6XnFdjB+/04sVtyejSNiBq+z0jWTEFW7idjKqA==","shasum":"16eb6404e52ae1c5f29a8749908f1bd3bffe1381","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-0.0.3.tgz","fileCount":7,"unpackedSize":11129,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJnsLCRA9TVsSAnZWagAArpQP/14qMfFPhBDRoZM6kgI+\nXOty9L9BW5eT9xfbb3lU2DuY10HkkOg3UqSxvEqv8JJgityb+ia8I7IVx59c\nEy1qSfZc8+/xLTfeZVbxyIKcUDlwzNsN3uSMlMME7pB+z5Ilxe/JBM7GFkjx\nQ1H2MpGxbpcI5x9FjQJcownUqLBmKy5nVO95iTEnrulT4U02vq5rtXPpAoM+\nOTtdtwlWbsvNI4mDrdQpe9ZxwuzDqlTb4xgttyAGQaHtuHzl3G5ikq53+ppQ\nEu9TBDf0f6xiPAgs9SSK2OP37diVIEEUDtXeE7j1Zyusi155Nxkl6FoRihTy\niE1me20jy+xdBaf+wf2OZvUf/3om1ZMSQPuE0tuHnPkR4NaQ5HnOFlJaGNSg\no+FOmWCNqSbsXFOeOyrR6I4ak/1PyitFuXKKI7BqwCMNjeGM+fPhoCyved80\n17ntqY0QfAFVWhcUCi8Z9ZpIRKzRvUAiu57ms7ZhW+ZpK9KDa2Lu5U7Ier31\nApHYa9nZAYYYDiPpSJ96F10lymQ2zqIqV/Zk/OGIs03h4ZwwRkuL8kTjYLb9\n8Dj9LXxAILbmMg0NtzEX8FyVV0UsIOSULke+DxJJo/GYt+824N/zEPUzSA97\n299JiFaZgd8ry+vI+7iud78M8MNKHPPOnzonwFgTUTH37TJwJM8aeqLee1GN\nHolo\r\n=zmBo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG/XUGBlaVWmu1utTiash6tBfntDqwEH+26EVvYuBze4AiEA4kSesFEkdoyVMaJ2C6bR9Dm17riof0TjrbCtWHU2E0Y="}]},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_0.0.3_1579580171418_0.7870144055426971"},"_hasShrinkwrap":false},"0.0.2":{"name":"@ijsto/react-slideout","version":"0.0.2","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","peerDependencies":{"react":"^16.6.1","react-dom":"^16.6.3"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","eslint":"^6.8.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^4.3.0","eslint-plugin-html":"^5.0.5","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^1.7.0","prettier":"^1.19.1","react":"^16.6.1","react-dom":"^16.6.3"},"gitHead":"913e038f1cdb0d00064d86cc974d87464bd55830","_id":"@ijsto/react-slideout@0.0.2","_nodeVersion":"12.13.1","_npmVersion":"6.12.1","dist":{"integrity":"sha512-rVK/NV6RrDVm6yK1eTYYuaZS5ZlFWrur8aD/gjdc9Jk4D9JS+XVtnD63GninXJIIM+Kcclivm61oDuVfzhIAxA==","shasum":"459edb958f0a4b6c452cd8e50646c9bbf2a47bd5","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-0.0.2.tgz","fileCount":7,"unpackedSize":11129,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJnsYCRA9TVsSAnZWagAAvQ0P/39RWtvEJwt8tX9eFmg5\n343OioeWd9EVE5MdOOdMKXic2xC5z7Q82MOdrBhvYhUp1hXWa4few3ybfLbH\naMzhlXJRh/oZVCNy3Sn0Tl6zcCOm0/6yaRG5FN8IG2MShXk8t/EC9TyQdMqU\nwGKUQcG767PMBztY5OERHUf8g9k5TJzReV5DOKLyqfQs8zGrFtR4bx/Hn6I0\nnh4s5SvD9wvRlnQI0GYHNnn36PENRXTgnIkXVTxwbgeN2hWxZQkRZH23OFj4\n2GHD3wuQLyNKjnPfDoSeF7tahHA1luCqVeAjO6vRAMf8+llcjjZUmTyYCQu+\nn0/e+A//L88R3f9lGSGsR1cmJS3CCQ5aHDSchFZewJVYUaqurX4xHiWn6SqH\n00j+3YA1+I1ApvGhgHnTiT2Ez34oPOjMlQ0/rUzVMmU6FNk96//3S7oS+cDh\nfqPgmXfaUoH8cEH1LovJv1bjWM4oUqUj13pFhYx9cQluKcSReHdeIF4vWO8s\nVem2llZ1aeDi/cNToBl+3+xar4R5gMLLFLrSwgkK78lakKUlR8W03FCbcIOA\ny4q4+/q2LtKDmWk3Mx0BdYyFm4ooBp76f2u/sEKJuLgElts7xx82EHK5N5Cw\nlcFybBTbfoisDukpESlCnOrzqFBPVx6vRcXUXfcgcetpryG+D64u4o/gCibY\nf57M\r\n=C/BM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCH4r6UQJtPwKC///8IDJg1U7pIhe1JOxrsCoSDxO8R3AIgYwWJBpCR6ZoMJeJydbpSWpvsHf10U2ZPEJCkP2HaZm4="}]},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_0.0.2_1579580184356_0.46409825831918794"},"_hasShrinkwrap":false},"0.0.4":{"name":"@ijsto/react-slideout","version":"0.0.4","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","peerDependencies":{"react":"^16.6.1","react-dom":"^16.6.3"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","eslint":"^6.8.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^4.3.0","eslint-plugin-html":"^5.0.5","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^1.7.0","prettier":"^1.19.1","react":"^16.6.1","react-dom":"^16.6.3"},"gitHead":"7cf2a49d250fa60a23bdc3c58a71ace8782f6b9c","_id":"@ijsto/react-slideout@0.0.4","_nodeVersion":"12.13.1","_npmVersion":"6.12.1","dist":{"integrity":"sha512-ts5kB6QtUzVbIzLAjqu/14BzDHyNaVXgozJlFbozkOI9EPuHiNfxV+s9xzi9dSt1YUK7Cbun4z0ZHNc/6iZ+qQ==","shasum":"05d4702b6740ba87f6a5f24cb0766822af47eb61","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-0.0.4.tgz","fileCount":8,"unpackedSize":44185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJnyTCRA9TVsSAnZWagAARk0P/3LImYY9/qMmzFVDu3W9\n2G1XosoFLGsZnUs20UbwPEx/bCfRCc8vcRImiw/7FNLj0KyxYHyWMvyR2af4\nLL9Rz2pmdJYuPofu4sYYpctqFCrd0lzOFtpu+Er9Oz8RtjBmyrqzXf/g6lsK\nYSPbZ8QRY2JQ6Nd+cGa6L/ZIW3H9a3djhnxN2adUfmWUBInwz+02fN6307r9\nRC9I2uXsAlaCwhRQR3zUPzuHmEQVUN8lccM4/VqHupCCiPzvXuQGpYyutFY/\nxTvQtQ/0+xIPRSZ54xDPvyJx5Jbtj3YJK+g/yUhYDcaY0xhBjuW9K8u8+61T\nzi1DpUumdujHRfYVYM8JfEcQX2P78i2zLmC6C69FJJ0vD9+OL7Dozma2e/aW\nLq8NYuBbIuXZ1jALwA8vERh+jIL9Ad0w1waqOy9M0DEftjiPA2rEt8aOc4gw\nkrAzM3fWQ3bcjqPyF0DkvfidkHChwdNQHqoDb08In0YPytmzEjc8mbjFBJ3C\n6X4QlfhrSgRxRm523PjTp5vAPyst8x13pCsepRmrTQOu6mfbup6+DOk9UmXX\nIPx8UtTc/i7sU6+Hi1ZfsCH1+2KgcqWFjDwa/qjdvMmZQtVxCZrpESpqLcsG\nYvj6IlDTnD1cVdaLIaCtlLHg+AOgrHI1YO5eQ6pmq7HvpWC2bqyE5gD7Wk3Y\nzqXc\r\n=z+7/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDXI+ByQ9Y5tyrjjrKhEl99aftMSsw0YOm1BrwOdrTbjAIhANHdQelr63gVGdDYeES3+ecu4WZpXsstnWIrebUKS/WD"}]},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_0.0.4_1579580562570_0.16091416413092197"},"_hasShrinkwrap":false},"0.0.5":{"name":"@ijsto/react-slideout","version":"0.0.5","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","peerDependencies":{"react":"^16.6.1","react-dom":"^16.6.3"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","eslint":"^6.8.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^4.3.0","eslint-plugin-html":"^5.0.5","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^1.7.0","prettier":"^1.19.1","react":"^16.6.1","react-dom":"^16.6.3"},"gitHead":"fa74c713a92bdaf86bef1a10b5523ca2b60da861","_id":"@ijsto/react-slideout@0.0.5","_nodeVersion":"12.13.1","_npmVersion":"6.12.1","dist":{"integrity":"sha512-Lg9+vkU98lXS003vKRZnQvEu85nFWIcSFCM1T3AC+qemGi0fjyWaWWT3WwF3CGrJU9Es6jNfhmNXCqV9eBcjvQ==","shasum":"237ccb5e8dc0fd6c557cf30378e7200d390d7b0c","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-0.0.5.tgz","fileCount":7,"unpackedSize":11371,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJn0vCRA9TVsSAnZWagAAWagP/0r7uFB9vSMECyZ+ywZN\nvk5OKEjZeO0XQJlZa3PtymCr59mTOTDTiSiDEGkofg5HmMw4qho28b+ilK/K\nhx5uYT6QOTXaynVfC2W2q7zV9wRwpepREKPXTMwWgg0MGx3DtmlvOEsEsFur\nLuP7GFr2vknlYp9FlTFdFKJ8YKPV6XxB2otC5OfZafMQORBXEgywBRT2LZCG\nAin46Yj6Kwq26oOZDhwo68w2m9xZkvw05UguStxNvUjy4fC6HXQdPVEB8Wrg\nmyJ5J6ooudGaZlFsoaRlQN/skMsh/9S7m0pmSJBj21g3Jv6b0QiGyZLxoHKW\nvgAO/sHwwKjXJj+iumSgWqJFa0Nhr7IT7X2ixqWNM/+Iz4ad7nW+3Lk96O0D\noe0NtEum+QXfMDkW9kyzCgYp+EdRYqFtoFZ9yQOJtYGEmLKH9eD6hVMMAYI0\nos7ybOhmeysWVQ3y9Ft3xeZ7hJ/IXyIkgz31BUKNv6QAjq5/hPiTf61zZWtr\nEiAeVMnzkf2XSs5i6pC1KW2uY7TzOn7vKYtbYBDDNeqMp1v6H4kF+nSWtM7g\nr4+lDIFUDqDARqpuxDCfc/JvQomc1F05yxJDFSpCQ2azvbCRnn7HySZ/K/AZ\nNQBcHD0h6UO0iR6fYjmZs8P744yGWFMAlvqv3T2qtv3HJUeLAL4HgoHmomt7\nTjN6\r\n=ePHt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAP8iwSkyGZvi+j+Zac0dDMMuN09Y0rHjusiX24ZmgqXAiEA/H/eaxByzqAbT7zh2UPzDzbrvkLig4eYWXzZEwJpBf8="}]},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_0.0.5_1579580719426_0.7985345774020243"},"_hasShrinkwrap":false},"0.0.6":{"name":"@ijsto/react-slideout","version":"0.0.6","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","peerDependencies":{"react":"^16.6.1","react-dom":"^16.6.3"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","eslint":"^6.8.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^4.3.0","eslint-plugin-html":"^5.0.5","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^1.7.0","prettier":"^1.19.1","react":"^16.6.1","react-dom":"^16.6.3"},"gitHead":"3a37ed6fc98b9aa5737bc69da3c84664978fcb59","_id":"@ijsto/react-slideout@0.0.6","_nodeVersion":"12.13.1","_npmVersion":"6.12.1","dist":{"integrity":"sha512-AwY3oFsF09aYu+4T8QACNkxwxMXv66og/YRP6ZUXngPjE34oxZBUopBFz+IKNzXtCP1p2dlzna4fl/HjsXdi8Q==","shasum":"1edc662191d37de0b38708498a9664d74d5c4183","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-0.0.6.tgz","fileCount":7,"unpackedSize":11461,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ9C9CRA9TVsSAnZWagAAQ0cP/ArzVWHRedCG7ZhK2eBc\n/LMusFKiawYEB+wztucgvfI8dn0xnQTzF8lwRNznFgK0cYglyogxD3GvqCU7\naHK9zIfqCQt+4slBWwVk2NJ2g+J+1fqzM2m6lAjQgTgPB7pzz7Ki80w3AXKl\nA+rGCYzqHCUZ8AaxRPFMKR5Doeq64MN/R72Xgr3Sm5PW7oPRHi8S8AaPaFl7\nQOhRWjcpNS1nCMrhQrW1h6d991b6nZryq+ZbxM5ytFUMJ7uIY07EQChO0+uS\nZCXHZEvlqB8CCsZXa0QhlkfBzAm9S7C0l8NaXYJRNMVEynxFsCXgMTgWZTNx\nVcYMyes+W0bV6aihzPwdxKM9kDeTU850ixi4ko7J8MX62ZeFEnUkaGc9oRND\nEmtKydAnOuC+tRCXoLlEmnwb3sdEQZDJPOiDO6H9oBHV8ilNKUKofhlmCIoL\nJPgYqtT5uZNwNA4symV4yB8XFqsgWlwo5RmgMqtiqTLHm41jfzh7MGwgRmgz\nW0RlEnar9xPBdn2m3RaxxoA+90vBOAYd3pK2hfvyWCK/jS85dM5C15c09bY4\ntwB+BM52Dp7pzvZBT9ltKixLP50UVOWV5MpUNGZKzE5wQs0JHGGEgAbl0dX/\nTSLCv9wUH5GPTXeg6XqA2lllP0aemMmRN50EguiimmuWAXnszzZQq2InepNS\n5l9u\r\n=xjxs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIERUF00YJChB+ZvykyzbYvg4wCWYYBmMu2HJXEKt0B5UAiEA0L2Jug6njV5tcwDy5du9aIRI4t8zU5kjwAPOd6XOrjE="}]},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_0.0.6_1579667645397_0.9160088111530686"},"_hasShrinkwrap":false},"0.0.7":{"name":"@ijsto/react-slideout","version":"0.0.7","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^16.6.1","react-dom":"^16.6.3"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","eslint":"^6.8.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^4.3.0","eslint-plugin-html":"^5.0.5","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^1.7.0","prettier":"^1.19.1","react":"^16.6.1","react-dom":"^16.6.3"},"dependencies":{"styled-components":"^5.0.1"},"gitHead":"d34f704213b9e961224269885b28acff78d684ad","_id":"@ijsto/react-slideout@0.0.7","_nodeVersion":"12.13.1","_npmVersion":"6.12.1","dist":{"integrity":"sha512-WO1kor2zWPJtTKWeUyw6u5cOJcLtRPwjVZZiLSMIOPNamSWyKiWeze8GXhW0lP7x1hW71bhqeDYsza4NEFjiqw==","shasum":"30668dcb7cd331657cbab2ad54406ce66396300d","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-0.0.7.tgz","fileCount":7,"unpackedSize":13904,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeYbQnCRA9TVsSAnZWagAAAUgP/2VtnHkaxhfqcGpHW062\nBLflHVym2YSgIpInJU9bSHF1eaQ4F5ODSX6WCfVKeeJD0ypFIwjg/6ztSA63\nSiDmZlP8ZV2K8mOSCbjEB6L1jH8V7Dc8aWEWhsaT7VPguJtXWilMyvhzaVZM\nS4+waLbaGyPrQ7qCtCYYEjiaXrR/YAUlDuqnqtaky8osRmSZQ+5EO/3PxbAd\nx3bt7KfHWJi2ftG8YFNLSwWRCGgNqDP7o5gVU7WS8dfzufkaHRc4+/CQ5FO6\ne0m2C3SrczEf+NHqbwREVEwjYNmtSL2EcfqZJmpEBqlFb5ijL096xI5b4QSp\n/FGcfVHS5gkf2LqzkRvFX2ghiI4HQ8qGJC5P+uT33fT2vQUEDv3y6o53HML6\nkFCmEOkoyEGbFWCzoapJ0szw5FrMBYIXY79HiMLJdBlZKHl+ZBvovmdVygvs\nP57QRfVIEqY5LQZZKIEyzoxpEF61Dw0dk1cvzrSriBJK6UjFgarxLCYDnmSS\nAA6fJgCRpJ7ZLsnuH0WXjp93TVLm9mWrHGe+1t+lBiBFUvMs+gbwLwRIUNPl\n5oWQlZ60aBCmDkIRW6K4A5A0DOUJzzQN6uI2PlIaoqOotblhBkHakGm0svHV\nCitc7qjIkyW2FnKrskQx/gU8/mI7nMmvu/ELcPhDW+mR1wOBwHDk7G02Srjq\nc/wu\r\n=kNKk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCE8r7TQPXQplh9LGnCw2Mk6SLytsr2qJplUvcfhFtTJgIhAIxvmaa6k0yMOPsjzh2i4+zVOPmmhjR5mdlYsGnt2/Dg"}]},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_0.0.7_1583461415421_0.8115649983185012"},"_hasShrinkwrap":false},"0.0.8":{"name":"@ijsto/react-slideout","version":"0.0.8","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^16.6.1","react-dom":"^16.6.3"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","eslint":"^6.8.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^4.3.0","eslint-plugin-html":"^5.0.5","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^1.7.0","prettier":"^1.19.1","react":"^16.6.1","react-dom":"^16.6.3"},"dependencies":{"styled-components":"^5.0.1"},"gitHead":"be840935ce31eaf9e70cdec0f91aba58e3668610","_id":"@ijsto/react-slideout@0.0.8","_nodeVersion":"12.13.1","_npmVersion":"6.12.1","dist":{"integrity":"sha512-1t4xeT7/H7shNssYxeFQN8n4klzeLN1x0MdwjYC0kDiQdDlT8+pSzxenysmSDpU/JmOsCWQu2qYrFGq8Ox2ffw==","shasum":"93f8c3a4a312e59513c4462f4fae7654a2163464","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-0.0.8.tgz","fileCount":7,"unpackedSize":14264,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaBrKCRA9TVsSAnZWagAAVdEP/AtP6nbEs8fgNjOJmAJg\nHi7/LOG7mHf/TQe2GS7SRHXYdV+ZDIo97JuQoXP42/7RsJ3THGIsx/snKRWi\nmwm9mp1Of4ROS+sIE0tYItsWbSXCGcsu1OJ5ee77VomaQpgO0I3kXtyVFTdV\nGeAhDpK3mKABnwyM7mEUfghyXZ5ePXNjp20G2nLT7I1t55mRSLKSJej+xUAV\nxvUMjOqqcIBoombUIctViLfpsdEUWrit6MwCI/yMYVxgd+ZIW2VYgbTxyf/a\npplB39/1LW+SPEuoUwHDgqRsYAICImGUXBqDt31oZiX1Ela4+uHb4HqegiqB\nT4lfjRUk7KSkemWzDd4dtuHLs34yrAk3Hkg2D4kOn33gUN252ZrDSi+CFt0K\nUUn8OKDgzxQzjK/6xkUOCcQkTjDq8CUG+v7mFYDs10cH8t93cX31+fU6a0u9\n2Macebb+DU/Nv+PawbVS1du8eTwGTcxNGAq3pehbxw2FFKTr4vGsH1hyyv+w\nw6Xbez5UmubWw/giW3o1kASsD0cVIiGhudbLh5M4x+xXUgFq6V5zfPEJvNMX\nRBY5slVl7vF3Yv2Ea0498UO/TIkAZlp95hGLlibn9yFI+WsGpCgsAxUhU+gr\nrrt5ukW8hX3TyzA7iuKWKJ4vH3JM4rEqbEKTTmdQ3yBpXmgkW6ysP0BVarqX\nmh63\r\n=aH2y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCuQv7x1ZyS32ptbdU/blzr0mleIhAb9nQlAU1xKFEnEwIgISThydcaCSprUPBGaj1+OrBWRBo1pDYo1ZwAWrMYj+Y="}]},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_0.0.8_1583880906267_0.9167521844298192"},"_hasShrinkwrap":false},"0.0.9":{"name":"@ijsto/react-slideout","version":"0.0.9","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^16.6.1","react-dom":"^16.6.3"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","eslint":"^6.8.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^4.3.0","eslint-plugin-html":"^5.0.5","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^1.7.0","prettier":"^1.19.1","react":"^16.6.1","react-dom":"^16.6.3"},"dependencies":{"styled-components":"^5.0.1"},"gitHead":"bd4ca966941dae52017b6e5a13639698aab2d5ed","_id":"@ijsto/react-slideout@0.0.9","_nodeVersion":"12.13.1","_npmVersion":"6.12.1","dist":{"integrity":"sha512-Tgf8Qlln9b6qhdnvC9WRN5ND3ptTA1TnSc+exGBsoobQD2MWa5/Cdbhtl8Zr2HUkwk01MWxM9vVY+Xp1JPtfPQ==","shasum":"56b646f7988a4e69592fbf560f72eb1f97c53c5d","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-0.0.9.tgz","fileCount":7,"unpackedSize":16284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaRBVCRA9TVsSAnZWagAAb50QAJXG9FcCfrGPEbO0RxY+\nVgZ2mjBHObIPi9kF+kvURDGs9LC6FPjy8sFrspRu17aRHxEZWjhoE3UxXj2U\n14VQGL3bIPSUXXYVCp3KQ6HMRoodARRCm7Vagth7vYpDj00lF6jdAR0WHh9t\nHCm7qslVUhsBU6cW63lecmlRRgFYQHX+ZBhCzZJ8A5Yp2kmyOuTs68F0Tjdr\nKy9VZDNWv1LSKzWLhhv4ZzCKXzbqD3iIqjSM7333kd9sCRjrO3Qskp0bNt2x\nktawqJdq8D4vDHUo51G/0QebW2wEX+IvK1PccVk8RVerVksORdMV/RL87xsD\nDZH37O7CBz63eDelm2XBoRpwEjjzO+nXnBvcM1Zh+VfIy2LOUCqhXdbpdk55\neZmcUFyFfYHw5vymrilRpWRKRJiZ1FH/cARcqRGpjeOykKasbCiLIqyH4QUO\n7kCsxUJ8xzm9d/zbBFluQ7KrdFZCYeg8srqE8fqvT/JRuj3gCJJQ1/iXD9F6\nEbcWpm+/yPGtp3OIyLzC0ijzyv9TGSs69tymtdobfnTjG1+/hs7E1yO9ViK2\ngmx3hIi0V1NynF9fK846AKC1arU+9eN1JSIz2TTj5DFUMCmAc+nm2DF4FrJp\nzU3lQOiVP9b7B3HMJrlXOTsohFT3RY6N2VbXgW3epyaa+OgeZBFh27spj1wJ\nhkys\r\n=yP9g\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF6jSagSOIwxo7Sh+0qmooCvvPFyxjc2PXMNIV0WDsaxAiBRhkBZ63JIbK/eZHZen8XGHDP77Yg7Dyq2V8DggvQHIA=="}]},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_0.0.9_1583943764699_0.9617254539022875"},"_hasShrinkwrap":false},"0.0.10":{"name":"@ijsto/react-slideout","version":"0.0.10","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^16.6.1","react-dom":"^16.6.3"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","eslint":"^6.8.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^4.3.0","eslint-plugin-html":"^5.0.5","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^1.7.0","prettier":"^1.19.1","react":"^16.6.1","react-dom":"^16.6.3"},"dependencies":{"styled-components":"^5.0.1"},"gitHead":"8daf30ea9e0a066e84878a682b8259ff60e3aa5e","_id":"@ijsto/react-slideout@0.0.10","_nodeVersion":"12.13.1","_npmVersion":"6.13.7","dist":{"integrity":"sha512-dmco2U0OjHWT8KDRfQvyzDZjJ/cUBU+87O5lhYJBdqhBFgOV8UnWqFrhAqCKm2Tsabg+4YcUu2vHMPyKnQb3Sw==","shasum":"71ddd4567af233d6b38bda29a600f49e0bbc706c","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-0.0.10.tgz","fileCount":7,"unpackedSize":20104,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJef8eWCRA9TVsSAnZWagAAIr4P/jCpUuGPYxkH7SFMnsZK\ntzTszonpDn9aKbHC2rSun6x49+DapmsxSMaY4b3llZz8bC9eSMGS6nrf+QVI\nQ2aKBDaAiSC9cDu4Np9Hy90EtBdC6HtqwaQguqQcZNB4zFB2F2V9wimCOte5\n24198gWZekeDqbyOM4SoGsCcDuRB3KLO9OAu1f0UynNyyRcoUcRCQZpqGq2A\nOmxdo5KafL/IzqgZAF6cYdBuAeVFcNE2FLbP5wWI13JMsoaKT0Ex7bevCpSS\np0ryGemT3QPeJSX2LdqNOcfs8xsLiF/lTmr4IEABpcyqTOUvWPdjmlmORYpl\nU2/+55cdOctWgY16wGq8NL9n6QnCzt1+tkv3kpbeokxpenNx6TCiKWPNJ0Zd\nl8TRbzWXF8e8YtqQ5W+shyrwG6wbCln6H1TI4sEwRBcQ5R3Eby2D8mHY4MGO\nitrIi9s59tFTfD/C6CjDcn71Q+DeADDq9PqRGLTm1MiE7r2b9zVWZc0BkH6s\nBeAn/K2mVQLpvPzGNHikIHbWf4lFBvmmbdqPLcYJxAHpDtO2XCouo54cI0lW\nWxpkgXyEAXcINOtTK8EwxjErlucOv8lBUIFWK662qlSe55DxJO5Ej/GhLqYf\nUgblsXbdwcI5cz7T6Ywc38DyEX68PwutM07KiXV7mD0i1g2yDTnG5jmdcA8o\npDR4\r\n=30sT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCoWSrQY0in2aN+ElrkGr74EV1KtPBbsUMNSJaxybrWpQIgfpgNAUmaNegN+R2BWTrLXteF6VPwaANF8K7j77yCPLM="}]},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_0.0.10_1585432470066_0.12660235566917444"},"_hasShrinkwrap":false},"0.0.11":{"name":"@ijsto/react-slideout","version":"0.0.11","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^16.6.1","react-dom":"^16.6.3"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","eslint":"^6.8.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^4.3.0","eslint-plugin-html":"^5.0.5","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^1.7.0","prettier":"^1.19.1","react":"^16.6.1","react-dom":"^16.6.3"},"dependencies":{"styled-components":"^5.0.1"},"gitHead":"b66fe5d9e7219d08e2d14d0ae15e80097694ed4c","_id":"@ijsto/react-slideout@0.0.11","_nodeVersion":"12.13.1","_npmVersion":"6.13.7","dist":{"integrity":"sha512-rPeZjxcm7UoOkA54sXLh8XPUZrHh5vUPuCrW9fXr03jY+nlWRXWibUu8845DcIjness3aY9wGyiPOWR+dAxBhg==","shasum":"083fe4fed9512f192434f294746c1f068661f9c8","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-0.0.11.tgz","fileCount":7,"unpackedSize":20185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJef8iiCRA9TVsSAnZWagAAAjEP/1+BBjg1li/+WnZJDFRm\nI+cjdcsHYhmSvuf0bZa1xQaUJcTxbJAWSOw5W6B0343f0EVgFXcvxgcd8kJ3\nlkGriOG/fCBXbHHTh6qsaw87q9zOLFXYnQS/jUemGyWIY897mQv6mX+sK9sf\nA3fWnfwaPufKhO3mOQFsw9xV8+Tqc8vhx4mFm6pw76ORT3BmoFdfeqkIgFtz\nu8BuzPQV6g+hgF8OyriZClWUAbBeLf/S4O+0XX9nhG0xv+ynbPfnIsAVuVMn\njdi93HtvCHk56qF8Ic/NcoCd7sfygyPUIXvXcmgs/lSLxXRCB1JmXVxXPMBn\nWZqaIVZEAA1sqv9yCV/Zh90Wmm4Gy2jGZSyZF5UEft8788ZHjR1FCSA/mxHc\nylAxJmblFJPKpxK+TUAZQT18F7N7qaeMKvG83sEBOitvyM1bQhKXj9gySAl0\nrJCDFD848j55xvsDO3+MnP1SVvoaF9rH/IBt7FDjVlTuIMurXR+M9t0RVQSn\nuaMSZYNzkh9mYPCE6li+T0a5QDGYLBtNFG2X2gdxkWK7Yq06VJJkrf/o8r6h\nL/3XBaaXLWklLAvMdCsMDTwtPuNSKuX5f3AkHrlvuADo2izT34fxzg3k9jj5\nWZahfkexqKr4777eyPirAyyP/F+K4y44PZp8YcrlinFiDMsgaG8OOhumNZ4S\nzigR\r\n=vbma\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCR3+u4ynnbhQBhjGssyIWhYw0JRIeWA7KKAqyZo9AAAwIgEzHAa4ajPPCIp7MTcHpoyutLKwzxZTrUaxUc9SzYlas="}]},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_0.0.11_1585432738417_0.477846762701849"},"_hasShrinkwrap":false},"0.0.12":{"name":"@ijsto/react-slideout","version":"0.0.12","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^16.6.1","react-dom":"^16.6.3"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","eslint":"^6.8.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^4.3.0","eslint-plugin-html":"^5.0.5","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^1.7.0","prettier":"^1.19.1","react":"^16.6.1","react-dom":"^16.6.3"},"dependencies":{"styled-components":"^5.0.1"},"gitHead":"b66fe5d9e7219d08e2d14d0ae15e80097694ed4c","_id":"@ijsto/react-slideout@0.0.12","_nodeVersion":"12.13.1","_npmVersion":"6.13.7","dist":{"integrity":"sha512-CRN7UP9kxg5KbwDEBxlBJ1LhQCjwEKRc2wRf33CNXQEImoy/BdjDu7T0Nl2p+Us9+tOYPlzX8PCLhuEezMNY4Q==","shasum":"fe51559aef63a9badaf1ca735bbcc37770d280e4","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-0.0.12.tgz","fileCount":7,"unpackedSize":20362,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJef8j3CRA9TVsSAnZWagAA4OkP/1yNtkDqQxaDMCwbf9Ur\nqMYpQgLNMHp3QJzX7otLEoHxsc8H3VcpQmDC5gPNHMbPijbd4UWbFGyT9wpd\nkQrhHCkpkP2O2zn1IGU+IBA+P53cU7XurIJUpxFMNTW56/OC/7QMRvS0C8Mi\n6oS+qDolsyAnlv/5MdDOkOP3YTVeqUMm+BAbXiSMnpAmtGrPFOC8QMNG3TuV\njDBx0fpIpBZkT0LK59XLqjJFuLLU4mSZHVaFeSPWLooOpUL27FIYL4e683e7\nA5mjh9YP+5gmpkap08uYgHNlyZG08MeApu1Y/bpgDk0hTgyIDC13yUbxHP6B\n+FJM/lOVdugSJRyrgSzipyUSpzBrjQzB5hamsZoGbyfGw7WwYWzD4L8o2xUP\nQB6qrlQ61TyBfKE6O9vnOPatQ4lJ3jcdc7hVClmaEi9fjZ3b0wbp4rjTjnz6\npjYLfeFlUbvRO+mZRW/gNqhxcEezvEPMmREol37U4epkiUYqS4ovhk2bEJVL\nGugKSSCQ5UxEfE4Q1vLQfXyuBpS00DBeYjnEW37LMcTBi1C20jt0XAfeAWYp\n2msuh6EfL8gRW4pM9wp4yaoWc5E44bYzvJsJ/Ky1ZZ8/2RHmBTwsy36qSoqa\nfsGHtCA5yemK6YHjhwCK4/kBOBeClcrADWoiF6RBNrHvdaPNOkskUO9ZUj9Z\n4TDS\r\n=R4/X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAL3zPUQEKZfGlm1+d30/boWN4PFD7vJ1lN8wT78Z13UAiAA/ahhgwRvrrAsMAvzhpZviHUbG3d6vL3ngxAQuzYOEg=="}]},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_0.0.12_1585432822561_0.6273712093995056"},"_hasShrinkwrap":false},"0.0.13":{"name":"@ijsto/react-slideout","version":"0.0.13","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^16.6.1","react-dom":"^16.6.3"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","eslint":"^6.8.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^4.3.0","eslint-plugin-html":"^5.0.5","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^1.7.0","prettier":"^1.19.1","react":"^16.6.1","react-dom":"^16.6.3"},"dependencies":{"styled-components":"^5.0.1"},"gitHead":"94496d882d964b99cd58b40e8b711089b12a910f","_id":"@ijsto/react-slideout@0.0.13","_nodeVersion":"12.13.1","_npmVersion":"6.13.7","dist":{"integrity":"sha512-tiK/+W0z2X29wcFwcghzBaEYGWPcqC1By8wYj1lcmUItPgeOt8g9CnDvzvg4ew5ezxoqd8wAXdzm/oIoHvYIWQ==","shasum":"f08bca86a88f1710527ebe39e282bab3f8dff791","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-0.0.13.tgz","fileCount":7,"unpackedSize":21705,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJekKyyCRA9TVsSAnZWagAAMHYQAJjMF1sy6OriZ+rgoQCa\n6kNHG0Yvb8bWIIQvCIuUoY6ORKeoEpSs5k3aiuuvgFYblzcd66WWUAjOoCPB\n7U/5lY1lG8yxsPN0e4freBAQksQ9UTMGHrf3gv5LTkkXzpNcyrpCkIsbNBvF\nKqiG5dgP2mYw56dwNKQ945E5v5OdiEcM/T9cKIzs2+KZPU+jgL8oDl9nHKfz\nf21jGXIOEOP/Aj+ho/MlcJHrvoEfNFavE2SNzXxOGX7CymCjjoUmlBW9Ebie\npvlHX3zgVY5S+OoEERvWJF1BVW/+cuilWVp9ucHxmQsZjRTjwPP/K4jMEJ8S\nWsIz0IF8aQKxCFJBGg5jZrzz1vWDA6fjLvMsXDovZRh+PXspI+M0ZNsNkcBF\nf++QHrgkA7ZK+VueRa/jd/RkuvJaIkrS1JgeKnwQ80UnOqul9AGaLvHt+x8J\n5Zd4fapsvlyrfJqnzluMX98klPBnDZxsoV8zWCknjlxVKZdv5Zz8QcCneavM\nxCkxplR3VgfGWivj/iRW1EVLnm8sSQ6vxawBYErKaubJOHzEqWzlIZ80T4zW\nTmQlwWmOe4rNsxRPmqn+Q0q6uHh71TDXxhbfbzNKkY3IGfzYQpfmtFeaBEFu\nq8EqhZF5ws1mtqOqoy6HwJ7EnD1AHh0Dq8z+sIDvb+aYkSCFRgCTk6sxaPmt\nbd1d\r\n=dp34\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGENA7pDr9SefcUztqEQ0CKyd/G8OGIMRDPNxdBLkI9aAiEA7zhhp2I8iLAUEFqBiw0NsF+Ecl72IZCd2F5gRiyEbp4="}]},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_0.0.13_1586539697476_0.3498089098663908"},"_hasShrinkwrap":false},"0.0.14":{"name":"@ijsto/react-slideout","version":"0.0.14","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^16.6.1","react-dom":"^16.6.3"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","eslint":"^6.8.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^4.3.0","eslint-plugin-html":"^5.0.5","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^1.7.0","prettier":"^1.19.1","react":"^16.6.1","react-dom":"^16.6.3"},"dependencies":{"styled-components":"^5.0.1"},"gitHead":"5e33ca09b277529fe5b0eaaf5bc8be823c2c234a","_id":"@ijsto/react-slideout@0.0.14","_nodeVersion":"12.18.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-aF8IpLlXlHxk/aIJp8esueJiFMVAkvvosdaPuepulJGs7e8eFLiPvQ13gLnqHVlcdgmg/dytWEcTqlBOl0xwwQ==","shasum":"e1d70073e4379fb2f615fe94e3f4f4b873dc15a8","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-0.0.14.tgz","fileCount":7,"unpackedSize":21835,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJCDVCRA9TVsSAnZWagAANcwP/RjlkoNPgRpBU0Bh0fGj\n12ewoc22JirfYp3OsNx8h7C2QBLTe0coGK8AAB5uaBVchwkvUd557MozcBrB\nzuFB3pwf9xSsVlKzA5mygQooWfaDpVpv2zE0LEeRrG+Yk/mprZO19gmG/sW5\nc8Jz5iRVp8P9jBceKXNk4yhzMYCj3SQh35QMahfaYyK2SwaMmgdNQSZOcSrz\nfS88F3Sm9iuZg3bFbDC+DMPyUKiD8GaGJzqkZEbWhJ2HoAeUtVFfITIg73xA\nYjxlz4IqVLB+W5k2vhapgPjoF8nxCE6sXj5l9RF0mqX3JS2JVo2qZmjNBoIr\n2/Sc/mXxkOvsvqE3bIzIoQVDM0jVz2wso5pcaimwzQZSwVXwi2TQ4sd1Pb7L\ns9mHQ0B6wxHPIW+WfyxGoc+8jnh9o6GYnN+kF1N6vZd8gu6mJWnsLCxK7HAI\nJAqY9aFwz65lPkK8218O2cLXy/HU2XbUHNhY4eJWL9SfHSv9P7/TPSzGL9gi\nmrn/795w+4PmSY9QboURb40qBQwvvVypHiSXdwETmdXEujuALqZYcDNYLDU0\nUgJ8dosrmogeSb4YHA6YYr7y2tUfhJNab+xD5jp6PSKcAxFF96znoNjqpUo9\nmwIUmGfqe5C+DaANEwZTTu1t4C0o/Z6XnK9TqgSR3FGpKLJXisB17NuXhAJr\n0asn\r\n=OEZd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+S3XknRmMJ9A4fI+RyjtQe2pXnmSUs7nzWMIzDp4wYAIhAKZr1GsljdPV+V/b6SH27yBqCngT4pYO55GgLG5DEwXG"}]},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_0.0.14_1596203220649_0.9614118355987185"},"_hasShrinkwrap":false},"0.0.15":{"name":"@ijsto/react-slideout","version":"0.0.15","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^16.6.1","react-dom":"^16.6.3"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","eslint":"^6.8.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^4.3.0","eslint-plugin-html":"^5.0.5","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^1.7.0","prettier":"^1.19.1","react":"^16.6.1","react-dom":"^16.6.3"},"dependencies":{"styled-components":"^5.0.1"},"gitHead":"d9e52ee181f116c09bdb1b52d06408e807c00024","_id":"@ijsto/react-slideout@0.0.15","_nodeVersion":"12.18.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-Hdg9KmAmbciKM4rCZREHvADbWilUogSHJr0lM1H7ae1G/ntFYwcrV/Upk/ddb2rGyzREKFToC+nfpa30RXy2nA==","shasum":"0dc3802484f415aa7e66008cbc2db41f23b1c3ca","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-0.0.15.tgz","fileCount":7,"unpackedSize":21920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJCJTCRA9TVsSAnZWagAANMkP/jc/lSNUFLLCQrC1U1mw\nDoTgw+SiPo5ltJyLcmKfABwQlDzxgC0mhO4jIxCNeRU1nIPJ130NmqlM7KqK\n1TQgbglwtqAxZvpAxjMuBGtv+UBn9S/Z2kzzUWsWCj4CYSIjG3KkGFMWK7KP\ns7IADIdvyb5/2/mISoBl6Es4BpJ//a1Z1XYuAh3C0FkWKfwDNWKNy4ZH85Gi\n7LlUzag3NITVezqV9cHbkdMCKT9n4Ho4O4KMKEgYIxyRker5ZzQjykR7AeXU\nIgLVr6lBIKGnim/HuD4mRZMMM477Bz2K/eKXgZBqin1csOTRrrzzXWlqYpWo\nIfbgJEmXTTNsZKVvVrp+MtbKgVRtOfjeqMkcuyYPAnIwJf2eXGQOYgtQEJUk\nneCrA5sc/S0vvSjZxaaYJIDb/mg1RZsJ9zBaKYLdbNLcc86AkiZHL/ijAIKd\ntnNyJw2mWxpYSPAc6Hf3dm7gQfNXQYT2y+sLoJwEQrJECTAS9yTQDxaxuXob\nIDZUhbnA0eEETZgNA3TCGYwdv0bjs1CK9F6q78ZZxQjOOiN+F84I0+nRDu0Z\n2Kuo61hVPRdcneKJ7yZUXj+8bc/yYUGpAuFucwgDeM+os8+VSRlQZOYYlpFs\nFQ9cJlKJA753MvYRaFExfzUSKNXL9mH0f/Y1KUXi7xBfcUN9g8Mwb1497lpU\nMN0r\r\n=y3CZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCEb6TorpeBfiM0cM95HYscmEJq+L+/25yAbtqQMV+e/wIgdhVIrW+pqRFU21hP96mddT3BsJueqj2LWFxq4jV/L9Q="}]},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_0.0.15_1596203602773_0.13481588095349828"},"_hasShrinkwrap":false},"0.1.0":{"name":"@ijsto/react-slideout","version":"0.1.0","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^16.6.1","react-dom":"^16.6.3"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","eslint":"^6.8.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^4.3.0","eslint-plugin-html":"^5.0.5","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^1.7.0","prettier":"^1.19.1","react":"^16.6.1","react-dom":"^16.6.3"},"dependencies":{"styled-components":"^5.0.1"},"gitHead":"d735e7707866a2cbc5ef4b2b658c5fe1a7f4c27d","_id":"@ijsto/react-slideout@0.1.0","_nodeVersion":"12.18.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-yXe2y2PQsv8aO8THVyHO8tP9v5MkeydL+wW4toLB6r3V3gxJSf5Ouh3e4eIZWjSjYfVE47hxedNlAU4VaElvog==","shasum":"28f629889a76f3c57d85ee2b5eaf2ed84c8be42f","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-0.1.0.tgz","fileCount":7,"unpackedSize":23474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfqD68CRA9TVsSAnZWagAAV/oP/jB5LGTGCV5ThpsFvRiV\nY7xP1MdPpNZFyTxlHC0deadqPK3jWZ+/eUUEt/30h/4hgDnuuDm1R3qjDUyB\nRD+HhRxMlIAPbXl5k6jYwlzez0+AKRqk4ZT2+2zB4sbZbKkzdPS+PWFmjOU4\ngPsT/1HadVBOSH/jgY8bGmeJuWAi4+CUWfyMB8HHNFHLNhLjK/hOI4H1Tjkh\ndaOt8vgOI1zRoSzkIA6A4/GDBj5fWCNEJ/JVla/8DuyzEYU+eAZjYz7eiHkC\nGusHnU+eySVe0GCxTWMv/rfrYZDcX0EGwQ6Omd6enE0zAh1xjNXj5JjX1gay\nO73cNYQg4+VxhTA0Kgt4UnwL3CtBWNr0AuddH8TR8Gq414NomK3FxoBhg+M8\nzXssQT+q6xMxaFJMbIw8plFdAjS/+p90jF+bG7m/RrXnDxC9FSusLrFYlyGm\ntWnvVsmanAQk8ZkvIZzsA/luWr5LnpjJer6K8QxoRa5GryLvTNCZ6FCTqDGi\nqWBgBS12U2U7mLjqeR2w5xCf9Y/huBWpE1AmKi5oMCkWZg6daP/QnC9ubk+F\nizJrENo8XNyWGb+FyhnLciae/wQpb2+0PIherVAn/JkqmjW5mc7xvVd+jTZ/\nhhpz2Bt+Yz4GUkxmLaAso/NEfgg11aFTcWa/mMP3afNur0BEcANoEWKlpZab\nudOH\r\n=esrj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF/Kz2W/F8S/mRnceRPWLx5X206uGfZDWFXqjik3j7LdAiASaVC55JZXXbiTY5AUUu/pu+3gjI/J6RhcysJOJw3XlQ=="}]},"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_0.1.0_1604861627711_0.9278427117675396"},"_hasShrinkwrap":false},"0.1.1":{"name":"@ijsto/react-slideout","version":"0.1.1","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^16.6.1","react-dom":"^16.6.3"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","eslint":"^6.8.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^4.3.0","eslint-plugin-html":"^5.0.5","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^1.7.0","prettier":"^1.19.1","react":"^16.6.1","react-dom":"^16.6.3"},"dependencies":{"@ijsto/eslint-config":"^3.0.1","styled-components":"^5.0.1"},"gitHead":"c49e8076944ca98eb4af6ed3ebfda6a3947cdbfa","_id":"@ijsto/react-slideout@0.1.1","_nodeVersion":"12.18.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-2AmfpR+/akHNBAK73ieXdHAiZEhNfqcBeRw1+iGkiFujXzl0ZIk4gppVemXzWsCjT7G7RXg6SrcZD0TuLQsK5g==","shasum":"026063d7283485ccd9dde7f6d33808c6cc92f4d7","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-0.1.1.tgz","fileCount":7,"unpackedSize":22238,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfqEhpCRA9TVsSAnZWagAAuPkP/jXoXcX35rsOkOAJQJt+\n5pwgfsLZ8G8Ob3bfTtyHCwBicr0YfqnXwjDSZG8t/NCdgyzvWMqS3t0ELiTq\noHJIDGRhwCI5yyZ5OB+HfMqJt0wrP2wLRq3QjkihAHPZ9sJjupKNHqgKeLBp\nOEwzFLtzTPPaEUVbzmKHMvKKK1BdFYSajnERSOZKviV1tCzampOr11Cwm4HP\nGfRbXz1bIN6DpXsM/05ccr/63TZyUnae35uao3amhj7OQeO2TDzEW54KLNOa\n4aufgv+Qn7cCsD5tHkLW4quMBcnblteKmYDkpLsb856pE+kcl45Snhe0Be1I\nS+45H38q5GgIjcj6nL6jOQf+hvX/zsDi5QflP6jc6zpzaxD0PPP450nx/boJ\n9mu9Oa6CAUjv92lFUgTx+IFGo+INGgCuLtHHzcrI7ZmYBJ1UD9FrKvDIksuu\nWztghEwOqvd89QX4Zih+mtUK3QbHg22Oy4jEGH4LXbWS9T/SrIOzY6SD5GIA\nuXpBFZ7USYjjouH9iHIkBHSpf5zKvLUhReCJqT+dIKbi8fU3tzdNz5B++vQd\n/mrf+vK3NX6ZXmIJkZoYIGF8k9gPrIzzveUYWWijx3TfhiV4o7MYUK20UEZB\nFU0rMk6AsFOmx7I1qO7yXBz46ecva4QNXgIuToQauh5TXmn72BiQJ5t/lesL\n8KED\r\n=f5V9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCAMHo+4QbWsvQ5EK5/te4zuC4OTTcdCnomI5E3ZX/wCQIhALLcpbpX8tosQzoi2RmczXBZyCB+QG6Ygk2Qnl59KjKx"}]},"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_0.1.1_1604864105358_0.7218312179741411"},"_hasShrinkwrap":false},"0.1.2":{"name":"@ijsto/react-slideout","version":"0.1.2","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^16.6.1","react-dom":"^16.6.3"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","eslint":"^6.8.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^4.3.0","eslint-plugin-html":"^5.0.5","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^1.7.0","prettier":"^1.19.1","react":"^16.6.1","react-dom":"^16.6.3"},"dependencies":{"@ijsto/eslint-config":"^3.0.1","styled-components":"^5.0.1"},"gitHead":"c49e8076944ca98eb4af6ed3ebfda6a3947cdbfa","_id":"@ijsto/react-slideout@0.1.2","_nodeVersion":"12.18.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-fVGLD6EJXqPv4E8MInewU6GNkF+jimeD27hafGuw+4ZdoSEdz9RuPN4un7TiFXHXdTs8i/nSWuw2k5I0SRh8WA==","shasum":"2576404edf8c9bbae2a0d522012bb51232777509","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-0.1.2.tgz","fileCount":7,"unpackedSize":22206,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfqE1OCRA9TVsSAnZWagAACqIP/jtVsuBJVEo6QDSIvY/v\n808JdX9fhb7s57bthf62RKVJ5vV5IBz9lx81wD1IIrd8VQWcmJ0G5GsKjTFb\noZK/clDnphjOORp5Q5cfc2RCCQkhw9zf8bdHcilBWbSoO4xOEOAWaDpZkZ9o\nYnel/LE5SzAKB8/VtTFh5oK4FsqbEMQDHovcpkgyFy9VcNOfw4t33qevs6zw\nQMOsMtRkYnh4xNafB9uAlVc9+L3fIHQdc/S5wl+2SsgUnbMoo4NTQy3C0+rP\n02XbsCdlx4HpQNm32q1HYGO0dvz53f0na1zxBnY5+oQqtyg3M1v9CaTalLxz\noR3wF/liM6OgT4BB/awzrC+wDpQ//1d98xF/6+wKL6T/Ks3wRmOGTC66CtOE\nS7c4d46UCiFJWmdv51cwK+G7RKd+/kFUm7DiJJEJ09AtIcEyRPZgyE2Rnyap\nP9bcCobTmjBQd0NVpGm7mMlyAdk6tc0TnUn/e/CVI2MSU9uS01c9ZL+VrpT9\nMA4NhReUkMMzUHxspbB/sKCvBFWj9Xcn+P+oOvoEFWU/htVoxKppHu8kTk6g\n+vu48jSykcSXQvoImUxocBETR+kYwf1nLhj2PDhacZHZm49pHIipwSiSTmOG\nXqJWDAF8ZqZrh4XnAjvWG4rWkZ+dDVAcxlBtTwUYm1sxRbLw3qkLJE5EecOx\nEirf\r\n=7ept\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKztirzoBrihb11Ead+jcP+8kBNmTHxvTB4iBL322MXwIgWjoFq0g1V0IL7mVBtu/7+ylr3Mey6i14pgAbv/WmcIA="}]},"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_0.1.2_1604865358016_0.4811499702225406"},"_hasShrinkwrap":false},"1.0.0":{"name":"@ijsto/react-slideout","version":"1.0.0","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^16.6.1","react-dom":"^16.6.3"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/eslint-parser":"^7.14.2","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","eslint":"^7.26.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^8.3.0","eslint-plugin-html":"^6.1.2","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^4.2.0","prettier":"^2.3.0","react":"^17.0.2","react-dom":"^17.0.2"},"dependencies":{"@ijsto/eslint-config":"^4.1.6","styled-components":"^5.0.1"},"readme":"
\n \n
\n\n\n\n# **react-slideout**\n\nAccessible SlideOut component for React.JS\n\n\n\n## **π Table of Contents**\n\n- [Installation](#-installation)\n- [Examples](#-how-to-use)\n- [API documentation](#-api-documentation)\n -- [Available props](#props)\n -- [Styling guide](#styling)\n- [Demos](#-demos)\n- [Roadmap](#%EF%B8%8F-roadmap)\n- [Contribution](#%EF%B8%8F-contributions)\n\n\n\n## **π¦ Installation**\n\nTo install, you can use [npm](https://npmjs.org/):\n\n $ npm install @ijsto/react-slideout\n\nor [yarn](https://yarnpkg.com/):\n\n $ yarn add @ijsto/react-slideout\n\n\n\n## **π¨ How to Use**\n\nHere is a simple example of react-modal being used in an app with some custom\nstyles and focusable input elements within the modal content:\n\n```jsx\nimport React, { useState } from \"react\";\nimport SlideOut from \"@ijsto/react-slideout\";\n\nconst MySlideOut = () => {\n const [slideOutIsOpen, setSlideOutIsOpen] = useState(false);\n\n const openSlideOut = () => {\n setSlideOutIsOpen(true);\n };\n\n const closeSlideOut = () => {\n setSlideOutIsOpen(false);\n };\n\n return (\n
\n \n \n
My Slide Out
\n\n
This is the content inside React Slide Out component.
\n \n \n
\n );\n};\n```\n\nMore examples are coming soon.\n\n\n\n## **π API documentation**\n\n\n\n### **Props**\n\nThe following propertiess are available:\n\n| Property name | Type | Default | Description |\n| ------------------------- | ---------------------------------------------------------- | --------------------- | --------------------------------------------------------------------------------------- |\n| children | A React component | - | Any React component - this will appear in the slideout |\n| classNamePrefix | string | - | Namespace - will be applied to all SlideOut components |\n| closeComponent | React Component or html element | - | Custom close button component |\n| hideClose | boolean | false | Use this to hide close button. You can use parent component to handle state and toggle |\n| isOpen | boolean | - | Controls whether the slideout is visible |\n| offsetTop | [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | 0 | Offset slideout from top. Useful to account for the header height. |\n| onClose | function | internal state toggle | A function that will close the Slideout |\n| onCloseComponentKeyDown | function | - | Accessibility handler |\n| onCloseComponentKeyPress | function | - | Accessibility handler |\n| onCloseComponentKeyUp | function | - | Accessibility handler |\n| onOverlayKeyPress | function | - | Accessibility handler |\n| overlayColor | HEX Color code | #000000 (black) | Changes overlay color must be in HEX format (example: \"#ffffff\") |\n| overlayOpacity | integer from 0 to 1 | 0.5 | Changes default opacity of the overlay |\n| padding | [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | - | Applied to the inner SlideOut container |\n| shouldCloseOnOverlayClick | boolean | true | To disable closing, when user clicks on overlay set `shouldCloseOnOverlayClick={false}` |\n| slideFrom | string | left | Determines the location from where slideout will appear |\n| speed | integer | 0.3s | Controls the speed of the slideout animation |\n| width | [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | 350px | Custom width of the the Slideout |\n| zIndexIncrement | integer | 0 | Increments all zIndexes by the provided value. See default zIndexes below. |\n\n\n\n### **Stacking (zIndexes)**\n\nBy default Slideout components have the following zIndexes:\n\nHere are the available `className`s:\n\n- wrapper // 7\n- close-overlay // 8\n- body // 9\n\n\n\n### **Styling**\n\nWe provide more fine-grained control over all React-Slideout components via CSS class names.\n\nHere are the available `className`s:\n\n- wrapper // the top-level Slideout component\n- body // the Slideout component content\n- close-button //\n- close-component // wrapper that wrapper your custom close component\n- close-overlay // style overlay `background`, `opacity`, `z-index` etc.\n\n\n\n## **π¬ Demos**\n\nComing soon.\n\n\n\n## **πΊοΈ Roadmap**\n\n- Add entry from other sides\n- Add focus management system\n- Improve accessibility\n\n\n\n## **πββοΈ Contributions**\n\nPlease feel free to submit PRs for the above (Roadmap) goals or otherwise\n\n[iJS.to](https://ijs.to)\n","readmeFilename":"README.md","gitHead":"c49e8076944ca98eb4af6ed3ebfda6a3947cdbfa","_id":"@ijsto/react-slideout@1.0.0","_nodeVersion":"12.18.0","_npmVersion":"7.11.2","dist":{"integrity":"sha512-iXqjLVxTJYBzVjRbFO30k/97xGv8WOZrbDzCw0wcfLHl9UUvurvRAAQXd5GMaYmdN8ufjEp9s+fBqG0ZY0Dqgg==","shasum":"2f6ee087b5ba1e3ae78153a84e2d2c8fc521a1eb","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-1.0.0.tgz","fileCount":7,"unpackedSize":23217,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnqUeCRA9TVsSAnZWagAAJekP/018r0/XYdL1wJAtdJa3\n2bNwR/vIxaUtYl8M0ICz57ZdFFLwi0bIhFak/2RxHZZqVl/MB0VYLmZEySuf\nisz152cTCAtCPEaZyfS28XMp3Xr3xiiOlV6CRKI3ZgEyzRKJVXegm/xbbRLz\nkwDwp09KMpFVtPn1/6NIUl8VZz38m94Fra511Jv6gj4wkEgq6RPe4XQF5zWI\ntGX8n+HCaw4CFzBliuSUsHAmesceGAMJoYcDHEIc4z8+D6SWuXY1GCTo56CE\nf+Xq6hrBlcg1DoOmZ3mygULYcsp6/L28cVE82IV8eyLEwQS9ie9m+LqHZ2dG\nHAUoh0OlwHFHEzh4JanlDZcx1jTvS4wnkW3VKf/0GrpnKVwxenb4uWsw7T+3\nxO9wZ2DFYPKxNDyO2tk0oEQzN8IQreHDMR/4XtG+VmSqitMZYsI6WhFfnYfc\nbWghJGnEHFd7Fj4KysMniqVEfBnWtINbUcmuBZw9Nf7UFLojmI6ikL/Kuq5k\n5e/CDGjSgHV+nrz7aHg0edCIBbQvtmISo+wKt04NzrLhzzvLxo77IE9eXZIO\n5tu1ssEjwVp6dwpoovBzkJDFg+I+JRil3vO+bDNCziwzF/tto3TsbmFpjV08\nYvKTecZAqStCyLvSrl9zDEV3UtHmRDfGzAhd0CFw36Q5ABwT64SsiiKcJeRK\n4Len\r\n=xDWi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF0DYQb2ZiiSELuWCHw6GoC38ZBXkUr4bd66c1jci/O9AiEA+EHftM/pJoRCv85Go1S8+HxWdPiMLVEuj3NGn9OvxEY="}]},"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_1.0.0_1621009693867_0.9094519160357788"},"_hasShrinkwrap":false},"1.0.1":{"name":"@ijsto/react-slideout","version":"1.0.1","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/eslint-parser":"^7.14.2","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","eslint":"^7.26.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^8.3.0","eslint-plugin-html":"^6.1.2","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^4.2.0","prettier":"^2.3.0","react":"^17.0.2","react-dom":"^17.0.2"},"dependencies":{"@ijsto/eslint-config":"^4.1.6","styled-components":"^5.0.1"},"readme":"
\n \n
\n\n\n\n# **react-slideout**\n\nAccessible SlideOut component for React.JS\n\n\n\n## **π Table of Contents**\n\n- [Installation](#-installation)\n- [Examples](#-how-to-use)\n- [API documentation](#-api-documentation)\n -- [Available props](#props)\n -- [Styling guide](#styling)\n- [Demos](#-demos)\n- [Roadmap](#%EF%B8%8F-roadmap)\n- [Contribution](#%EF%B8%8F-contributions)\n\n\n\n## **π¦ Installation**\n\nTo install, you can use [npm](https://npmjs.org/):\n\n $ npm install @ijsto/react-slideout\n\nor [yarn](https://yarnpkg.com/):\n\n $ yarn add @ijsto/react-slideout\n\n\n\n## **π¨ How to Use**\n\nHere is a simple example of react-modal being used in an app with some custom\nstyles and focusable input elements within the modal content:\n\n```jsx\nimport React, { useState } from \"react\";\nimport SlideOut from \"@ijsto/react-slideout\";\n\nconst MySlideOut = () => {\n const [slideOutIsOpen, setSlideOutIsOpen] = useState(false);\n\n const openSlideOut = () => {\n setSlideOutIsOpen(true);\n };\n\n const closeSlideOut = () => {\n setSlideOutIsOpen(false);\n };\n\n return (\n
\n \n \n
My Slide Out
\n\n
This is the content inside React Slide Out component.
\n \n \n
\n );\n};\n```\n\nMore examples are coming soon.\n\n\n\n## **π API documentation**\n\n\n\n### **Props**\n\nThe following propertiess are available:\n\n| Property name | Type | Default | Description |\n| ------------------------- | ---------------------------------------------------------- | --------------------- | --------------------------------------------------------------------------------------- |\n| children | A React component | - | Any React component - this will appear in the slideout |\n| classNamePrefix | string | - | Namespace - will be applied to all SlideOut components |\n| closeComponent | React Component or html element | - | Custom close button component |\n| hideClose | boolean | false | Use this to hide close button. You can use parent component to handle state and toggle |\n| isOpen | boolean | - | Controls whether the slideout is visible |\n| offsetTop | [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | 0 | Offset slideout from top. Useful to account for the header height. |\n| onClose | function | internal state toggle | A function that will close the Slideout |\n| onCloseComponentKeyDown | function | - | Accessibility handler |\n| onCloseComponentKeyPress | function | - | Accessibility handler |\n| onCloseComponentKeyUp | function | - | Accessibility handler |\n| onOverlayKeyPress | function | - | Accessibility handler |\n| overlayColor | HEX Color code | #000000 (black) | Changes overlay color must be in HEX format (example: \"#ffffff\") |\n| overlayOpacity | integer from 0 to 1 | 0.5 | Changes default opacity of the overlay |\n| padding | [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | - | Applied to the inner SlideOut container |\n| shouldCloseOnOverlayClick | boolean | true | To disable closing, when user clicks on overlay set `shouldCloseOnOverlayClick={false}` |\n| slideFrom | string | left | Determines the location from where slideout will appear |\n| speed | integer | 0.3s | Controls the speed of the slideout animation |\n| width | [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | 350px | Custom width of the the Slideout |\n| zIndexIncrement | integer | 0 | Increments all zIndexes by the provided value. See default zIndexes below. |\n\n\n\n### **Stacking (zIndexes)**\n\nBy default Slideout components have the following zIndexes:\n\nHere are the available `className`s:\n\n- wrapper // 7\n- close-overlay // 8\n- body // 9\n\n\n\n### **Styling**\n\nWe provide more fine-grained control over all React-Slideout components via CSS class names.\n\nHere are the available `className`s:\n\n- wrapper // the top-level Slideout component\n- body // the Slideout component content\n- close-button //\n- close-component // wrapper that wrapper your custom close component\n- close-overlay // style overlay `background`, `opacity`, `z-index` etc.\n\n\n\n## **π¬ Demos**\n\nComing soon.\n\n\n\n## **πΊοΈ Roadmap**\n\n- Add entry from other sides\n- Add focus management system\n- Improve accessibility\n\n\n\n## **πββοΈ Contributions**\n\nPlease feel free to submit PRs for the above (Roadmap) goals or otherwise\n\n[iJS.to](https://ijs.to)\n","readmeFilename":"README.md","gitHead":"c49e8076944ca98eb4af6ed3ebfda6a3947cdbfa","_id":"@ijsto/react-slideout@1.0.1","_nodeVersion":"12.18.0","_npmVersion":"7.11.2","dist":{"integrity":"sha512-1PNgKkp4TR/VMsx4mn2W1OT0V+ZWyIJW6LxxDc/oWJ3fiTMjTyygD5ih4u7fBtvt9OQ2qWCq/sPkK/j5Mkdk6g==","shasum":"728f1fd921fd07d088aa547137118c5f6a861ba9","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-1.0.1.tgz","fileCount":7,"unpackedSize":23217,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnqWcCRA9TVsSAnZWagAAClwP/A59N8Mo1Zo1kLCxca0y\nPi6ZZUuJ9VKedbMC7bHg6kswIH67k41D3ysm31heNZDm8B/X4qgIBlfPY9Md\nQmS2VAcALXzf4A4rt6FIgGqDIRoIYuy22t2w/gO3RDC062JKz6/N3Q5xptpH\nXj9oCszhLM42BVYpwa2/uVZcJAsq+MeqDEfVvGQNa8i2nN43S/xLonM0bJBI\nsjYppx2W6iBZfhJ6ZQzs1f6OKvc8FJECur1GXYWJH8YftN2FYNWRYdQikYSF\nFzpYIJsP6t1n5MKXFPdtbSn2/Vi+q1B4+cXcD37S3n5UJTG+MOacZ8Qth3Uk\n26OJGtfFKIzYkGkkCg+1VPZqgXQKMrSNaGnQDLB/03Sya1s6UN/35H4UHTpl\ncVnRQPT96JqTwsYkdTalEkFWJxRES3TPOruPwa8WNA2FjhYwgZsuk0KF0JCd\nzJHLDcBKk7E7pvvv1iidyNLlzHfwo/sZSsyxgO/ZH66mDXEz+qNG0jCVRBeU\n0VIjfLhrqcWetnSrj4p2GeU34BSLr4XVTJsYVeBHDokEEfrNEs2QX5M9/NmU\nBJInMwjxqfvUGk4IU127YcG1GinJq4n68NDiXgKC8REfJSUPpjriinR2gkNx\n7TfdaS27CkCa1pCCV/Ble8PkTjcWUZMgFYi3M7/ut7xUUsvuoMeq4WGkvXSU\nEeSc\r\n=GWIn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkXwdqF1ChHNFEuPaQEWQM7uUC8wkbHm8zhZfCep4A2wIhAKTbjw4/DBT1kGeCetCtdAU12RtVUt8iw0nclGJH/Uzq"}]},"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_1.0.1_1621009819659_0.01965430787817546"},"_hasShrinkwrap":false},"1.0.2":{"name":"@ijsto/react-slideout","version":"1.0.2","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/eslint-parser":"^7.14.2","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","eslint":"^7.26.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^8.3.0","eslint-plugin-html":"^6.1.2","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^4.2.0","prettier":"^2.3.0","react":"^17.0.2","react-dom":"^17.0.2"},"dependencies":{"@ijsto/eslint-config":"^4.1.6","styled-components":"^5.0.1"},"readme":"
\n \n
\n\n\n\n# **react-slideout**\n\nAccessible SlideOut component for React.JS\n\n\n\n## **π Table of Contents**\n\n- [Installation](#-installation)\n- [Examples](#-how-to-use)\n- [API documentation](#-api-documentation)\n -- [Available props](#props)\n -- [Styling guide](#styling)\n- [Demos](#-demos)\n- [Roadmap](#%EF%B8%8F-roadmap)\n- [Contribution](#%EF%B8%8F-contributions)\n\n\n\n## **π¦ Installation**\n\nTo install, you can use [npm](https://npmjs.org/):\n\n $ npm install @ijsto/react-slideout\n\nor [yarn](https://yarnpkg.com/):\n\n $ yarn add @ijsto/react-slideout\n\n\n\n## **π¨ How to Use**\n\nHere is a simple example of react-modal being used in an app with some custom\nstyles and focusable input elements within the modal content:\n\n```jsx\nimport React, { useState } from \"react\";\nimport SlideOut from \"@ijsto/react-slideout\";\n\nconst MySlideOut = () => {\n const [slideOutIsOpen, setSlideOutIsOpen] = useState(false);\n\n const openSlideOut = () => {\n setSlideOutIsOpen(true);\n };\n\n const closeSlideOut = () => {\n setSlideOutIsOpen(false);\n };\n\n return (\n
\n \n \n
My Slide Out
\n\n
This is the content inside React Slide Out component.
\n \n \n
\n );\n};\n```\n\nMore examples are coming soon.\n\n\n\n## **π API documentation**\n\n\n\n### **Props**\n\nThe following propertiess are available:\n\n| Property name | Type | Default | Description |\n| ------------------------- | ---------------------------------------------------------- | --------------------- | --------------------------------------------------------------------------------------- |\n| children | A React component | - | Any React component - this will appear in the slideout |\n| classNamePrefix | string | - | Namespace - will be applied to all SlideOut components |\n| closeComponent | React Component or html element | - | Custom close button component |\n| hideClose | boolean | false | Use this to hide close button. You can use parent component to handle state and toggle |\n| isOpen | boolean | - | Controls whether the slideout is visible |\n| offsetTop | [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | 0 | Offset slideout from top. Useful to account for the header height. |\n| onClose | function | internal state toggle | A function that will close the Slideout |\n| onCloseComponentKeyDown | function | - | Accessibility handler |\n| onCloseComponentKeyPress | function | - | Accessibility handler |\n| onCloseComponentKeyUp | function | - | Accessibility handler |\n| onOverlayKeyPress | function | - | Accessibility handler |\n| overlayColor | HEX Color code | #000000 (black) | Changes overlay color must be in HEX format (example: \"#ffffff\") |\n| overlayOpacity | integer from 0 to 1 | 0.5 | Changes default opacity of the overlay |\n| padding | [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | - | Applied to the inner SlideOut container |\n| shouldCloseOnOverlayClick | boolean | true | To disable closing, when user clicks on overlay set `shouldCloseOnOverlayClick={false}` |\n| slideFrom | string | left | Determines the location from where slideout will appear |\n| speed | integer | 0.3s | Controls the speed of the slideout animation |\n| width | [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | 350px | Custom width of the the Slideout |\n| zIndexIncrement | integer | 0 | Increments all zIndexes by the provided value. See default zIndexes below. |\n\n\n\n### **Stacking (zIndexes)**\n\nBy default Slideout components have the following zIndexes:\n\nHere are the available `className`s:\n\n- wrapper // 7\n- close-overlay // 8\n- body // 9\n\n\n\n### **Styling**\n\nWe provide more fine-grained control over all React-Slideout components via CSS class names.\n\nHere are the available `className`s:\n\n- wrapper // the top-level Slideout component\n- body // the Slideout component content\n- close-button //\n- close-component // wrapper that wrapper your custom close component\n- close-overlay // style overlay `background`, `opacity`, `z-index` etc.\n\n\n\n## **π¬ Demos**\n\nComing soon.\n\n\n\n## **πΊοΈ Roadmap**\n\n- Add entry from other sides\n- Add focus management system\n- Improve accessibility\n\n\n\n## **πββοΈ Contributions**\n\nPlease feel free to submit PRs for the above (Roadmap) goals or otherwise\n\n[iJS.to](https://ijs.to)\n","readmeFilename":"README.md","gitHead":"c49e8076944ca98eb4af6ed3ebfda6a3947cdbfa","_id":"@ijsto/react-slideout@1.0.2","_nodeVersion":"12.18.0","_npmVersion":"7.11.2","dist":{"integrity":"sha512-DAs84gEw+gDIP5JS+jhhiy7R+iCWsXiYo1uchzWxhVF+2jz22SgOSVRq332oYBpuGpGu6ic12TTKevLGAeRycQ==","shasum":"a3f330f4584258589750f722e487ee2e3be868a2","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-1.0.2.tgz","fileCount":7,"unpackedSize":23459,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnqf7CRA9TVsSAnZWagAApvAP/3ypzdP9ucmKokGN3q77\n12LS3o2c+hlXUlepEQWWWfAddjmnUQdykDao4hMogrO96PYX8CbiFBeBlUty\nr2zpDXyToEV1Z0YFHhCO1cl/PJ+sgATpQHFnni1hz3PoMO5Wm6KM8maUPzR8\no4qLFsgAgvnKePMcuLaYU/oU8OihGbpGXlgTiV9Pmp41D61xhntcdXEMZiEa\n6g3aBwPHyp0+1XH6PUk7p9BK7qzbjBb4Wo1F5Y+55xbSPBo3fSy5ti5HdV3s\nJP+Pn/MbnN/X5QPMHRAzZ01fqFNfe4xDn0Y1jNbWAnLFJR3VgVd6XPxhsFcc\nW+ofBC1HZtwr0ynr4sbsJsRSaAqzZRL5IXCa9GtAj0MxBbQgbFrFno0q+NdX\nXOwU4u5zIMj7bq+d0zwj7igCu/0CHLu3tblvQJWUnSDAuYmF/bL/EirMIkf0\nf7IfB9wFLS7LULoy3bCwIZixhZYhqevbhroFl/RDjyJ9qg6KVNm50LHJTsVt\nIGoUd9+7cRRyj5VY9/7wpqtv1okQlbzTxW9ZIz0cbgC8tIYNoqYzT0A8uqOA\nrdtKcD6VZFCxQ6vO6P1xAQ8BfzkWKsu3IEv0TO4owGXywKUw26E9t7rFIuOp\ntJZ+4sXHp+t8+veZsNfQW8Kya+Y7VT8QkcUaIxz36O2yeK9NE+YonZSjkzxk\nIjIw\r\n=kDG6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhEaQKfiDKEPuhHnQmjLZdFfWJZycjSXEPUuMsxprpoAIgNIPQY1Ni8D7bTe3oDx2bEL6/QAls4kUWpQ6Ew77zUvQ="}]},"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_1.0.2_1621010427185_0.7654080654724045"},"_hasShrinkwrap":false},"1.0.3":{"name":"@ijsto/react-slideout","version":"1.0.3","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/eslint-parser":"^7.14.2","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","eslint":"^7.26.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^8.3.0","eslint-plugin-html":"^6.1.2","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^4.2.0","prettier":"^2.3.0","react":"^17.0.2","react-dom":"^17.0.2"},"dependencies":{"@ijsto/eslint-config":"^4.1.6","styled-components":"^5.0.1"},"readme":"
\n \n
\n\n\n\n# **react-slideout**\n\nAccessible SlideOut component for React.JS\n\n\n\n## **π Table of Contents**\n\n- [Installation](#-installation)\n- [Examples](#-how-to-use)\n- [API documentation](#-api-documentation)\n -- [Available props](#props)\n -- [Styling guide](#styling)\n- [Demos](#-demos)\n- [Roadmap](#%EF%B8%8F-roadmap)\n- [Contribution](#%EF%B8%8F-contributions)\n\n\n\n## **π¦ Installation**\n\nTo install, you can use [npm](https://npmjs.org/):\n\n $ npm install @ijsto/react-slideout\n\nor [yarn](https://yarnpkg.com/):\n\n $ yarn add @ijsto/react-slideout\n\n\n\n## **π¨ How to Use**\n\nHere is a simple example of react-modal being used in an app with some custom\nstyles and focusable input elements within the modal content:\n\n```jsx\nimport React, { useState } from \"react\";\nimport SlideOut from \"@ijsto/react-slideout\";\n\nconst MySlideOut = () => {\n const [slideOutIsOpen, setSlideOutIsOpen] = useState(false);\n\n const openSlideOut = () => {\n setSlideOutIsOpen(true);\n };\n\n const closeSlideOut = () => {\n setSlideOutIsOpen(false);\n };\n\n return (\n
\n \n \n
My Slide Out
\n\n
This is the content inside React Slide Out component.
\n \n \n
\n );\n};\n```\n\nMore examples are coming soon.\n\n\n\n## **π API documentation**\n\n\n\n### **Props**\n\nThe following propertiess are available:\n\n| Property name | Type | Default | Description |\n| ------------------------- | ------------------------------------------------------------------ | --------------------- | --------------------------------------------------------------------------------------- |\n| bg | [CSS Color](https://www.w3schools.com/cssref/css_colors_legal.asp) | `\"white\"` | Any legal CSS color value component |\n| children | A React component | - | Any React component - this will appear in the slideout |\n| classNamePrefix | string | - | Namespace - will be applied to all SlideOut components |\n| closeComponent | React Component or html element | - | Custom close button component |\n| hideClose | boolean | `false` | Use this to hide close button. You can use parent component to handle state and toggle |\n| isOpen | boolean | - | Controls whether the slideout is visible |\n| offsetTop | [CSS Unit](https://www.w3schools.com/cssref/css_units.asp) | `0` | Offset slideout from top. Useful to account for the header height. |\n| onClose | function | internal state toggle | A function that will close the Slideout |\n| onCloseComponentKeyDown | function | - | Accessibility handler |\n| onCloseComponentKeyPress | function | - | Accessibility handler |\n| onCloseComponentKeyUp | function | - | Accessibility handler |\n| onOverlayKeyPress | function | - | Accessibility handler |\n| overlayColor | HEX Color code | `\"#000000\"` (black) | Changes overlay color must be in HEX format (example: \"#ffffff\") |\n| overlayOpacity | integer from 0 to 1 | `0.5` | Changes default opacity of the overlay |\n| padding | [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | - | Applied to the inner SlideOut container |\n| shouldCloseOnOverlayClick | boolean | `true` | To disable closing, when user clicks on overlay set `shouldCloseOnOverlayClick={false}` |\n| slideFrom | string | `\"left\"` | Determines the location from where slideout will appear |\n| speed | integer | `0.3s` | Controls the speed of the slideout animation |\n| width | [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | `350px` | Custom width of the the Slideout |\n| zIndexIncrement | integer | `0` | Increments all zIndexes by the provided value. See default zIndexes below. |\n\n\n\n### **Stacking (zIndexes)**\n\nBy default Slideout components have the following zIndexes:\n\nHere are the available `className`s:\n\n- wrapper // 7\n- close-overlay // 8\n- body // 9\n\n\n\n### **Styling**\n\nWe provide more fine-grained control over all React-Slideout components via CSS class names.\n\nHere are the available `className`s:\n\n- wrapper // the top-level Slideout component\n- body // the Slideout component content\n- close-button //\n- close-component // wrapper that wrapper your custom close component\n- close-overlay // style overlay `background`, `opacity`, `z-index` etc.\n\n\n\n## **π¬ Demos**\n\nComing soon.\n\n\n\n## **πΊοΈ Roadmap**\n\n- Add entry from other sides\n- Add focus management system\n- Improve accessibility\n\n\n\n## **πββοΈ Contributions**\n\nPlease feel free to submit PRs for the above (Roadmap) goals or otherwise\n\n[iJS.to](https://ijs.to)\n","readmeFilename":"README.md","gitHead":"c49e8076944ca98eb4af6ed3ebfda6a3947cdbfa","_id":"@ijsto/react-slideout@1.0.3","_nodeVersion":"12.18.0","_npmVersion":"7.11.2","dist":{"integrity":"sha512-NurMovOCMmMWkmgzjopHsuBi/u6F1oC08u0yPrlig+VL5jiZdjHCYpDY8nRxhfDI/KWzhs4DJyNykdzORu2QSQ==","shasum":"76ded726ef85cbbf59c30d049ced1bd2ccf899a5","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-1.0.3.tgz","fileCount":7,"unpackedSize":23886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnqqECRA9TVsSAnZWagAAIIAQAJvvrG9RoTibFZ2ZpTDo\n5M2Ws4MOioi1I9n/f8ue2cq0SWfU5qwyONR02kU4/8cyU2c5MrW7V8ownoVM\na2gB4PXI7pd4QUt9pgFlti+RX9djTbzen/ZhCPSt/LA2ml8uCHypfd45fZ/v\nGhAsaBvFvmEwAhj1/mRKGVnecpIy0Wp3asMyyXDUZ6DTY97kzGrIY4+fnLJu\naVtO3RmLWBJCKVkOQ8T/tpLI2hHj3+Jl7Dyqm0Z2asOoL+tVGPWrHGnRN1/p\nfrMjr6IFAZbBrkHpmETj95SWKz/81izarUrGdLJiJpjCHBo3cUU04T77IfUu\n0pEl3lp5b7/GTDko5v2ZDCZBkbb7DWYBfrf4doY5HxYGHIzlWwoTyNyaHjkd\nv/E+liD0J4qC6TjPrddDs8OEZB8jo7K9TllpHTDaY3lgX0b6Hel53Tp9wEoI\nYSmr+JLqZrb7bBc5muwMUxiKuM13kbEPigODaYp8mieWZ/LHkhvs/gfZk2/B\n3Of+v2/B4gOSi3IEJ5QzTdIRJwqGx0uCkZLANvhmtfx1+cpsazeRwl115Zi3\nBOp5anyJUWxNhL4j8GMKWAiseU8CCsr8H08ZfLiY+ZK3PWfrkyPczLKdYEtY\n0OoE0aQzSoCHPhRrmfjlUoEzBZx2oFaxtt8LbKWzDlm9Odi4qv1YCb/R1lmt\nPF0O\r\n=dx15\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCAZBx/7vetDr8W3yZuH1AeSxe5L2n/3D4FxRzV/ZgYcwIgJO5dsskiP8nTGdvAobiXydqENYPwObouMaCayLAwhsA="}]},"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_1.0.3_1621011075730_0.3014230755999423"},"_hasShrinkwrap":false},"1.0.4":{"name":"@ijsto/react-slideout","version":"1.0.4","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/eslint-parser":"^7.14.2","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","eslint":"^7.26.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^8.3.0","eslint-plugin-html":"^6.1.2","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^4.2.0","prettier":"^2.3.0","react":"^17.0.2","react-dom":"^17.0.2"},"dependencies":{"@ijsto/eslint-config":"^4.1.6","styled-components":"^5.0.1"},"readme":"
\n \n
\n\n\n\n# **react-slideout**\n\nAccessible SlideOut component for React.JS\n\n\n\n## **π Table of Contents**\n\n- [Installation](#-installation)\n- [Examples](#-how-to-use)\n- [API documentation](#-api-documentation)\n -- [Available props](#props)\n -- [Styling guide](#styling)\n- [Demos](#-demos)\n- [Roadmap](#%EF%B8%8F-roadmap)\n- [Contribution](#%EF%B8%8F-contributions)\n\n\n\n## **π¦ Installation**\n\nTo install, you can use [npm](https://npmjs.org/):\n\n $ npm install @ijsto/react-slideout\n\nor [yarn](https://yarnpkg.com/):\n\n $ yarn add @ijsto/react-slideout\n\n\n\n## **π¨ How to Use**\n\nHere is a simple example of react-modal being used in an app with some custom\nstyles and focusable input elements within the modal content:\n\n```jsx\nimport React, { useState } from \"react\";\nimport SlideOut from \"@ijsto/react-slideout\";\n\nconst MySlideOut = () => {\n const [slideOutIsOpen, setSlideOutIsOpen] = useState(false);\n\n const openSlideOut = () => {\n setSlideOutIsOpen(true);\n };\n\n const closeSlideOut = () => {\n setSlideOutIsOpen(false);\n };\n\n return (\n
\n \n \n
My Slide Out
\n\n
This is the content inside React Slide Out component.
\n \n \n
\n );\n};\n```\n\nMore examples are coming soon.\n\n\n\n## **π API documentation**\n\n\n\n### **Props**\n\nThe following propertiess are available:\n\n| Property name | Type | Default | Description |\n| ------------------------- | ------------------------------------------------------------------ | --------------------- | --------------------------------------------------------------------------------------- |\n| bg | [CSS Color](https://www.w3schools.com/cssref/css_colors_legal.asp) | `\"white\"` | Any legal CSS color value component |\n| children | A React component | - | Any React component - this will appear in the slideout |\n| classNamePrefix | string | - | Namespace - will be applied to all SlideOut components |\n| closeComponent | React Component or html element | - | Custom close button component |\n| hideClose | boolean | `false` | Use this to hide close button. You can use parent component to handle state and toggle |\n| isOpen | boolean | - | Controls whether the slideout is visible |\n| offsetTop | [CSS Unit](https://www.w3schools.com/cssref/css_units.asp) | `0` | Offset slideout from top. Useful to account for the header height. |\n| onClose | function | internal state toggle | A function that will close the Slideout |\n| onCloseComponentKeyDown | function | - | Accessibility handler |\n| onCloseComponentKeyPress | function | - | Accessibility handler |\n| onCloseComponentKeyUp | function | - | Accessibility handler |\n| onOverlayKeyPress | function | - | Accessibility handler |\n| overlayColor | HEX Color code | `\"#000000\"` (black) | Changes overlay color must be in HEX format (example: \"#ffffff\") |\n| overlayOpacity | integer from 0 to 1 | `0.5` | Changes default opacity of the overlay |\n| padding | [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | - | Applied to the inner SlideOut container |\n| shouldCloseOnOverlayClick | boolean | `true` | To disable closing, when user clicks on overlay set `shouldCloseOnOverlayClick={false}` |\n| slideFrom | string | `\"left\"` | Determines the location from where slideout will appear |\n| speed | integer | `0.3s` | Controls the speed of the slideout animation |\n| width | [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | `350px` | Custom width of the the Slideout |\n| zIndexIncrement | integer | `0` | Increments all zIndexes by the provided value. See default zIndexes below. |\n\n\n\n### **Stacking (zIndexes)**\n\nBy default Slideout components have the following zIndexes:\n\nHere are the available `className`s:\n\n- wrapper // 7\n- close-overlay // 8\n- body // 9\n\n\n\n### **Styling**\n\nWe provide more fine-grained control over all React-Slideout components via CSS class names.\n\nHere are the available `className`s:\n\n- wrapper // the top-level Slideout component\n- body // the Slideout component content\n- close-button //\n- close-component // wrapper that wrapper your custom close component\n- close-overlay // style overlay `background`, `opacity`, `z-index` etc.\n\n\n\n## **π¬ Demos**\n\nComing soon.\n\n\n\n## **πΊοΈ Roadmap**\n\n- Add entry from other sides\n- Add focus management system\n- Improve accessibility\n\n\n\n## **πββοΈ Contributions**\n\nPlease feel free to submit PRs for the above (Roadmap) goals or otherwise\n\n[iJS.to](https://ijs.to)\n","readmeFilename":"README.md","gitHead":"c49e8076944ca98eb4af6ed3ebfda6a3947cdbfa","_id":"@ijsto/react-slideout@1.0.4","_nodeVersion":"12.18.0","_npmVersion":"7.11.2","dist":{"integrity":"sha512-xCm1fEQtbxlqsS5zCBBkYQfbRNQbqZerdO8P3tY9b5MvzxxqdmXmI3S3hY6hKv1VzP1gXP0rNjTYHlNl5YZ0kQ==","shasum":"718a12094195eda0c5939375ed17a5cd170246d1","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-1.0.4.tgz","fileCount":7,"unpackedSize":23887,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgorjxCRA9TVsSAnZWagAAVwsP/2xgOTLsPWch2BofFFUj\nMSGXmM1Na/Dl3zn+rNnFoB0BTF+MSyNuH2ZqlVvkJ0cKaXxU8f49o1ZdtcTA\nP+AkKnPLSXErDTQ1BPEevapp30/qNxe6tAhhLswWnQizfV4oY/a7Rdz41Wop\n+iARN3MOyQfEYaz4vW+CnDabTNGveTXSwPs6arskqkQPb+SDVLj4XsTg8cLd\n36KaDh9Wa5AgNuHahHu4e8xf29N17rfJPbcL5jq1T4nJik4Etw4pn7d6VOBN\njsuZaRZQGgHvDkOEQDlmIMFYg5o5E3UpBoZbDGoqEOuMP2crCbYmW+QMU8g/\nJO+NXXP+eYrbGR9EDBoP5h6mqVQx1TTupSprQG+uGiSRdTtq/8COm+vcEvRy\nas7ISBHicv14fXAUIGHD3acXjiCr6sl4mHr8mDyPMo34dT44o3Y96155CtH7\n/IzlGWyV4GnTonNA1Hc3vGdGJve4yJ2UlUDs6TDMZ9dz1dosx+YXNSR3Ykx1\nXLzYMNTYcMfoet2MD8BLWfaxO0WafT43hrMSV25l7s+e9KFcAM3136rLq7Qg\nb9sdXiN2XhLFpod/YlwRHsBXZtFf/Kh69ehEgYuJDTLWEF0j3FsF37k1JvMA\ngOuwAoaslra9QD8dc1xR22jkV+XsZutOE4homMUU3pJ5a5mIiAcPQdK6iaUR\niU5I\r\n=zVED\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHNbbhtERO6L93wkPb67LhGhWuq6q4+fR/id50x8gEnkAiAv/EyoFgTfqX81qGw8XaSJ8CMS1AARBEuDPQ+I3aiyVw=="}]},"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_1.0.4_1621276912820_0.06853325888808492"},"_hasShrinkwrap":false},"1.0.5":{"name":"@ijsto/react-slideout","version":"1.0.5","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","prepublish":"build","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/eslint-parser":"^7.14.2","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","eslint":"^7.26.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^8.3.0","eslint-plugin-html":"^6.1.2","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^4.2.0","prettier":"^2.3.0","react":"^17.0.2","react-dom":"^17.0.2"},"dependencies":{"@ijsto/eslint-config":"^4.1.6","styled-components":"^5.0.1"},"readme":"
\n \n
\n\n\n\n# **react-slideout**\n\nAccessible SlideOut component for React.JS\n\n\n\n## **π Table of Contents**\n\n- [Installation](#-installation)\n- [Examples](#-how-to-use)\n- [API documentation](#-api-documentation)\n -- [Available props](#props)\n -- [Styling guide](#styling)\n- [Demos](#-demos)\n- [Roadmap](#%EF%B8%8F-roadmap)\n- [Contribution](#%EF%B8%8F-contributions)\n\n\n\n## **π¦ Installation**\n\nTo install, you can use [npm](https://npmjs.org/):\n\n $ npm install @ijsto/react-slideout\n\nor [yarn](https://yarnpkg.com/):\n\n $ yarn add @ijsto/react-slideout\n\n\n\n## **π¨ How to Use**\n\nHere is a simple example of react-modal being used in an app with some custom\nstyles and focusable input elements within the modal content:\n\n```jsx\nimport React, { useState } from \"react\";\nimport SlideOut from \"@ijsto/react-slideout\";\n\nconst MySlideOut = () => {\n const [slideOutIsOpen, setSlideOutIsOpen] = useState(false);\n\n const openSlideOut = () => {\n setSlideOutIsOpen(true);\n };\n\n const closeSlideOut = () => {\n setSlideOutIsOpen(false);\n };\n\n return (\n
\n \n \n
My Slide Out
\n\n
This is the content inside React Slide Out component.
\n \n \n
\n );\n};\n```\n\nMore examples are coming soon.\n\n\n\n## **π API documentation**\n\n\n\n### **Props**\n\nThe following propertiess are available:\n\n| Property name | Type | Default | Description |\n| ------------------------- | ------------------------------------------------------------------ | --------------------- | --------------------------------------------------------------------------------------- |\n| bg | [CSS Color](https://www.w3schools.com/cssref/css_colors_legal.asp) | `\"white\"` | Any legal CSS color value component |\n| children | A React component | - | Any React component - this will appear in the slideout |\n| classNamePrefix | string | - | Namespace - will be applied to all SlideOut components |\n| closeComponent | React Component or html element | - | Custom close button component |\n| hideClose | boolean | `false` | Use this to hide close button. You can use parent component to handle state and toggle |\n| isOpen | boolean | - | Controls whether the slideout is visible |\n| offsetTop | [CSS Unit](https://www.w3schools.com/cssref/css_units.asp) | `0` | Offset slideout from top. Useful to account for the header height. |\n| onClose | function | internal state toggle | A function that will close the Slideout |\n| onCloseComponentKeyDown | function | - | Accessibility handler |\n| onCloseComponentKeyPress | function | - | Accessibility handler |\n| onCloseComponentKeyUp | function | - | Accessibility handler |\n| onOverlayKeyPress | function | - | Accessibility handler |\n| overlayColor | HEX Color code | `\"#000000\"` (black) | Changes overlay color must be in HEX format (example: \"#ffffff\") |\n| overlayOpacity | integer from 0 to 1 | `0.5` | Changes default opacity of the overlay |\n| padding | [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | - | Applied to the inner SlideOut container |\n| shouldCloseOnOverlayClick | boolean | `true` | To disable closing, when user clicks on overlay set `shouldCloseOnOverlayClick={false}` |\n| slideFrom | string | `\"left\"` | Determines the location from where slideout will appear |\n| speed | integer | `0.3s` | Controls the speed of the slideout animation |\n| width | [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | `350px` | Custom width of the the Slideout |\n| zIndexIncrement | integer | `0` | Increments all zIndexes by the provided value. See default zIndexes below. |\n\n\n\n### **Stacking (zIndexes)**\n\nBy default Slideout components have the following zIndexes:\n\nHere are the available `className`s:\n\n- wrapper // 7\n- close-overlay // 8\n- body // 9\n\n\n\n### **Styling**\n\nWe provide more fine-grained control over all React-Slideout components via CSS class names.\n\nHere are the available `className`s:\n\n- wrapper // the top-level Slideout component\n- body // the Slideout component content\n- close-button //\n- close-component // wrapper that wrapper your custom close component\n- close-overlay // style overlay `background`, `opacity`, `z-index` etc.\n\n\n\n## **π¬ Demos**\n\nComing soon.\n\n\n\n## **πΊοΈ Roadmap**\n\n- Add entry from other sides\n- Add focus management system\n- Improve accessibility\n\n\n\n## **πββοΈ Contributions**\n\nPlease feel free to submit PRs for the above (Roadmap) goals or otherwise\n\n[iJS.to](https://ijs.to)\n","readmeFilename":"README.md","gitHead":"c49e8076944ca98eb4af6ed3ebfda6a3947cdbfa","_id":"@ijsto/react-slideout@1.0.5","_nodeVersion":"12.18.0","_npmVersion":"7.11.2","dist":{"integrity":"sha512-4dbqFgKJwtSWdtQvIKrQIbTpk7hlE1ISDUocqAtGlthStO5XCrt3pyWMTkfzZ2aaF7nEpFZYQZtZJn2TAuEvMQ==","shasum":"d4b9b7e03971fac059b3daf070d143a147295e02","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-1.0.5.tgz","fileCount":7,"unpackedSize":23903,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgorsnCRA9TVsSAnZWagAAx7YQAIWinNxpJZN45yiH3x5B\n9ZSSSmuhSX5Q/+lttT6Q1RlbmCq9knKdpl9QmRNag4gZP8ft5q++dQcXmLd8\nkAHG7NlBtZLl3SrsKNL0Ld4cvQsDb++YsC7w2XOonEv/xjhkBRgeFHIimerz\ngq+ELpZakRrpkqK2PzJuAM1sJXNZVwQSM/8r2sHEM++loVPkbMHDQnSVaR02\nrABif1RcGuoBDnIZFP2YgiyowI0mYDjVFRuqExtThOMX2yyKBlcrce1vjSyR\nfM7L506jmZOG0dugTlEF++8VFOeOBAUM9kzvwa7SrIyYZoQ6W8ECHXZ1WdRd\nPzFLK9Rj1i/2iNkd9RSAPFf1flRCwS2FgUoUgX8K+BenGulUfpjcLfAcsMuB\npHn36jfvcBHqWzTy/+kC3ThRW6csfunY/ByLrwyYyIhFhZ/ISRvurefQRWJB\n96pTrQDaFTL3kHuBQkFiCcliHXsSxk82S5i+cgKUTHpEmnTaeJ2SBkJP/7x4\nQwLtB6A1J2dLrPiNtM4nn4p3bYubyFY4wYE4hgIQzadUsDgLl2FRV/ZnEYcr\ny09SnG6EkxNq2Bj5mFXWL3lYuFBJhwlBxhcf7Xm3+3BOR0jwbeKBhq5FxXgz\n8eOyDBYym6Utz1aG7WgpTq59cj+RFRiZj9lXMhu48vIzpbkeOg51ziyTvrmA\nIkEX\r\n=K50h\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEbCjUUDcO77YehqPA9ir8Ie3pMnzG+28S9HdhwZWPS+AiBKFM7i1dkryRtMOWuwZoA9wid+zUPzvt4ZUQKGihf0qg=="}]},"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_1.0.5_1621277478741_0.23956736438325255"},"_hasShrinkwrap":false},"1.1.0":{"name":"@ijsto/react-slideout","version":"1.1.0","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","prepack":"yarn build","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/eslint-parser":"^7.14.2","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","eslint":"^7.26.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^8.3.0","eslint-plugin-html":"^6.1.2","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^4.2.0","prettier":"^2.3.0","react":"^17.0.2","react-dom":"^17.0.2"},"dependencies":{"@ijsto/eslint-config":"^4.1.6","styled-components":"^5.0.1"},"gitHead":"87279bd4483311c197cd10c24e32497730aa062c","_id":"@ijsto/react-slideout@1.1.0","_nodeVersion":"12.18.0","_npmVersion":"7.11.2","dist":{"integrity":"sha512-CZRq5JSwDzZu92YlxSgz1U/7NBOsYePAFSdX0qJLHKPuIKNmq0VXGP9VJVnJRDEKenFbN3sX7DGz3f6PXQ254w==","shasum":"25c77cecfd2978bf0ba1f6f96b2b461b3d34c894","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-1.1.0.tgz","fileCount":7,"unpackedSize":23995,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgoxUSCRA9TVsSAnZWagAADaUP/i2pt46WAbc8mTFz4v7I\nLDEL8cqFFNIv8EyxQG6gGO1iJA6qdWqjZdeKDBnp638SzXmpHXc14ism58Hs\noxsGJDohCNJN5dJlIOHVk/4n7VnZRS4iNoQ1ioHK5R7mQF5S05oHb19BSM00\n7SvXGQRkBwiV2zDeD352BbFXiTAwIeLvxAVBULG3qxPFqq40Cw/2VMBhctgt\nuxG+ry5p48Dc6+obx7E59ET8OtBcC9ShYv5ingqy9I8DsMirJxHSmdV4JOy7\nycvnLoHfpeTgZarX2QSNmfUthucsKyFaDT7/AcHkcuyI0sj+7A8fu6n6I7z4\nWD0HmimrcUj6HqcPVTf+GmYAYHS9oldJ1H1sURWa+FhPrAuLM/6NgYeMAcyG\n9rA6rMSSuFFauZy491ahPN+rGPG9jW+T8E1G8UO1KFBfZpQhVR6GMWnj+FZq\neNgYIHoZuk4ap6xdELU+XSJStBl5nDspzHmxZ6qVKgO5SyqiK8bvbTWgenHW\nV3NPe6MjNXyg0h7Pplz9pZowYi4FDUot9hmGne/FPVONb76HrtdW0Qgs1Kj/\nSXq3PERegUDPZmZG5F99hG9Vrl6Fx95ZtiYUwSUgBmt2/O+Q7O2wiax+sy3o\nEwu6mNHL8TsY/1mGT5u9243CushLxKPbPil4LUfa4P+OjIWsp4KFpgUjt8gQ\nl4zp\r\n=FQr7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEb3J192psD2Rfyo2gwhjj+sxjHCBhalGtA3ed4ln46hAiAv1Je8/MJ+UszjaoiC2kPSYOfygL1nexozbkT5E8G6ow=="}]},"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_1.1.0_1621300497421_0.13606807479174754"},"_hasShrinkwrap":false},"1.2.0":{"name":"@ijsto/react-slideout","version":"1.2.0","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","prepack":"yarn build","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/eslint-parser":"^7.14.2","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","@ijsto/eslint-config":"^4.1.6","eslint":"^7.26.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^8.3.0","eslint-plugin-html":"^6.1.2","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^4.2.0","prettier":"^2.3.0","react":"^17.0.2","react-dom":"^17.0.2"},"dependencies":{"styled-components":"^5.0.1"},"gitHead":"16ad343ac62f131ef4e03df7e4592b3369bb0e7a","_id":"@ijsto/react-slideout@1.2.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-5r5eM94ClXHLuArxy7pX2VCVMA8o/1rPRi/Qign9bD4lAZPMDO8ewMviZxtyKSNZjx1/tB3m/GRes8eiISOazQ==","shasum":"feb91445f8e046e43a45b244b31b664ca05d03a0","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-1.2.0.tgz","fileCount":7,"unpackedSize":26560,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgvRs1CRA9TVsSAnZWagAA1jgP+wWM1XFR1OxtgZFtr1Sy\nGwy/Kd41K4yLsDnMDtjCYoIGARV/gNyLzyyz+ztkQS2PE+UaRWxozQEgPnYX\nPXZB8Xj4XujuHb4JRU6sW082WN2LMfpqQeLBdg4GgRILbIymMgfAUXpmOuI/\ng8zifObuOW/Hfy/uuWZrS0gdOINg6dpM7+CWV5E4x+pOFZupMNAXOq/1Nnnc\nkRT6voCNUaQt+g00I2veRmY1PpN8NQvqbka2+DPe3M1gH9nI/EWuhjTUoW3i\n//ifPvG1yy+FM3vplpNCj4h741+bfIrq/b8jPP4XC+vqR7fqRTgfyOMbyS66\nkN9roS3iHBIOoDshEmoYQ+USV25ivx0e+EAfK6MpROVv6ls0zooKyeHdnJLj\ne7pnehf5EJayJ9p4RSu3MQ986gCjynTC5PMThEFN5AXUSWy8RaK82y8BEZHd\nMg6ZM9bqFaeA66na6GELPZFOsMTU3x29I0jvxsrix+Zd1wl6KC6ZzWn0B9fp\nu4UEdpdz9VZ0/mSWYsY0xD3WEEYaaT9pEVaQM8Ci0QoynX/ZLHwk7b6dWR7u\ncgbWoXU2VP9VJwlrfCvliGCSJIgGVVLhMw5MAi5vRdKWaacdwCRSoJct0Zzs\nmgxe/aVBjf4t6/a4l/VGunrXErBiAQ4UHnDL1Qxx69JPJc/fzw9GvpJz7/45\n2A9M\r\n=rc/p\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICVcQIpXoQV1JfHOdptzpPwIqaCCBY6AhYXugZMol2OvAiBPS9CLw0VwP4uZ3644zU0KJFOFHzpDqga7vmF9Na4A8A=="}]},"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_1.2.0_1623006005193_0.5326079316436505"},"_hasShrinkwrap":false},"1.3.0":{"name":"@ijsto/react-slideout","version":"1.3.0","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","prepack":"yarn build","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/eslint-parser":"^7.14.2","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","@ijsto/eslint-config":"^4.1.6","eslint":"^7.26.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^8.3.0","eslint-plugin-html":"^6.1.2","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^4.2.0","prettier":"^2.3.0","react":"^17.0.2","react-dom":"^17.0.2"},"dependencies":{"styled-components":"^5.0.1"},"gitHead":"a508b2a99e5e2801798b1851cdac00255f1fdec4","_id":"@ijsto/react-slideout@1.3.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-pgLQetRDW7Ib51YG8SPgk8eLCh4k5+GHU+A9LW0Y7Y2jUQjUxRhXWxMnyjZEF5cdZtokPcdPJaXN5r8PiYblQw==","shasum":"5ba8e4a0600668bc782fee408ac871d4bc648972","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-1.3.0.tgz","fileCount":7,"unpackedSize":26858,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg/nR8CRA9TVsSAnZWagAAfm4P/iOvbz9EYmuHjU4NSvBP\nG6kNSuxiRXCde2SeMHWCkHavhyDgbtye7A8ZowTjTUf/5F6adJGeLwkrBQh5\n9Q5w3o5I9EyUTxx0Ue9vcpVZO+ado3Qjkumdf5Lm2/+xxW0dNkG/FuaB+OSS\nwOSbYoUR8lAh0Cq6gvJS/J98AKjFLe1eEo6qonDwapCoWhLW78l/tcQEO7g+\niQ1k4SAgFNNjN5QBLBIWBhMlYgEntUU44AHECPTaMuZ8WsoaXd6f2sw1wDe9\nPL/i6Bdr6zfwfU5dqKhI0DwLpylc2xoxuH6V5FhnOovUkDeOdldMZ9V7SFFa\njJ76yqTDo85QZiAqlmiYaFHS4ZwfeXjIDrI99Zl/4+CRGxasaZsaMSo36OOE\nUj7g7/7ZwQHqzFUsNX9k7dgBy1aYMIrWqdPOFxH72+TVtvEqyzZ+gcgPWIBq\nNAszuBbb13iwQphq8ICNjtss+G5FokWsNAsINf0UBVeTWuM5mwga6M9CaGQ9\nIZt3oD3k/aZG6m7Z65wV8gotRaO2N2rW71a7YhbHqI0JDfa1Yf7Q76ZU5l5F\nZeGqw+3fchqFAloY+AfnRrg6YNn3W/c/TeJDiByRjs28DOJj2VICdcmFW6vV\nOBEXKb19+2s98xfD8QJG4+Oou5wOKYwhwl9KI9UuxEJexueOkTVgxX6ygqXR\nEdMn\r\n=cv60\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkol2RFdI5we1YRBDRiAf+t+KINxKnH2fXQ6ObHFZYmQIhAJUoTiGp1IOSro4MFKpCOLgK8W0W7SV3yxwGBStxGAj4"}]},"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_1.3.0_1627288700027_0.8576554002107175"},"_hasShrinkwrap":false},"1.4.0":{"name":"@ijsto/react-slideout","version":"1.4.0","description":"Lightweight & Accessible React Slideout Component","main":"index.js","scripts":{"test":"echo \"Error: Sorry, test are not yet implemented. Feel free to submit a request https://github.com/ijsto/react-slideout/issues\" && exit 1","prepack":"yarn build","build":"babel src --out-file index.js"},"private":false,"repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"homepage":"https://github.com/ijsto/react-slideout#readme","license":"ISC","keywords":["react","react-component","drawer","navigation","sidebar","slideout"],"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/eslint-parser":"^7.14.2","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","@ijsto/eslint-config":"^4.1.6","eslint":"^7.26.0","eslint-config-airbnb":"^18.0.1","eslint-config-nextjs":"^1.0.3","eslint-config-prettier":"^8.3.0","eslint-plugin-html":"^6.1.2","eslint-plugin-import":"^2.20.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^4.2.0","prettier":"^2.3.0","react":"^17.0.2","react-dom":"^17.0.2"},"dependencies":{"styled-components":"^5.0.1"},"gitHead":"d6b8a225f642a74a3c3e66ff9714be160efdb52e","_id":"@ijsto/react-slideout@1.4.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-PkVpcBoJntFvfjKwHmhr9UeNqpYtzalsg15fUUqx3f3QsHvISNwq/dTVflPREtBZnIq3xBwlCcDImcxUMmruzA==","shasum":"e8f09889aec0ea2e4fe0f5adbef857c6bbd65214","tarball":"https://registry.npmjs.org/@ijsto/react-slideout/-/react-slideout-1.4.0.tgz","fileCount":7,"unpackedSize":26957,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAUw6CRA9TVsSAnZWagAAxnIP/R9UPUSAjPjQzpKVa+2b\nFfuMB6k0Vljl5rHRI/VUTayuimv18Kw/3MXYlA1joDLTDTA3CpwLecoNA25V\nnJ3PtJzaJWBG/dJ7ka7D08S+/EEB89clw2HqWv1RflYImvSzsnczFAMfAyET\nbaQR7VYkNsj+uu80RlhbWecDbeu2HZy/tUijCeIoqOkJRhCgkYl1vaaKpw2a\ngTPM24FO3ZqSw7jIktEkUVoSN78Sbl9vyGcxfTIA4G7pYK5Q5vpmjI4QjeQ+\nkhdhCnp1wOboVWd9JbLF7vTU3VmAESMzzyx0QT1uJTlXyCxMlz/KWg33pCpg\nXlF0HaScVUnIop2E7ItnIF0ZM6Olq6lPjTgPn48sV9wehzNJ8MCHaqBeXnWR\n9EwyxsyUds7L4ZOmSWSeB/6MvqOcjOIu6Bbxy2AYG0eNQ0Zod9pib1QrH90M\nKfSE1GbL4NdMQt/jl7N4DqNgOsH1xlpQXcyiLDWWt7OB6wGOpBB0VMRNvx3U\nqXd/bfRw03ZfVbaoNFip0sS8FZmhhMlkqdqUlV26Rsy27b3C2uJ+mn5P/vpa\n8zInfNRoqw8NyT/gOkn+usRoYBpJ6An8dtCG03AwatGNlPzgZtpfO1Oec7qb\n62FzBJSyrUiS+3Km5ugNsXloGcsJAaGKP5/5UDqHvnxCu68kGY3zCqgYNNRN\nDx7r\r\n=gUYC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDD+QgskrqFqFJzpNFZLk/kBH2yZjEqnor3wCxqa0/tpwIhAIAqV/cYHbI+IITVWIH7uDslIQ1Vw9c3h7msAsCFifig"}]},"_npmUser":{"name":"scottagirs","email":"scott.agirs@gmail.com"},"directories":{},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slideout_1.4.0_1627475002827_0.27169855382132013"},"_hasShrinkwrap":false}},"time":{"created":"2020-01-18T19:30:46.407Z","0.0.1":"2020-01-18T19:30:46.783Z","modified":"2022-04-05T19:42:59.058Z","0.0.3":"2020-01-21T04:16:11.511Z","0.0.2":"2020-01-21T04:16:24.459Z","0.0.4":"2020-01-21T04:22:42.739Z","0.0.5":"2020-01-21T04:25:19.590Z","0.0.6":"2020-01-22T04:34:05.560Z","0.0.7":"2020-03-06T02:23:35.569Z","0.0.8":"2020-03-10T22:55:06.407Z","0.0.9":"2020-03-11T16:22:44.820Z","0.0.10":"2020-03-28T21:54:30.218Z","0.0.11":"2020-03-28T21:58:58.547Z","0.0.12":"2020-03-28T22:00:22.701Z","0.0.13":"2020-04-10T17:28:17.689Z","0.0.14":"2020-07-31T13:47:00.801Z","0.0.15":"2020-07-31T13:53:22.868Z","0.1.0":"2020-11-08T18:53:47.846Z","0.1.1":"2020-11-08T19:35:05.489Z","0.1.2":"2020-11-08T19:55:58.158Z","1.0.0":"2021-05-14T16:28:14.054Z","1.0.1":"2021-05-14T16:30:19.822Z","1.0.2":"2021-05-14T16:40:27.434Z","1.0.3":"2021-05-14T16:51:15.879Z","1.0.4":"2021-05-17T18:41:52.966Z","1.0.5":"2021-05-17T18:51:18.923Z","1.1.0":"2021-05-18T01:14:57.569Z","1.2.0":"2021-06-06T19:00:05.351Z","1.3.0":"2021-07-26T08:38:20.139Z","1.4.0":"2021-07-28T12:23:22.976Z"},"maintainers":[{"name":"scottagirs","email":"scott.agirs@gmail.com"}],"description":"Lightweight & Accessible React Slideout Component","homepage":"https://github.com/ijsto/react-slideout#readme","repository":{"type":"git","url":"git+https://github.com/ijsto/react-slideout.git"},"author":{"email":"scott.agirs@gmail.com","url":"Scott"},"bugs":{"url":"https://github.com/ijsto/react-slideout/issues"},"license":"ISC","readme":"
\n \n
\n\n\n\n# **react-slideout**\n\nAccessible SlideOut component for React.JS\n\n\n\n## **π Table of Contents**\n\n- [Installation](#-installation)\n- [Examples](#-how-to-use)\n- [API documentation](#-api-documentation)\n -- [Available props](#props)\n -- [Styling guide](#styling)\n- [Demos](#-demos)\n- [Roadmap](#%EF%B8%8F-roadmap)\n- [Contribution](#%EF%B8%8F-contributions)\n\n\n\n## **π¦ Installation**\n\nTo install, you can use [npm](https://npmjs.org/):\n\n $ npm install @ijsto/react-slideout\n\nor [yarn](https://yarnpkg.com/):\n\n $ yarn add @ijsto/react-slideout\n\n\n\n## **π¨ How to Use**\n\nHere is a simple example of react-modal being used in an app with some custom\nstyles and focusable input elements within the modal content:\n\n```jsx\nimport React, { useState } from \"react\";\nimport SlideOut from \"@ijsto/react-slideout\";\n\nconst MySlideOut = () => {\n const [slideOutIsOpen, setSlideOutIsOpen] = useState(false);\n\n const openSlideOut = () => {\n setSlideOutIsOpen(true);\n };\n\n const closeSlideOut = () => {\n setSlideOutIsOpen(false);\n };\n\n return (\n
\n \n \n
My Slide Out
\n\n
This is the content inside React Slide Out component.
\n \n \n
\n );\n};\n```\n\nMore examples are coming soon.\n\n\n\n## **π API documentation**\n\n\n\n### **Props**\n\nThe following propertiess are available:\n\n| Property name | Type | Default | Description |\n| ------------------------- | ------------------------------------------------------------------ | --------------------- | --------------------------------------------------------------------------------------- |\n| bg | [CSS Color](https://www.w3schools.com/cssref/css_colors_legal.asp) | `\"white\"` | Any legal CSS color value component |\n| children | A React component | - | Any React component - this will appear in the slideout |\n| classNamePrefix | string | - | Namespace - will be applied to all SlideOut components |\n| closeComponent | React Component or html element | - | Custom close button component |\n| hideClose | boolean | `false` | Use this to hide close button. You can use parent component to handle state and toggle |\n| isOpen | boolean | - | Controls whether the slideout is visible |\n| max-width | [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | `100%` | Custom max-width of the the Slideout container. |\noffsetTop | [CSS Unit](https://www.w3schools.com/cssref/css_units.asp) | `0` | Offset slideout from top. Useful to account for the header height. |\n| onClose | function | internal state toggle | A function that will close the Slideout |\n| onCloseComponentKeyDown | function | - | Accessibility handler |\n| onCloseComponentKeyPress | function | - | Accessibility handler |\n| onCloseComponentKeyUp | function | - | Accessibility handler |\n| onOverlayKeyPress | function | - | Accessibility handler |\n| overflowShouldLock | Boolean | `true` | Locks the document body `overflow-y` |\n| overlayColor | HEX Color code | `\"#000000\"` (black) | Changes overlay color must be in HEX format (example: \"#ffffff\") |\n| overlayOpacity | integer from 0 to 1 | `0.5` | Changes default opacity of the overlay |\n| padding | [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | - | Applied to the inner SlideOut container |\n| shouldCloseOnOverlayClick | boolean | `true` | To disable closing, when user clicks on overlay set `shouldCloseOnOverlayClick={false}` |\n| slideFrom | string | `\"left\"` | Determines the location from where slideout will appear |\n| speed | integer | `0.3s` | Controls the speed of the slideout animation |\n| width | [CSS unit](https://www.w3schools.com/cssref/css_units.asp) | `350px` | Custom width of the the Slideout |\n| zIndexIncrement | integer | `0` | Increments all zIndexes by the provided value. See default zIndexes below. |\n\n\n\n### **Stacking (zIndexes)**\n\nBy default Slideout components have the following zIndexes:\n\nHere are the available `className`s:\n\n- wrapper // 7\n- close-overlay // 8\n- body // 9\n\n\n\n### **Styling**\n\nWe provide more fine-grained control over all React-Slideout components via CSS class names.\n\nHere are the available `className`s:\n\n- wrapper // the top-level Slideout component\n- body // the Slideout component content\n- close-button //\n- close-component // wrapper that wrapper your custom close component\n- close-overlay // style overlay `background`, `opacity`, `z-index` etc.\n\n\n\n## **π¬ Demos**\n\nComing soon.\n\n\n\n## **πΊοΈ Roadmap**\n\n- Add entry from other sides\n- Add focus management system\n- Improve accessibility\n\n\n\n## **πββοΈ Contributions**\n\nPlease feel free to submit PRs for the above (Roadmap) goals or otherwise\n\n[iJS.to](https://ijs.to)\n","readmeFilename":"README.md","keywords":["react","react-component","drawer","navigation","sidebar","slideout"]}
![](\"https://raw.githubusercontent.com/ijsto/react-slideout/master/assets/img/react-slideout-logo-512.png\"){kind=logo}
\n