{"_id":"react-flexr","_rev":"50-7742fd82baa4d53c8c6d46b2c0619116","name":"react-flexr","description":"React flexbox grid made simple.","dist-tags":{"latest":"3.0.0-beta.2","alpha.0":"2.0.0-alpha.0","alpha.1":"2.0.0-alpha.1","alpha.2":"2.0.0-alpha.2","alpha.3":"2.0.0-alpha.3","alpha.4":"2.0.0-alpha.4","alpha.5":"2.0.0-alpha.5","alpha.6":"2.0.0-alpha.6","next":"3.0.0-beta.7"},"versions":{"1.0.0":{"name":"react-flexr","version":"1.0.0","description":"React flexbox grid made simple.","main":"lib","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox"],"devDependencies":{"babel":"^4.7.16","babel-loader":"^4.2.0","jsdom":"^4.0.5","mocha":"^2.2.1","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.2","webpack":"^1.7.2","webpack-dev-server":"^1.7.0"},"dependencies":{"react":"^0.13.0"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"b72dcecf7b38b3b619afbaa23c76c82ab425af30","_id":"react-flexr@1.0.0","_shasum":"9d2ea7e6360d445f67c3923f49c1a9cae4c432fd","_from":".","_npmVersion":"2.7.1","_nodeVersion":"1.6.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"9d2ea7e6360d445f67c3923f49c1a9cae4c432fd","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-1.0.0.tgz","integrity":"sha512-2GPVtz5B+r4Y2t05wsL25XM/xrH0TJ6HDlYyUUDeUNpgZy9d4urc7dTCXrZIGQniyk9xjv8ICswonwC6iABLMA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBWTHRooKV7Ynufy8AYFuHA3lCcoJ4Qu/XeOiz2Jdv7DAiB0TSan/+jqy4Q+ugpx3gRZ4nS7xgf5T+ADYjqos8HltA=="}]},"directories":{}},"1.1.0":{"name":"react-flexr","version":"1.1.0","description":"React flexbox grid made simple.","main":"lib","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox"],"devDependencies":{"babel":"^5.0.9","babel-loader":"^5.0.0","jsdom":"^4.0.5","mocha":"^2.2.1","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.2","webpack":"^1.7.2","webpack-dev-server":"^1.7.0"},"dependencies":{"react":"^0.13.0"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"f07496191e070f87e76a1de545de5a27600278d5","_id":"react-flexr@1.1.0","_shasum":"95ca6f39c48b416e8a36d8d907911e6ceb3d4740","_from":".","_npmVersion":"2.7.1","_nodeVersion":"1.6.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"95ca6f39c48b416e8a36d8d907911e6ceb3d4740","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-1.1.0.tgz","integrity":"sha512-7JJgmbJWuxhZbqhoi90fkCTmUSE9heZ+9nvP1YOwQo+t7Xsl343okrwNktDAIaQNMB0Utv3GfwvbhHyGEv72Sg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCC22L2+HM7ttzcjXqTaPax8gQcKgVLV8cTWBps7ajvcAIhAKBkxfRWfCCJou0hzABXqC9LY7j/82u1hbSe0LKKg9Kn"}]},"directories":{}},"1.1.1":{"name":"react-flexr","version":"1.1.1","description":"React flexbox grid made simple.","main":"lib","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox"],"devDependencies":{"babel":"^5.0.9","babel-loader":"^5.0.0","jsdom":"^4.0.5","mocha":"^2.2.1","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.2","webpack":"^1.7.2","webpack-dev-server":"^1.7.0"},"dependencies":{"react":"^0.13.0"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"85562faa2761f99e9cf828cf3d24d1bdeac1903a","_id":"react-flexr@1.1.1","_shasum":"d7e62ba7367b7d564b330cdb4d7fa044c196a30a","_from":".","_npmVersion":"2.7.1","_nodeVersion":"1.6.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"d7e62ba7367b7d564b330cdb4d7fa044c196a30a","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-1.1.1.tgz","integrity":"sha512-cH0tibrgb0nxCqouXDR7y3F3chzD+R/qcXDj+oI7aGugWk33DZ34lFNwrgY1w6sy1QN+eW3SDV81oXFhL34eoQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF8B5LJ75i/9fhqjGxXudYg+E1CJ1cOQT7DWnj97Ao2DAiA4PGT5TSHp/9LNqmUxZeuQnGJlJJgGtkReN3nEXxPAHA=="}]},"directories":{}},"1.1.2":{"name":"react-flexr","version":"1.1.2","description":"React flexbox grid made simple.","main":"lib","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.0.9","babel-loader":"^5.0.0","jsdom":"^4.0.5","mocha":"^2.2.1","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.2","webpack":"^1.7.2","webpack-dev-server":"^1.7.0"},"dependencies":{"react":"^0.13.0"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"5ad25bacff16f9a79609342afe17016902d10605","_id":"react-flexr@1.1.2","_shasum":"8a20030d00a825e761369497b3d5414b246157f2","_from":".","_npmVersion":"2.7.1","_nodeVersion":"1.6.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"8a20030d00a825e761369497b3d5414b246157f2","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-1.1.2.tgz","integrity":"sha512-2KuLC8e7uzXsCN7fgX8ub5yj0hQnyqJHm8vXLUONXcJmmByDFWk+0tjdOhky8CkXIEUKjJXlym4Y+3gICXItfQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGQ4pXZ5BPdR7bP5MUEhUgFEwkHF1bd8mQjnpTuZcIdFAiEAyLlKS7v3ZhwCymhPP7armbGeF6kki9f/zDi9mGQproo="}]},"directories":{}},"1.3.0":{"name":"react-flexr","version":"1.3.0","description":"React flexbox grid made simple.","main":"lib","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.0.9","babel-loader":"^5.0.0","jsdom":"^4.0.5","mocha":"^2.2.1","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.2","webpack":"^1.7.2","webpack-dev-server":"^1.7.0"},"dependencies":{"react":"^0.13.0","react-style":"^0.5.2"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"5591b501a5ed8480d09c3b2f7fffbcb8fd916587","_id":"react-flexr@1.3.0","_shasum":"214ccb820c78010a46239e13df17e006ba794101","_from":".","_npmVersion":"2.7.1","_nodeVersion":"1.6.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"214ccb820c78010a46239e13df17e006ba794101","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-1.3.0.tgz","integrity":"sha512-dKPe0nmhBiPU8/RB80kQUFJpgn3lrmjXn9KrH50TGa+bkIoLa+Y0D4ps4GbNVsMc1sZLLALvMJu4OqoHLXiwew==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1nQqxIeQIh4v1+RQSBPbk8vdhgDCHfeoWIvOqFsD1+gIhAKjbN7iY4B755OxkpdB2viERBzt+CrI4yjpn4cxTiNo2"}]},"directories":{}},"1.3.1":{"name":"react-flexr","version":"1.3.1","description":"React flexbox grid made simple.","main":"lib","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.0.9","babel-loader":"^5.0.0","jsdom":"^4.0.5","mocha":"^2.2.1","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.2","webpack":"^1.7.2","webpack-dev-server":"^1.7.0"},"dependencies":{"react":"^0.13.0","react-style":"^0.5.2"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"ff4b885935aec6da33015a1f484a20aad15d99c5","_id":"react-flexr@1.3.1","_shasum":"fffd198c867dd8b4a5e8b6d8be7893ecf5843521","_from":".","_npmVersion":"2.7.1","_nodeVersion":"1.6.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"fffd198c867dd8b4a5e8b6d8be7893ecf5843521","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-1.3.1.tgz","integrity":"sha512-uYPDEuvocbB30IpoaGBlFw7KI0+ABNCgynx/nWfVRRf/xQwf45DznoI3e9aK8iqaA1MATrKVy+1gm1xQErD8XQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEDnUNc2PSV9Dqr0fPKmRMBTI6XKydvH6Tbg6W0blqS1AiBOiX0fTAVVDMhqeIMQZzBaaGEZOiSCJQjcAi3n4XEt2Q=="}]},"directories":{}},"1.3.3":{"name":"react-flexr","version":"1.3.3","description":"React flexbox grid made simple.","main":"lib","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.0.9","babel-loader":"^5.0.0","jsdom":"^4.0.5","mocha":"^2.2.1","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.2","webpack":"^1.7.2","webpack-dev-server":"^1.7.0"},"dependencies":{"react":"^0.13.0","react-style":"^0.5.2"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"4498b0435633e3253518072c9397b0f0ea9e84fa","_id":"react-flexr@1.3.3","_shasum":"74a9d0f898290ce0fae6fd9d70c54e3652f7140e","_from":".","_npmVersion":"2.7.1","_nodeVersion":"1.6.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"74a9d0f898290ce0fae6fd9d70c54e3652f7140e","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-1.3.3.tgz","integrity":"sha512-swEehIElhTgVOj0K+4u4g1epFKMkJafr7ikUjFIBxGEuvb+Yi4+QTZRacJma6mmAMfcHZvGn2V4+UMsQbPedLw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGn6nRyf8HHMxmk4wDm3IirjAFJKkrjGsFSCRbA04vSKAiEA/o7QdxVTfteGrQZ9YhYq2E5ukh2UtuT4bhr49pbizm8="}]},"directories":{}},"1.3.4":{"name":"react-flexr","version":"1.3.4","description":"React flexbox grid made simple.","main":"lib","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.0.9","babel-loader":"^5.0.0","jsdom":"^4.0.5","mocha":"^2.2.1","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.2","webpack":"^1.7.2","webpack-dev-server":"^1.7.0"},"dependencies":{"react":"^0.13.0","react-style":"^0.5.2"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"66c0521bb918227b268fb999e859a5a3174ab456","_id":"react-flexr@1.3.4","_shasum":"b1d1f9fb6bc33fbd64eb98822b35d9810f6b4d8f","_from":".","_npmVersion":"2.7.1","_nodeVersion":"1.6.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"b1d1f9fb6bc33fbd64eb98822b35d9810f6b4d8f","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-1.3.4.tgz","integrity":"sha512-Kn9Fhgq7dZbzm7yF4daaRoPCZZOY9owyBf1b4LX/1QMzfApw2IZcaHhKeS2Pn81EZBHnIgo88y1T/HcGTfnHvg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCyGY0O3VG0LHSeBI36lLCJgt56hdViEJ3Nr35uA791kwIgTUyq8WUYCBh8Dh09sVBvCdfuViGw8UB8oB28FE+/MfE="}]},"directories":{}},"1.4.0":{"name":"react-flexr","version":"1.4.0","description":"React flexbox grid made simple.","main":"lib","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.0.9","babel-loader":"^5.0.0","jsdom":"^4.0.5","mocha":"^2.2.1","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.2","webpack":"^1.7.2","webpack-dev-server":"^1.7.0"},"dependencies":{"react":"^0.13.0","react-style":"^0.5.2"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"cd3cb88a5896ba12c5b23620204c0837253e8709","_id":"react-flexr@1.4.0","_shasum":"cd7b8dcabf91221f4229dfd291eecc47f52335d1","_from":".","_npmVersion":"2.7.1","_nodeVersion":"1.6.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"cd7b8dcabf91221f4229dfd291eecc47f52335d1","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-1.4.0.tgz","integrity":"sha512-lMzJKV0TIsMt2K0DnCSBQpnWXETdVp5R5RDEjvk3EahhXUaFroBgytN83MClKCJtlYpLS20JYVBA5IMzaPUinQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHQeX7XZBjX/n9i61JbtfxhjlAsUu4IKIgrSUXmuK4Y4AiB/rCe142hWscxr51U99iZxy9c/ega9zEuicajI2o5m7g=="}]},"directories":{}},"1.4.1":{"name":"react-flexr","version":"1.4.1","description":"React flexbox grid made simple.","main":"lib","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.0.9","babel-loader":"^5.0.0","jsdom":"^4.0.5","mocha":"^2.2.1","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.2","webpack":"^1.7.2","webpack-dev-server":"^1.7.0"},"dependencies":{"react":"^0.13.0","react-style":"^0.5.2"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"88b3bd9d8b428825facda1077385fb355fb9e5ac","_id":"react-flexr@1.4.1","_shasum":"9ea9459b810bfbecb060bf3df035fe73747f5ed2","_from":".","_npmVersion":"2.7.1","_nodeVersion":"1.6.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"9ea9459b810bfbecb060bf3df035fe73747f5ed2","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-1.4.1.tgz","integrity":"sha512-/L9ZAfJ3q33YmAtbhti2WQv33Yh/CBt/e37ueSGp0rKFDodRLmISZUC2ow3egldibO/rl04V1qXrqeYcFwZrog==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICbC5G3qQwDk1zPyE28LNYvMegbhs7QBRa6xq3IJqSwRAiB76sNlzRzGXyqAo8x5SMBJzNTVuP+yukfbpgDIjiCuyg=="}]},"directories":{}},"1.4.3":{"name":"react-flexr","version":"1.4.3","description":"React flexbox grid made simple.","main":"lib","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.0.9","babel-loader":"^5.0.0","jsdom":"^4.0.5","mocha":"^2.2.1","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.2","webpack":"^1.7.2","webpack-dev-server":"^1.7.0"},"dependencies":{"react":"^0.13.0","react-style":"^0.5.2"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"58858eb9eb90045810d7e52791b44092b465dfe8","_id":"react-flexr@1.4.3","_shasum":"b824cce9f9f8234e7e479d8a5290f70512c4dd75","_from":".","_npmVersion":"2.7.1","_nodeVersion":"1.6.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"b824cce9f9f8234e7e479d8a5290f70512c4dd75","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-1.4.3.tgz","integrity":"sha512-ttxQBvxI6fkgJYzprwJNFaYvh69UD17AwZABfPPZE3KOx5VSIgju80J5+wwo+uZ018fB7/d6y7BBKGdvkamuyg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJ3wk8U9yEAKNqr4rzkwqYd6gIeDPtR68I6L7UK27b+QIgNvVawdJ/ssswVXxTdzhuYADgiQMQnnL/M190ITJdU+c="}]},"directories":{}},"1.4.4":{"name":"react-flexr","version":"1.4.4","description":"React flexbox grid made simple.","main":"lib","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.0.9","babel-loader":"^5.0.0","jsdom":"^4.0.5","mocha":"^2.2.1","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.2","webpack":"^1.7.2","webpack-dev-server":"^1.7.0"},"dependencies":{"react":"^0.13.0","react-style":"^0.5.2"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"a6e848d8fb829d9a97f9f76b0a5dc0b9f9b7e923","_id":"react-flexr@1.4.4","_shasum":"057986d4bebeb73e98d1b92bf7e3cb9c7eedd4eb","_from":".","_npmVersion":"2.7.1","_nodeVersion":"1.6.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"057986d4bebeb73e98d1b92bf7e3cb9c7eedd4eb","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-1.4.4.tgz","integrity":"sha512-puLFyWqImRiJX03L9SCgNhXKxbAxMoZNFgfdpbWKsO5c+MbmDp6Sb5SfevxgfIljkVOZ4SWO96zDByJHI5ozlw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID1oWD2LGU4/jPACSZ6zp2UT3MjJgy3bl0JymeND7OsYAiEAs0NTvzq7lvBgFGB9LaprrCc1E/g/LKZl8QRJCadvm0M="}]},"directories":{}},"1.5.0":{"name":"react-flexr","version":"1.5.0","description":"React flexbox grid made simple.","main":"lib","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.1.11","babel-core":"^5.1.11","babel-loader":"^5.0.0","jsdom":"^5.0.1","mocha":"^2.2.4","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.5","webpack":"^1.8.7","webpack-dev-server":"^1.8.1"},"dependencies":{"react":"^0.13.2","react-style":"^0.5.5"},"repository":{"type":"git","url":"https://github.com/chriskjaer/react-flexr"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"2633eea6f104cab33839d9de789308d6f2895cd5","bugs":{"url":"https://github.com/chriskjaer/react-flexr/issues"},"homepage":"https://github.com/chriskjaer/react-flexr","_id":"react-flexr@1.5.0","_shasum":"bd377c3c67ed17983cb711f0561c79cc43e4ec94","_from":".","_npmVersion":"2.7.1","_nodeVersion":"1.6.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"bd377c3c67ed17983cb711f0561c79cc43e4ec94","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-1.5.0.tgz","integrity":"sha512-mDOBjQtYRiVqF6JWLE0KeI+kfuGf0tnGPYqWBGpScABY/Ps6citKPdALCD8Qrdn/h0J/RCEtYobyb72KiqMszA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQpbVCbCviYFH7KxQgIfywBietCKFGhc3ZG4sdAf1pJwIgfVBcadQq7rOFaqYSu4w51k3ccHO8ciX3gSmE9qTvRTM="}]},"directories":{}},"1.6.0":{"name":"react-flexr","version":"1.6.0","description":"React flexbox grid made simple.","main":"lib","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.1.11","babel-core":"^5.1.11","babel-loader":"^5.0.0","jsdom":"^5.0.1","mocha":"^2.2.4","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.5","webpack":"^1.8.7","webpack-dev-server":"^1.8.1"},"dependencies":{"react":"^0.13.2","react-style":"^0.5.5"},"repository":{"type":"git","url":"https://github.com/chriskjaer/react-flexr"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"76e5f48cc9528afda91499c308395118abb9f706","bugs":{"url":"https://github.com/chriskjaer/react-flexr/issues"},"homepage":"https://github.com/chriskjaer/react-flexr","_id":"react-flexr@1.6.0","_shasum":"fa4d42b72a8a034f33f506a128a65e1ee8a31523","_from":".","_npmVersion":"2.7.1","_nodeVersion":"1.6.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"fa4d42b72a8a034f33f506a128a65e1ee8a31523","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-1.6.0.tgz","integrity":"sha512-c77qdefO8qkJasbYhZDLa5zLxV5DdUy1+CL/OpIAbeJ3Xqcq2QU8CcXbNq2aWcA2kg68GrTzmdL0FYhWWNHGOg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBzTFAC1oNp1ZI967Sry+T/HDEMQfRZt/wXvIxUZf88xAiA8wwdgzOpQNCMcdD8ruqjPxOGsNuddcoMmyoJbStpbVQ=="}]},"directories":{}},"1.6.1":{"name":"react-flexr","version":"1.6.1","description":"React flexbox grid made simple.","main":"dist","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.1.11","babel-core":"^5.1.11","babel-loader":"^5.0.0","jsdom":"^5.0.1","mocha":"^2.2.4","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.5","webpack":"^1.8.7","webpack-dev-server":"^1.8.1"},"dependencies":{"react":"^0.13.2","react-style":"^0.5.5"},"repository":{"type":"git","url":"https://github.com/chriskjaer/react-flexr"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"241a5cb33facd4e50369b8cf80369bdf534fabfc","bugs":{"url":"https://github.com/chriskjaer/react-flexr/issues"},"homepage":"https://github.com/chriskjaer/react-flexr","_id":"react-flexr@1.6.1","_shasum":"36ece27fac789f0809983767f638c177747de9c0","_from":".","_npmVersion":"2.7.1","_nodeVersion":"1.6.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"36ece27fac789f0809983767f638c177747de9c0","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-1.6.1.tgz","integrity":"sha512-ga44Okez/qeA5b6DQIGn5xDWM++8oX4J9PyBqz+ng83v6e1E8+peEm7Bjo4ebN58Ora49s86lyziUhd4sCD6iQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGwt97a7ruAxykddWZl16vNZ9g9oxCfj2TdJkodp8FyQIgEQ+BDMzpQ27vThyiXlEiUbqnYtKqNluZ6HTgFJyQgRM="}]},"directories":{}},"1.6.2":{"name":"react-flexr","version":"1.6.2","description":"React flexbox grid made simple.","main":"dist","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.2.17","babel-core":"^5.2.17","babel-loader":"^5.0.0","jsdom":"^5.4.1","mocha":"^2.2.4","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.7","webpack":"^1.9.4","webpack-dev-server":"^1.8.2"},"dependencies":{"react":"^0.13.3","react-style":"^0.5.5"},"repository":{"type":"git","url":"https://github.com/chriskjaer/react-flexr"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"04ce87e0c271705ee09f1a5ddaa85239a6ef6577","bugs":{"url":"https://github.com/chriskjaer/react-flexr/issues"},"homepage":"https://github.com/chriskjaer/react-flexr","_id":"react-flexr@1.6.2","_shasum":"d2611a3f1d5da4f6577c6df31463e4d3cab71e40","_from":".","_npmVersion":"2.7.1","_nodeVersion":"1.6.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"d2611a3f1d5da4f6577c6df31463e4d3cab71e40","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-1.6.2.tgz","integrity":"sha512-KFVCsOq1Ca7XDL947Sg/Ej2bGH0gouHM4xWsa0vu1sGLREeQYCaRKw5opBUiaStbkN9A4NhvLKfHS4LBX+0B4g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC7mURvDJtYI/hjEeFJVcFVI3Kks8s67R62c8Y+uXNLYAiA0xMnhi+S6a3wP7tSLSyaMG+GuxUYrc+2aw2c/OAICtA=="}]},"directories":{}},"1.6.3":{"name":"react-flexr","version":"1.6.3","description":"React flexbox grid made simple.","main":"dist","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.2.17","babel-core":"^5.2.17","babel-loader":"^5.0.0","jsdom":"^5.4.1","mocha":"^2.2.4","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.7","webpack":"^1.9.4","webpack-dev-server":"^1.8.2"},"dependencies":{"react":"^0.13.3","react-style":"^0.5.5"},"repository":{"type":"git","url":"https://github.com/chriskjaer/react-flexr"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"1d2f27b602d49ea2f9c0b06ecbe0dd479674aef5","bugs":{"url":"https://github.com/chriskjaer/react-flexr/issues"},"homepage":"https://github.com/chriskjaer/react-flexr","_id":"react-flexr@1.6.3","_shasum":"e7588345f98eb99322d17aaf921723942245eec8","_from":".","_npmVersion":"2.7.1","_nodeVersion":"1.6.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"e7588345f98eb99322d17aaf921723942245eec8","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-1.6.3.tgz","integrity":"sha512-igmaGJ1ZJ+24pyFhZ3xSDW5aI3IRgu9FHtwIRZM212P9uqgPnTiNKHWRxqZjlBDNpDsp8HvfNfueyXbnta2PUQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICx7WGqnfqEyykNLEY6///hROzn6yyApzua8HF1hHNSxAiEAqbeFarAya4xl/lGRPer4h4CvjoK6l5bBZtg/cecZG8E="}]},"directories":{}},"2.0.0-0":{"name":"react-flexr","version":"2.0.0-0","description":"React flexbox grid made simple.","main":"dist","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.2.17","babel-core":"^5.2.17","babel-loader":"^5.0.0","jsdom":"^5.4.1","mocha":"^2.2.4","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.7","webpack":"^1.9.4","webpack-dev-server":"^1.8.2"},"dependencies":{"react":"^0.13.3","react-style":"^0.5.5","stilr":"^0.2.x"},"repository":{"type":"git","url":"https://github.com/chriskjaer/react-flexr"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"e08549fb733fe646ff84c3a229886653d800197b","bugs":{"url":"https://github.com/chriskjaer/react-flexr/issues"},"homepage":"https://github.com/chriskjaer/react-flexr","_id":"react-flexr@2.0.0-0","_shasum":"82e42b9bff2ad853cd181bb6bff2cb4c6bb0578e","_from":".","_npmVersion":"2.9.0","_nodeVersion":"2.0.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"82e42b9bff2ad853cd181bb6bff2cb4c6bb0578e","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-2.0.0-0.tgz","integrity":"sha512-hh5qMj033+XDqxkHrZ99+VtZlPXMwHH48SCu7PhYcpyBjFjBTvKBEFDETNLpTrCDGLeL5zb7ZajvJAO5gzWCFg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICeE2GrpSwCU6/CJOA6CCnpCrvgTwAEelVzID3A/QWzFAiBaPcJ4GhDOHh1EEK+sqr+MmycgVGABUC4nijBZVzy6/Q=="}]},"directories":{}},"2.0.0-alpha.0":{"name":"react-flexr","version":"2.0.0-alpha.0","description":"React flexbox grid made simple.","main":"dist","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.2.17","babel-core":"^5.2.17","babel-loader":"^5.0.0","jsdom":"^5.4.1","mocha":"^2.2.4","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.7","webpack":"^1.9.4","webpack-dev-server":"^1.8.2"},"dependencies":{"react":">=0.11.0","stilr":"^0.2.x"},"repository":{"type":"git","url":"https://github.com/chriskjaer/react-flexr"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"75b855ca2456dff090821c23e3125a428e8d1b23","bugs":{"url":"https://github.com/chriskjaer/react-flexr/issues"},"homepage":"https://github.com/chriskjaer/react-flexr","_id":"react-flexr@2.0.0-alpha.0","_shasum":"d1ea51620b170f64bdb62cac3b299abd37c2a198","_from":".","_npmVersion":"2.9.0","_nodeVersion":"2.0.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"d1ea51620b170f64bdb62cac3b299abd37c2a198","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-2.0.0-alpha.0.tgz","integrity":"sha512-1ZQcnfyrNkFzmizQsEOBmzKE0nqTEJpYi6s/7161o5LWxH32/LTz4aZURncNp3bU25GUwIZe2DttSjcUCGSMCw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFwxBcvIh8iEnm2qv4gL4l9DnNQeqIAhrVe7vRNbqWePAiEAsLkRJHT++jAjPfYL2XbBEILddeLexnKmF4/L0sVLRI8="}]},"directories":{}},"2.0.0-alpha.1":{"name":"react-flexr","version":"2.0.0-alpha.1","description":"React flexbox grid made simple.","main":"dist","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.2.17","babel-core":"^5.2.17","babel-loader":"^5.0.0","jsdom":"^5.4.1","mocha":"^2.2.4","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.7","webpack":"^1.9.4","webpack-dev-server":"^1.8.2"},"dependencies":{"react":">=0.11.0","stilr":"^0.3.x"},"repository":{"type":"git","url":"https://github.com/chriskjaer/react-flexr"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"fb4bdb15ca2207d77ec6d20eef27c55b460a7ae4","bugs":{"url":"https://github.com/chriskjaer/react-flexr/issues"},"homepage":"https://github.com/chriskjaer/react-flexr","_id":"react-flexr@2.0.0-alpha.1","_shasum":"cdca6a511d639dd78bc4918578be1290f9aa65df","_from":".","_npmVersion":"2.9.0","_nodeVersion":"2.0.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"cdca6a511d639dd78bc4918578be1290f9aa65df","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-2.0.0-alpha.1.tgz","integrity":"sha512-ATsaHfOhbtoYzraU1Uyab4JK16vhlZfjizw/3J9FX2AiqqQuWF4uiLGDf2rPXYrG3I7MIeihEf0HuV00mITezg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/dlCDWMYbij33N683yBkei2VNBFJn+1p3ZMY7JTV29gIhAMbx6ZA9r67EWQhkTFoeYigKxL3v4M+Ymz0lzZUyLWwd"}]},"directories":{}},"2.0.0-alpha.2":{"name":"react-flexr","version":"2.0.0-alpha.2","description":"React flexbox grid made simple.","main":"dist","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.2.17","babel-core":"^5.2.17","babel-loader":"^5.0.0","jsdom":"^5.4.1","mocha":"^2.2.4","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.7","webpack":"^1.9.4","webpack-dev-server":"^1.8.2"},"dependencies":{"react":">=0.11.0","stilr":"^0.3.x"},"repository":{"type":"git","url":"https://github.com/chriskjaer/react-flexr"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"e62a2bbf88348c1c400d4167d15e29ddf76b67be","bugs":{"url":"https://github.com/chriskjaer/react-flexr/issues"},"homepage":"https://github.com/chriskjaer/react-flexr","_id":"react-flexr@2.0.0-alpha.2","_shasum":"4fe6b67a600f2847691c4fefe8e03e3ce0847e76","_from":".","_npmVersion":"2.9.0","_nodeVersion":"2.0.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"4fe6b67a600f2847691c4fefe8e03e3ce0847e76","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-2.0.0-alpha.2.tgz","integrity":"sha512-Wc0sVnVE2PRGCZla1+5ZTJ6TfyWPdev2dqtviP4IC9G7Zuhn9EuPax38IhHIMjR1IQPNRu4m4A2P6KEiWoyQow==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE/36F07WGIIC3nBd0vXzltVRERGwuo6rmRajGTQO4H4AiEA8QNgqAo8xHZ8AxFEIGf74tV65qq/ZeVbkJ/kLqCR5Ug="}]},"directories":{}},"2.0.0-alpha.3":{"name":"react-flexr","version":"2.0.0-alpha.3","description":"React flexbox grid made simple.","main":"dist","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.2.17","babel-core":"^5.2.17","babel-loader":"^5.0.0","jsdom":"^5.4.1","mocha":"^2.2.4","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.7","webpack":"^1.9.4","webpack-dev-server":"^1.8.2"},"dependencies":{"react":">=0.11.0","stilr":"^0.3.x"},"repository":{"type":"git","url":"https://github.com/chriskjaer/react-flexr"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"f092163f612ebc73fc8724c5e4a83ce048799826","bugs":{"url":"https://github.com/chriskjaer/react-flexr/issues"},"homepage":"https://github.com/chriskjaer/react-flexr","_id":"react-flexr@2.0.0-alpha.3","_shasum":"e2bc6f55d9560c91241aa2caad9438ffeea7bb02","_from":".","_npmVersion":"2.9.0","_nodeVersion":"2.0.2","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"e2bc6f55d9560c91241aa2caad9438ffeea7bb02","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-2.0.0-alpha.3.tgz","integrity":"sha512-+1vdCsoMhK12zxRVFEOAYCVQBfYOhqG6aYdY016/lJAqyPpizFTK6YMg9iWmeC9A2x+S8SrAOoyl1o7mQ2CKlA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC1BeHGHStqbPdyevHpmwsqpEehZxy9/8xM5JzQDQU3mAIhAK6s1T21dnvevZjvrYJjRq/MhCc8m2cmx+6cWz7Iy7i7"}]},"directories":{}},"2.0.0-alpha.4":{"name":"react-flexr","version":"2.0.0-alpha.4","description":"React flexbox grid made simple.","main":"dist","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.2.17","babel-core":"^5.2.17","babel-loader":"^5.0.0","jsdom":"^5.4.1","mocha":"^2.2.4","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.7","webpack":"^1.9.4","webpack-dev-server":"^1.8.2"},"dependencies":{"react":">=0.11.0","stilr":"^0.3.x"},"repository":{"type":"git","url":"https://github.com/chriskjaer/react-flexr"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"5d8cd0954fd91405ab93d022172f333bb83206d5","bugs":{"url":"https://github.com/chriskjaer/react-flexr/issues"},"homepage":"https://github.com/chriskjaer/react-flexr","_id":"react-flexr@2.0.0-alpha.4","_shasum":"728bef29329b7866b7ab6ddb3061ec131b2b8280","_from":".","_npmVersion":"2.11.0","_nodeVersion":"2.2.1","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"728bef29329b7866b7ab6ddb3061ec131b2b8280","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-2.0.0-alpha.4.tgz","integrity":"sha512-lUaGonatrpEKZYKUlL60AAp54ZXFxt22VZbg+owpZdJA7Zr18rq5zeguMhcJysNV9x4a2RsIFBiNvXQuQxkBnA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDM047xFnT3FJ98dluO03lCnSuW24GZs5BmFGirz7y0QQIhAIky3+R9yAW3+H65nm1qR3uvSvgImwBZsh8yopf4Ocg3"}]},"directories":{}},"2.0.0-alpha.5":{"name":"react-flexr","version":"2.0.0-alpha.5","description":"React flexbox grid made simple.","main":"dist","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.2.17","babel-core":"^5.2.17","babel-loader":"^5.0.0","jsdom":"^5.4.1","mocha":"^2.2.4","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.7","webpack":"^1.9.4","webpack-dev-server":"^1.8.2"},"dependencies":{"react":">=0.11.0","stilr":"^0.3.x"},"repository":{"type":"git","url":"https://github.com/chriskjaer/react-flexr"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"fce1200998cf32ce259cbc13c8c28476db84d147","bugs":{"url":"https://github.com/chriskjaer/react-flexr/issues"},"homepage":"https://github.com/chriskjaer/react-flexr","_id":"react-flexr@2.0.0-alpha.5","_shasum":"9016c2c9ccf2edd02308f2dc3d12c82094eabc30","_from":".","_npmVersion":"2.11.0","_nodeVersion":"2.2.1","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"9016c2c9ccf2edd02308f2dc3d12c82094eabc30","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-2.0.0-alpha.5.tgz","integrity":"sha512-sGBGbFtYliAJ5Y1GQLPeaZES3S+m+g517jsXZWxB0PH0urIkRjLu3ZLCC6JaCFLOcw2hVZ0zsitr5sCxiz2zmQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH1DDH73UZEdJt90a+4cLJmh9Ru1uV35pRfdLBu609FlAiB2wBjFm02X+kXoQ8ex1UYIOt/vaACEddrVNJ+vbjE/Ww=="}]},"directories":{}},"2.0.0-alpha.6":{"name":"react-flexr","version":"2.0.0-alpha.6","description":"React flexbox grid made simple.","main":"dist","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.2.17","babel-core":"^5.2.17","babel-loader":"^5.0.0","jsdom":"^5.4.1","mocha":"^2.2.4","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.7","webpack":"^1.9.4","webpack-dev-server":"^1.8.2"},"dependencies":{"react":">=0.11.0","stilr":"^0.3.x"},"repository":{"type":"git","url":"https://github.com/chriskjaer/react-flexr"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"5c31fd4c1a55bed4d0fcf893be0d5c1c29a47052","bugs":{"url":"https://github.com/chriskjaer/react-flexr/issues"},"homepage":"https://github.com/chriskjaer/react-flexr","_id":"react-flexr@2.0.0-alpha.6","_shasum":"b2fb129f39f78b0df24b435264cb9e78b5b22a0c","_from":".","_npmVersion":"2.11.0","_nodeVersion":"2.2.1","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"b2fb129f39f78b0df24b435264cb9e78b5b22a0c","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-2.0.0-alpha.6.tgz","integrity":"sha512-bVmjemEnG4Os2g4vWZPLKD2NpGpbIn1SerZEOn3Cj50y/AO4KJDfWcJw89PJ9d+FDyQuJDIf+wUXelT+DwHzmQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEWH5inKOuJP6LrgPW9ufHv6zjO5uTS0Lz6Oy3itXsC7AiBCddJutuA5BTgUFNVXakHxLgIYQG/VM34bAIJJv4I4Wg=="}]},"directories":{}},"2.0.0":{"name":"react-flexr","version":"2.0.0","description":"React flexbox grid made simple.","main":"dist","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.2.17","babel-core":"^5.2.17","babel-loader":"^5.0.0","jsdom":"^5.4.1","mocha":"^2.2.4","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.7","webpack":"^1.9.4","webpack-dev-server":"^1.8.2"},"dependencies":{"react":">=0.11.0","stilr":"^1.0.0"},"repository":{"type":"git","url":"https://github.com/chriskjaer/react-flexr"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"2758a90418aa1fd9a2260b05d26b35c48f5946c9","bugs":{"url":"https://github.com/chriskjaer/react-flexr/issues"},"homepage":"https://github.com/chriskjaer/react-flexr","_id":"react-flexr@2.0.0","_shasum":"fdd7859e7fed0b9640667b755f6fa671f51d98cf","_from":".","_npmVersion":"2.11.0","_nodeVersion":"2.2.1","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"fdd7859e7fed0b9640667b755f6fa671f51d98cf","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-2.0.0.tgz","integrity":"sha512-v/TB3sYCSUO8MbUH2lPOTxMMaia/4YzSbZYyr5HQHLq/NJzFT3ds54oPkWCkxjP43hZ9C3r8Bw4FXHyeJD1krA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEpvs2Fy4RBU9v16SNaBsVORUNVHqgXb5u0c0nb9G8+SAiBiTVteHy2/N8r78ja9oPt+9CuooJG0xUmZpYaCc9elGQ=="}]},"directories":{}},"2.0.1":{"name":"react-flexr","version":"2.0.1","description":"React flexbox grid made simple.","main":"dist","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.2.17","babel-core":"^5.2.17","babel-loader":"^5.0.0","jsdom":"^5.4.1","mocha":"^2.2.4","mocha-clean":"^0.4.0","react-hot-loader":"^1.2.7","semver":"^5.0.1","webpack":"^1.9.4","webpack-dev-server":"^1.8.2"},"dependencies":{"react":">=0.11.0","stilr":"^1.2.1"},"repository":{"type":"git","url":"git+https://github.com/chriskjaer/react-flexr.git"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"de3d4965921cb6bacb01e9959de5370496ea2afb","bugs":{"url":"https://github.com/chriskjaer/react-flexr/issues"},"homepage":"https://github.com/chriskjaer/react-flexr#readme","_id":"react-flexr@2.0.1","_shasum":"fd4e561d0c575d0692208e72a1004936221b1213","_from":".","_npmVersion":"2.12.1","_nodeVersion":"2.3.4","_npmUser":{"name":"chriskjaer","email":"mail@chriskjaer.dk"},"maintainers":[{"name":"chriskjaer","email":"mail@chriskjaer.dk"}],"dist":{"shasum":"fd4e561d0c575d0692208e72a1004936221b1213","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-2.0.1.tgz","integrity":"sha512-BQZsqe9pkhABKfx2buw21rbXyAQr5orf1d8uQEOIFa7xDDvfjZX08cUIODxr3l5StuSk0d8K5a22AfPIbJkgzQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEMCIFAGbLxxvYsy/Lfhf8Uylr0WZ810FmMprtFoeddcJlzTAh94sQ7VJxv2Nmx1yYVru6sqHwjhAtWT9u4DKzEpWwNw"}]},"directories":{}},"2.0.2":{"name":"react-flexr","version":"2.0.2","description":"React flexbox grid made simple.","main":"dist","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.2.17","babel-core":"^5.2.17","babel-loader":"^5.0.0","jsdom":"^6.5.1","mocha":"^2.2.4","react":"^0.14.0","react-addons-test-utils":"^0.14.0","react-dom":"^0.14.0","react-hot-loader":"^1.2.7","semver":"^5.0.1","webpack":"^1.9.4","webpack-dev-server":"^1.8.2"},"dependencies":{"react":">=0.11.0","stilr":"^1.2.1"},"repository":{"type":"git","url":"git+https://github.com/kodyl/react-flexr.git"},"author":{"name":"Chris Kjær Sørensen"},"license":"MIT","gitHead":"e27651c0acc2a971a396285f7b599c6b39c25311","bugs":{"url":"https://github.com/kodyl/react-flexr/issues"},"homepage":"https://github.com/kodyl/react-flexr#readme","_id":"react-flexr@2.0.2","_shasum":"675fd3c262de96494c1720604808b1d0558fb770","_from":".","_npmVersion":"2.14.4","_nodeVersion":"4.1.1","_npmUser":{"name":"danieljuhl","email":"danieljuhl@gmail.com"},"maintainers":[{"name":"danieljuhl","email":"danieljuhl@gmail.com"}],"dist":{"shasum":"675fd3c262de96494c1720604808b1d0558fb770","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-2.0.2.tgz","integrity":"sha512-hYUYboqQftSlxwkB85ahy2DJiRJ7tE2/EwDWSuA1hwKlIdGfGKUZEs3kxUGDMGl8vkGyiK2cIdEZLJxJm7xQAw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICnQN94XrGpmUMAl2VNpCEnXdkTiPDGx3/4cz/LltoRZAiEA5Xk9ekGQhdHUQLnBI/IC9Qe6vnaC8R5edlOyRX6Q9ng="}]},"directories":{}},"2.1.0-beta":{"name":"react-flexr","version":"2.1.0-beta","description":"React flexbox grid made simple.","main":"dist","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel":"^5.2.17","babel-core":"^5.2.17","babel-loader":"^5.0.0","babel-runtime":"^5.8.35","jsdom":"^8.0.4","mocha":"^2.4.5","react":"^0.14.7","react-addons-test-utils":"^0.14.7","react-dom":"^0.14.7","react-hot-loader":"^1.2.7","semver":"^5.1.0","webpack":"^1.12.13","webpack-dev-server":"^1.14.1"},"dependencies":{"react":">=0.11.0","stilr":"^1.2.1"},"repository":{"type":"git","url":"git+https://github.com/kodyl/react-flexr.git"},"author":{"name":"Kodyl ApS"},"contributors":[{"name":"Chris Kjær Sørensen"},{"name":"Daniel Juhl"}],"license":"MIT","gitHead":"eb9bd9e353bab5b732968c71f2b37a4e3b9a11e7","bugs":{"url":"https://github.com/kodyl/react-flexr/issues"},"homepage":"https://github.com/kodyl/react-flexr#readme","_id":"react-flexr@2.1.0-beta","_shasum":"9fba91b04d5b185667c14f3fd0aac073945feb7d","_from":".","_npmVersion":"2.14.12","_nodeVersion":"4.3.1","_npmUser":{"name":"danieljuhl","email":"danieljuhl@gmail.com"},"maintainers":[{"name":"danieljuhl","email":"danieljuhl@gmail.com"}],"dist":{"shasum":"9fba91b04d5b185667c14f3fd0aac073945feb7d","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-2.1.0-beta.tgz","integrity":"sha512-PRy+eTlI5oWdd+TnsRdwxNrThHfMXJG7bF98ZEUsNE6K7x9OVCf06LJoOFpvGjZlLvWC1L6ETBtITFWAXv0zUQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwNTqVr0KRsRuShrOzxl7HGzZHZDWdNbdtSrgeTldKBgIhAIoQX1RyqrhfhXCb+mlwiM3yAbUXL0L2o2i6t8014jy5"}]},"_npmOperationalInternal":{"host":"packages-9-west.internal.npmjs.com","tmp":"tmp/react-flexr-2.1.0-beta.tgz_1456073657467_0.9216812083031982"},"directories":{}},"2.1.0":{"name":"react-flexr","version":"2.1.0","description":"React flexbox grid made simple.","main":"dist","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel-cli":"^6.11.4","babel-core":"^6.13.2","babel-eslint":"^6.1.2","babel-loader":"^6.2.5","babel-plugin-add-module-exports":"^0.1.2","babel-plugin-transform-object-rest-spread":"^6.8.0","babel-plugin-transform-react-constant-elements":"^6.9.1","babel-plugin-transform-react-inline-elements":"^6.8.0","babel-plugin-transform-runtime":"^6.12.0","babel-preset-es2015":"^6.13.2","babel-preset-react":"^6.11.1","babel-preset-stage-0":"^6.3.13","babel-register":"^6.11.6","babel-runtime":"^6.11.6","eslint":"^2.7.0","eslint-plugin-react":"^4.3.0","jsdom":"^8.0.4","mocha":"^2.4.5","react-addons-test-utils":"^15.3.1","react-dom":"^15.3.1","react-hot-loader":"^1.2.7","semver":"^5.3.0","webpack":"^1.13.2","webpack-dev-server":"^1.15.0"},"dependencies":{"react":">=0.11.0","stilr":"^1.2.1"},"repository":{"type":"git","url":"git+https://github.com/kodyl/react-flexr.git"},"author":{"name":"Kodyl ApS"},"contributors":[{"name":"Chris Kjær Sørensen"},{"name":"Daniel Juhl"}],"license":"MIT","gitHead":"b21a8113c5f411625b9497099f2c39da06ae31bf","bugs":{"url":"https://github.com/kodyl/react-flexr/issues"},"homepage":"https://github.com/kodyl/react-flexr#readme","_id":"react-flexr@2.1.0","_shasum":"2b4be565156f46f36cc0dd91e8c0bf919b1632c6","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.3.1","_npmUser":{"name":"danieljuhl","email":"danieljuhl@gmail.com"},"dist":{"shasum":"2b4be565156f46f36cc0dd91e8c0bf919b1632c6","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-2.1.0.tgz","integrity":"sha512-+gFlWstEknP+6XdzW5f77mNHulsZt1agAoCpNUmR1geNOKLCdsH7V6pcNggaouOaNm7T69J0UgqzOk7WPCPNZQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEiasTW/dj7zO6urTJPNCnCpuFi5K2+0eNYFxkyUOsruAiEAuMGqf7JMUrndMrS22JvCIFLNeuf+v+VUe3rlMKygRh0="}]},"maintainers":[{"name":"danieljuhl","email":"danieljuhl@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/react-flexr-2.1.0.tgz_1471934304082_0.13254459365271032"},"directories":{}},"2.1.1":{"name":"react-flexr","version":"2.1.1","description":"React flexbox grid made simple.","main":"dist","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel-cli":"^6.11.4","babel-core":"^6.13.2","babel-eslint":"^6.1.2","babel-loader":"^6.2.5","babel-plugin-add-module-exports":"^0.1.2","babel-plugin-transform-object-rest-spread":"^6.8.0","babel-plugin-transform-react-constant-elements":"^6.9.1","babel-plugin-transform-react-inline-elements":"^6.8.0","babel-plugin-transform-runtime":"^6.12.0","babel-preset-es2015":"^6.13.2","babel-preset-react":"^6.11.1","babel-preset-stage-0":"^6.3.13","babel-register":"^6.11.6","babel-runtime":"^6.11.6","eslint":"^2.7.0","eslint-plugin-react":"^4.3.0","jsdom":"^8.0.4","mocha":"^2.4.5","react-addons-test-utils":"^15.3.1","react-dom":"^15.3.1","react-hot-loader":"^1.2.7","semver":"^5.3.0","webpack":"^1.13.2","webpack-dev-server":"^1.15.0"},"dependencies":{"react":">=0.11.0","stilr":"^1.2.1"},"repository":{"type":"git","url":"git+https://github.com/kodyl/react-flexr.git"},"author":{"name":"Kodyl ApS"},"contributors":[{"name":"Chris Kjær Sørensen"},{"name":"Daniel Juhl"}],"license":"MIT","gitHead":"1d1209fa99fe49804f3316bdc7bc164b29ed6106","bugs":{"url":"https://github.com/kodyl/react-flexr/issues"},"homepage":"https://github.com/kodyl/react-flexr#readme","_id":"react-flexr@2.1.1","_shasum":"d115de803a137bfc744c040dc8e92b6a4c5b8f19","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.3.1","_npmUser":{"name":"danieljuhl","email":"danieljuhl@gmail.com"},"dist":{"shasum":"d115de803a137bfc744c040dc8e92b6a4c5b8f19","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-2.1.1.tgz","integrity":"sha512-VxZGZI9elqheQTsTeAayDITMv5JqGrmBj9uJrQRGet4AWAtXKc+ZYPHJGMAUpDA1wnSY1dxhHUkCqDzOh2BpdQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA5H7mmEVS2ZJ+mvHGOcQhX5Zki+PKPtqbA4gXfgBPFUAiARv7rzkVJvphUB+vy0c8thvi6P47uuCr/fBkqbqVV8og=="}]},"maintainers":[{"name":"danieljuhl","email":"danieljuhl@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/react-flexr-2.1.1.tgz_1472116178955_0.823606715304777"},"directories":{}},"2.1.2":{"name":"react-flexr","version":"2.1.2","description":"React flexbox grid made simple.","main":"dist","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel-cli":"^6.18.0","babel-core":"^6.18.2","babel-eslint":"^7.1.1","babel-loader":"^6.2.8","babel-plugin-add-module-exports":"^0.2.1","babel-plugin-transform-object-rest-spread":"^6.19.0","babel-plugin-transform-react-constant-elements":"^6.9.1","babel-plugin-transform-react-inline-elements":"^6.8.0","babel-plugin-transform-runtime":"^6.15.0","babel-preset-es2015":"^6.18.0","babel-preset-react":"^6.16.0","babel-preset-stage-0":"^6.16.0","babel-register":"^6.18.0","babel-runtime":"^6.18.0","eslint":"^3.10.2","eslint-plugin-react":"^6.7.1","jsdom":"^9.8.3","mocha":"^3.1.2","react-addons-test-utils":"^15.4.0","react-dom":"^15.4.0","react-hot-loader":"^1.2.7","semver":"^5.3.0","webpack":"^1.13.3","webpack-dev-server":"^1.16.2"},"dependencies":{"react":">=0.11.0","stilr":"^1.2.1"},"repository":{"type":"git","url":"git+https://github.com/kodyl/react-flexr.git"},"author":{"name":"Kodyl ApS"},"contributors":[{"name":"Chris Kjær Sørensen"},{"name":"Daniel Juhl"}],"license":"MIT","gitHead":"dbba1cc7ec39ca7ed79474e479465bd8d03442c7","bugs":{"url":"https://github.com/kodyl/react-flexr/issues"},"homepage":"https://github.com/kodyl/react-flexr#readme","_id":"react-flexr@2.1.2","_shasum":"382283fe60d177a1138948544841c30b9ddf909a","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"danieljuhl","email":"danieljuhl@gmail.com"},"dist":{"shasum":"382283fe60d177a1138948544841c30b9ddf909a","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-2.1.2.tgz","integrity":"sha512-Qpe2EBsJnoZQMa02hgH5jbMhaa3eTaxtnUE5bCP0N5G2JgMCHp/CjJPHqnZemgTL1z8bje3xyNaOu5m/AsZeQg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCqkXx3eVAZa4BHb+f9KFmoaz4A92aXtS5ldFBL/Hpf6gIgNQynMZZczAC04iVWsx6d74vTCSy/3Viy3z7Y9CVdIZM="}]},"maintainers":[{"name":"danieljuhl","email":"danieljuhl@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/react-flexr-2.1.2.tgz_1479811641804_0.9244106060359627"},"directories":{}},"2.1.3":{"name":"react-flexr","version":"2.1.3","description":"React flexbox grid made simple.","main":"dist","scripts":{"test":"make test"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-eslint":"^7.2.2","babel-loader":"^6.4.1","babel-plugin-add-module-exports":"^0.2.1","babel-plugin-transform-object-rest-spread":"^6.23.0","babel-plugin-transform-react-constant-elements":"^6.23.0","babel-plugin-transform-react-inline-elements":"^6.22.0","babel-plugin-transform-runtime":"^6.23.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","babel-register":"^6.24.1","babel-runtime":"^6.23.0","eslint":"^3.19.0","eslint-plugin-react":"^6.10.3","jsdom":"^9.12.0","mocha":"^3.2.0","react-dom":"^15.5.4","react-hot-loader":"^1.3.1","semver":"^5.3.0","webpack":"^2.4.1","webpack-dev-server":"^2.4.2"},"dependencies":{"react":">=0.11.0","prop-types":"^15.5.8","stilr":"^1.2.1"},"repository":{"type":"git","url":"git+https://github.com/kodyl/react-flexr.git"},"author":{"name":"Kodyl ApS"},"contributors":[{"name":"Chris Kjær Sørensen"},{"name":"Daniel Juhl"}],"license":"MIT","gitHead":"69e215f21761eff42e4e9b73a300f7e6a564fa77","bugs":{"url":"https://github.com/kodyl/react-flexr/issues"},"homepage":"https://github.com/kodyl/react-flexr#readme","_id":"react-flexr@2.1.3","_shasum":"931656bbbacd4f7a4ae2eda45c677a6fe632bd78","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.4","_npmUser":{"name":"danieljuhl","email":"danieljuhl@gmail.com"},"dist":{"shasum":"931656bbbacd4f7a4ae2eda45c677a6fe632bd78","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-2.1.3.tgz","integrity":"sha512-benGt+gLnuQX0MHO1WzFYXg9TF+FJj8uKecBEzarW31/+oilCMtY4l/bnAo/Qw/e2YenweVLE45cU6eXFBpY9w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDehiaHigYR0tqH8zmuqEjat7j1ITtjRvzbYh92nDPlRQIhAKOcduIAnXjax7wCy6GT19+bvS688Tqd9WWhFmCVt1Hs"}]},"maintainers":[{"name":"danieljuhl","email":"danieljuhl@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/react-flexr-2.1.3.tgz_1492777191279_0.14737663324922323"},"directories":{}},"2.2.0":{"name":"react-flexr","version":"2.2.0","description":"React flexbox grid made simple.","main":"dist","scripts":{"lint":"eslint lib/","test":"NODE_ENV=test mocha --compilers js:babel-register --require lib/__tests__/testdom ./lib/__tests__/*.test.js","test-build":"NODE_ENV=test mocha --require dist/__tests__/testdom ./dist/__tests__/*.test.js","dev":"node ./example/server.js","clean":"rm -rf ./dist","dist":"NODE_ENV=production babel lib --out-dir dist --copy-files","pre-release":"yarn lint && yarn test","extract-styles":"make extract-styles","build":"yarn clean && yarn dist && yarn test-build && yarn extract-styles"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-eslint":"^8.0.1","babel-loader":"^7.1.2","babel-plugin-add-module-exports":"^0.2.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-react-constant-elements":"^6.23.0","babel-plugin-transform-react-inline-elements":"^6.22.0","babel-plugin-transform-runtime":"^6.23.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","babel-register":"^6.26.0","eslint":"^4.7.2","eslint-plugin-react":"^7.4.0","jsdom":"^9.12.0","mocha":"^3.2.0","react-dom":"^16.0.0","react-hot-loader":"^3.0.0-beta.7","semver":"^5.4.1","webpack":"^3.6.0","webpack-dev-server":"^2.9.1"},"dependencies":{"babel-runtime":"^6.0.0","prop-types":"^15.6.0","react":">=0.11.0","stilr":"^1.2.1"},"repository":{"type":"git","url":"git+https://github.com/kodyl/react-flexr.git"},"author":{"name":"Kodyl ApS"},"contributors":[{"name":"Chris Kjær Sørensen"},{"name":"Daniel Juhl"}],"license":"MIT","gitHead":"163aeab40e05a471059c646c27114111f3fa0536","bugs":{"url":"https://github.com/kodyl/react-flexr/issues"},"homepage":"https://github.com/kodyl/react-flexr#readme","_id":"react-flexr@2.2.0","_npmVersion":"5.3.0","_nodeVersion":"8.5.0","_npmUser":{"name":"kodyl","email":"mail@kodyl.com"},"dist":{"integrity":"sha512-lptK9LnGnkRPAJjgCtHXQ2eq/y17mzTtUSdwqy8WelPMsDrZgoAYsAtWhiZXxOZ/pLVqk8h0uIDIAKaLonA0mw==","shasum":"d0c2dce22668c566509eabd213bd5c385d3920f2","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-2.2.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQbMskRB14v0Tty86syr0inEhBQCk10wOU391Wo+sVHgIhAKHPlOL8aVI42+nNx+KNdVMXxgbwj6ZbMYTSknoWjHp5"}]},"maintainers":[{"email":"mail@kodyl.com","name":"kodyl"},{"email":"danieljuhl@gmail.com","name":"danieljuhl"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-flexr-2.2.0.tgz_1506598381118_0.9661208903416991"},"directories":{}},"3.0.0-beta.0":{"name":"react-flexr","version":"3.0.0-beta.0","description":"React flexbox grid made simple.","main":"dist","scripts":{"lint":"eslint lib/","test:src":"NODE_ENV=test mocha --compilers js:babel-register --require lib/__tests__/testdom ./lib/__tests__/*.test.js","test:build":"NODE_ENV=test mocha --require dist/__tests__/testdom ./dist/__tests__/*.test.js","example:ssr":"babel-node ./example/ssr.js","dev":"node ./example/server.js","clean":"rm -rf ./dist","dist":"NODE_ENV=production babel lib --out-dir dist --copy-files","pre-release":"yarn lint && yarn test:src","extract-styles":"make extract-styles","build":"yarn clean && yarn dist && yarn test:build && yarn extract-styles"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-eslint":"^8.0.2","babel-loader":"^7.1.2","babel-plugin-add-module-exports":"^0.2.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-react-constant-elements":"^6.23.0","babel-plugin-transform-react-inline-elements":"^6.22.0","babel-plugin-transform-runtime":"^6.23.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","babel-register":"^6.26.0","eslint":"^4.12.0","eslint-plugin-react":"^7.5.1","jsdom":"^9.12.0","mocha":"^3.2.0","react-dom":"^16.2.0","react-hot-loader":"^3.1.3","semver":"^5.4.1","webpack":"^3.8.1","webpack-dev-server":"^2.9.5"},"dependencies":{"babel-runtime":"^6.0.0","prop-types":"^15.6.0","react":">=0.11.0","stilr":"^1.2.1"},"repository":{"type":"git","url":"git+https://github.com/kodyl/react-flexr.git"},"author":{"name":"Kodyl ApS"},"contributors":[{"name":"Chris Kjær Sørensen"},{"name":"Daniel Juhl"}],"license":"MIT","gitHead":"cbfe12e37afa710e37f86584a92323b7c40f2bee","bugs":{"url":"https://github.com/kodyl/react-flexr/issues"},"homepage":"https://github.com/kodyl/react-flexr#readme","_id":"react-flexr@3.0.0-beta.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"kodyl","email":"mail@kodyl.com"},"dist":{"integrity":"sha512-YzzjeOF70qYwVEqrBaLE+EWjA05fhXLUdcf905kDUf/4LhM2EVAbrzJSiOFB6OdyKdZMh/FhyeRx29caAuFi3A==","shasum":"a32d68abf2bc326f07867b2e5a6c3cf968e1f55f","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-3.0.0-beta.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDFJ+S4EAqPv0PcK6jRb/QzF0Y0I75XjnkEKfhS+v+ZvAIgSpJhIeRyU3XEdYuxMlZxDR1iSi0qwYqXokMhw+kIRtg="}]},"maintainers":[{"email":"mail@kodyl.com","name":"kodyl"},{"email":"danieljuhl@gmail.com","name":"danieljuhl"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-flexr-3.0.0-beta.0.tgz_1512309989231_0.7009575976990163"},"directories":{}},"3.0.0-beta.1":{"name":"react-flexr","version":"3.0.0-beta.1","description":"React flexbox grid made simple.","main":"dist","scripts":{"lint":"eslint lib/","test:src":"NODE_ENV=test mocha --compilers js:babel-register --require lib/__tests__/testdom ./lib/__tests__/*.test.js","test:build":"NODE_ENV=test mocha --require dist/__tests__/testdom ./dist/__tests__/*.test.js","example:ssr":"babel-node ./example/ssr.js","dev":"node ./example/server.js","clean":"rm -rf ./dist","dist":"NODE_ENV=production babel lib --out-dir dist --copy-files","pre-release":"yarn lint && yarn test:src","extract-styles":"make extract-styles","build":"yarn clean && yarn dist && yarn test:build && yarn extract-styles"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-eslint":"^8.0.2","babel-loader":"^7.1.2","babel-plugin-add-module-exports":"^0.2.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-react-constant-elements":"^6.23.0","babel-plugin-transform-react-inline-elements":"^6.22.0","babel-plugin-transform-runtime":"^6.23.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","babel-register":"^6.26.0","eslint":"^4.12.0","eslint-plugin-react":"^7.5.1","jsdom":"^9.12.0","mocha":"^3.2.0","react-dom":"^16.2.0","react-hot-loader":"^3.1.3","semver":"^5.4.1","webpack":"^3.8.1","webpack-dev-server":"^2.9.5"},"dependencies":{"babel-runtime":"^6.0.0","prop-types":"^15.6.0","react":">=0.11.0","stilr":"^1.2.1"},"repository":{"type":"git","url":"git+https://github.com/kodyl/react-flexr.git"},"author":{"name":"Kodyl ApS"},"contributors":[{"name":"Chris Kjær Sørensen"},{"name":"Daniel Juhl"}],"license":"MIT","gitHead":"ba8446d366ca18989b88429192c48607192d644a","bugs":{"url":"https://github.com/kodyl/react-flexr/issues"},"homepage":"https://github.com/kodyl/react-flexr#readme","_id":"react-flexr@3.0.0-beta.1","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"kodyl","email":"mail@kodyl.com"},"dist":{"integrity":"sha512-mHMOFd3Sj4gmGF6gmeeWEN/86UbgU/FFO0vbjjwjH7q3O8woyIb3NtgKJjdMunclJHGpsf0ThjUAKablXMzCBw==","shasum":"c731f900d6e93cc8490e5fd554b493433432b9af","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-3.0.0-beta.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIcxbx1mCTZK6761Q550aymtelGtvy5Dhy7ywuPjSNkQIhAJQ0IovB4IdBWpTB7nlds3XMQUAGNQT0xARX88asK27L"}]},"maintainers":[{"email":"mail@kodyl.com","name":"kodyl"},{"email":"danieljuhl@gmail.com","name":"danieljuhl"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-flexr-3.0.0-beta.1.tgz_1512389014150_0.06259304680861533"},"directories":{}},"3.0.0-beta.2":{"name":"react-flexr","version":"3.0.0-beta.2","description":"React flexbox grid made simple.","main":"index.js","module":"index.es.js","jsnext:main":"index.es.js","scripts":{"lint":"eslint lib/","test:src":"NODE_ENV=test mocha --compilers js:babel-register --require lib/__tests__/testdom ./lib/__tests__/*.test.js","test:build":"NODE_ENV=test mocha --require dist/__tests__/testdom ./dist/__tests__/*.test.js","example:ssr":"babel-node ./example/ssr.js","dev":"node ./example/server.js","clean":"rm -rf ./dist","bundle":"NODE_ENV=production rollup -c rollup.config.js","dist":"NODE_ENV=production babel lib --out-dir dist --copy-files","release":"np","pre-release":"yarn lint && yarn test:src","extract-styles":"make extract-styles","build":"yarn clean && yarn dist && yarn test:build && yarn bundle && yarn extract-styles"},"keywords":["react","grid","flex","flexbox","react-component"],"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-eslint":"^8.0.2","babel-loader":"^7.1.2","babel-plugin-add-module-exports":"^0.2.1","babel-plugin-external-helpers":"^6.22.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-react-constant-elements":"^6.23.0","babel-plugin-transform-react-inline-elements":"^6.22.0","babel-plugin-transform-runtime":"^6.23.0","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","babel-register":"^6.26.0","eslint":"^4.12.0","eslint-plugin-react":"^7.5.1","jsdom":"^9.12.0","mocha":"^3.2.0","np":"^3.0.4","react":"^16.2.0","react-dom":"^16.2.0","react-hot-loader":"^3.1.3","rollup":"^0.61.2","rollup-plugin-babel":"^3.0.5","rollup-plugin-commonjs":"^9.1.3","rollup-plugin-node-resolve":"^3.3.0","semver":"^5.4.1","webpack":"^3.8.1","webpack-dev-server":"^2.9.5"},"dependencies":{"babel-runtime":"^6.0.0","prop-types":"^15.6.0","stilr":"^1.2.1"},"peerDependencies":{"react":">=0.11.0"},"repository":{"type":"git","url":"git+https://github.com/kodyl/react-flexr.git"},"author":{"name":"Kodyl ApS"},"license":"MIT","gitHead":"f46b1d857b5eecbe0b0e1693072b461b1afdfcf5","bugs":{"url":"https://github.com/kodyl/react-flexr/issues"},"homepage":"https://github.com/kodyl/react-flexr#readme","_id":"react-flexr@3.0.0-beta.2","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"kodyl","email":"mail@kodyl.com"},"dist":{"integrity":"sha512-rgSSNRcp/SC+Gsq05hbKTNn+LS56XBTpfWOYpk3OlpOBYsXod2F6PPetz+kz0TAj7A2/xgBhe3k3Ow19tdIrmw==","shasum":"fff5c44f74eff01501e6868eb3a40bd4eed755e6","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-3.0.0-beta.2.tgz","fileCount":26,"unpackedSize":290994,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbMUecCRA9TVsSAnZWagAAxPIP/A8QDIRKYdlJmxbJpNLD\nRgUooeyyRO14qAiYaHhAbS609WO6y2rmeey10U4uljVL8mNK74hnplo5VuJs\nZ70bBE2Jbti7/p3wm58+B8PuJAC4dL7+diOWsbc5EbfYPcA5G1NOhzBfGQ4C\nZaR/n9/XwQtR9UMWDpZ2DLzlE+rAdIED8mqLWTPx4x3a/cZ6weRPUb8cBXLq\n12O+doWth0AKGKvUFc7QhQXvD+f3PdiwT3G0J1hiqS2GtcpNBbbGAW4p0eaI\nLDn4PGlQGWkZt4qbJOxAh/pBY91NAwAUy276pn4166BJTs0lvSLe6sDnUviV\n6l530JwEqPshBKtWa6/2O21Fai/AZG7HdsFbHPl8Y/NBCpwC4gLjdQchw5hR\nDQFNc1qPXGkq8i0woMtwvdpzLGgdIlieUvzTkbKBzRF8pEI0l2t5QhhchXJa\nmHE7jp2wMrtYQFFfD7xvvT8Z5+5T+i1P5WTOQz6xggiLKrUyQS3+ZR7hM4WF\nLKyCQse6wU5Rq9xXrDeRIeZe8KCBDAsgbhyc5mqBTxjn3Bld/R39FCRb5W9x\nfS3bz/csQFtRxgJclvSCDnGn5+vscF3j+BebotIM9DP/65UJY8M67HQFVbJK\nNSRTNkNvMEp8e6oJU8N4tRaZc9/kVGpzJQrPXz9NMQCU8zID5cc6rz0bNq+x\nnmrp\r\n=YfvZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDktSAmMRs+SrvFJL1Kx1r2jZLf+y+umj26j4A36xJE4QIgO0sh4qDmlHpqFBEpE7hwgJPZ/LNzaFqJQgQxbf0wny8="}]},"maintainers":[{"email":"danieljuhl@gmail.com","name":"danieljuhl"},{"email":"mail@kodyl.com","name":"kodyl"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-flexr_3.0.0-beta.2_1529956252584_0.05670813773565664"},"_hasShrinkwrap":false},"3.0.0-beta.3":{"name":"react-flexr","version":"3.0.0-beta.3","description":"React flexbox grid made simple.","author":{"name":"Kodyl ApS"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/kodyl/react-flexr.git"},"bugs":{"url":"https://github.com/kodyl/react-flexr/issues"},"homepage":"https://github.com/kodyl/react-flexr#readme","keywords":["react","grid","flex","flexbox","react-component"],"jsnext:main":"index.es.js","main":"index.js","module":"index.es.js","scripts":{"build":"yarn clean && yarn dist && yarn test:build && yarn bundle && yarn extract-styles","bundle":"NODE_ENV=production rollup -c rollup.config.js","clean":"rm -rf ./dist","dev":"node ./example/server.js","dist":"NODE_ENV=production babel lib --out-dir dist --copy-files","example:ssr":"babel-node ./example/ssr.js","extract-styles":"make extract-styles","lint":"eslint lib/","pre-release":"yarn lint && yarn test:src","release":"np","test:build":"NODE_ENV=test mocha --require dist/__tests__/testdom ./dist/__tests__/*.test.js","test:src":"NODE_ENV=test mocha --compilers js:@babel/register --require lib/__tests__/testdom ./lib/__tests__/*.test.js"},"dependencies":{"@babel/runtime":"^7.7.7","@babel/runtime-corejs3":"^7.0.0","core-js":"^3.0.0","prop-types":"^15.6.0","stilr":"^2.0.0-0"},"devDependencies":{"@babel/cli":"^7.0.0","@babel/core":"^7.0.0","@babel/node":"^7.0.0","@babel/plugin-external-helpers":"^7.0.0","@babel/plugin-proposal-class-properties":"^7.0.0","@babel/plugin-proposal-decorators":"^7.0.0","@babel/plugin-proposal-do-expressions":"^7.0.0","@babel/plugin-proposal-export-default-from":"^7.0.0","@babel/plugin-proposal-export-namespace-from":"^7.0.0","@babel/plugin-proposal-function-bind":"^7.0.0","@babel/plugin-proposal-function-sent":"^7.0.0","@babel/plugin-proposal-json-strings":"^7.0.0","@babel/plugin-proposal-logical-assignment-operators":"^7.0.0","@babel/plugin-proposal-nullish-coalescing-operator":"^7.0.0","@babel/plugin-proposal-numeric-separator":"^7.0.0","@babel/plugin-proposal-object-rest-spread":"^7.0.0","@babel/plugin-proposal-optional-chaining":"^7.0.0","@babel/plugin-proposal-pipeline-operator":"^7.0.0","@babel/plugin-proposal-throw-expressions":"^7.0.0","@babel/plugin-syntax-dynamic-import":"^7.0.0","@babel/plugin-syntax-import-meta":"^7.0.0","@babel/plugin-transform-react-constant-elements":"^7.0.0","@babel/plugin-transform-react-inline-elements":"^7.0.0","@babel/plugin-transform-runtime":"^7.0.0","@babel/preset-env":"^7.0.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^9.0.0","babel-loader":"^8.0.0","babel-plugin-add-module-exports":"1.0.2","eslint":"^4.12.0","eslint-plugin-react":"^7.5.1","jsdom":"^9.12.0","mocha":"^3.2.0","np":"^3.0.4","react":"^16.2.0","react-dom":"^16.2.0","react-hot-loader":"^3.1.3","rollup":"1.29.0","rollup-plugin-babel":"^5.0.0-alpha.1","rollup-plugin-commonjs":"10.1.0","rollup-plugin-node-resolve":"5.2.0","semver":"^5.4.1","webpack":"^3.8.1","webpack-dev-server":"^2.9.5"},"peerDependencies":{"react":">=0.11.0"},"readme":"# Flexr [![Build Status](https://travis-ci.org/kodyl/react-flexr.svg)](https://travis-ci.org/kodyl/react-flexr) [![npm version](https://badge.fury.io/js/react-flexr.svg)](http://badge.fury.io/js/react-flexr)\n\nReact Flexbox grid made simple. :muscle:\nBased on the [ \"Solved-by-flexbox\"-grid ]( http://philipwalton.github.io/solved-by-flexbox/demos/grids/ )\n\n### Usage\n\nBase example.\n```javascript\nimport React, { Component } from 'react';\nimport { Grid, Cell } from 'react-flexr';\nimport 'react-flexr/styles.css'\n\nclass Example extends Component {\n  render() {\n    return (\n      <Grid>\n        <Cell>1/3</Cell>\n        <Cell>1/3</Cell>\n        <Cell>1/3</Cell>\n      </Grid>\n    );\n  }\n}\n```\n**If you don't use webpack with css-loader, make sure to include the `react-flexr/styles.css` somewhere in your project. For more advanced use cases, the [Stilr](https://github.com/kodyl/stilr)\nstylesheet is also exposed.**\n\n\nCell sizes can be controlled with fractions.\n```javascript\nimport React, { Component } from 'react';\nimport { Grid, Cell } from 'react-flexr';\n\nclass Example extends Component {\n  render() {\n    return (\n      <Grid>\n        <Cell size='6/12'>\n          Fills Half\n        </Cell>\n\n        <Cell>\n          Fills Rest.. (Yay for Flexbox)\n        </Cell>\n\n        <Cell size={200} lap={150}>\n          Fills 150px on lap and 200px everywhere else\n        </Cell>\n\n        <Cell size={0.5} lap={0.25}>\n          Fills a quarter on lap and half everywhere else\n        </Cell>\n\n        <Cell size='3/12'>\n          Fills a quarter\n        </Cell>\n\n        <Cell palm='3/12' lap='1/2'>\n          Fills a quarter on palm (mobile), half on lap and dynamicly sized everywhere else\n        </Cell>\n\n        <Cell palm='hidden' size='1/2'>\n          Hidden on palm, half width otherwise\n        </Cell>\n      </Grid>\n    );\n  }\n}\n```\n\n# Component API:\n#### `Grid`\n```javascript\nimport { Grid } from 'react-flexr';\n\n<Grid\n  align={ string }    // Vertical Align Sub Cells: top, center, bottom\n  hAlign={ string }   // Horizontal Align Sub Cells: left, center, right\n  gutter={ string }   // Override default gutter: '1em', '5%', '10px', etc.\n                      //   Propagates downwards. Cells inside this Grid component will use the same gutter.\n  flexCells={ bool }  // All sub cells will be full height\n/>\n```\n\n#### `Cell`\n```javascript\nimport { Cell } from 'react-flexr';\n\n<Cell\n  align={ string }             // Vertical Align This Cell: top, center, bottom\n  gutter={ string }            // Override default gutter: '1em', '5%', '10px', etc.\n  flex={ bool }                // Like flexCells above, but for a single cell.\n  size={ string | number }     // Takes a fraction. e.g. 1/6\n  palm={ string | number }     // Like size, but only for palm devices.*\n  lap={ string | number }      // Like size, but only for lap devices.*\n  portable={ string | number } // Like size, but only for ( palm + lap ) devices.*\n  desk={ string | number }     // Like size, but only for desk devices.*\n/>\n```\n__* Ergonomic breakpoints accepts 'hidden' as well. This will prevent the\ncomponent from being rendered in that state.__\n\nSee the example folder for more examples.\n\n## Responsive Props\nThe responsive props are based on [ergonomics](https://twitter.com/lukew/status/273453112902172672).\n\nWe've used these breakpoints in a variety of apps and grids with success. So far the following breakpoints have beeen implemented:\n- Palm\n- Lap\n- Portable\n- Desk\n\nSee the [breakpoint config object](https://github.com/kodyl/react-flexr/blob/master/lib/utils/index.js#L8) for sizes.\n\n\n## Flexr Helpers\nUse these to get the most out of Flexr. Especially `findMatch` is very useful when you need to add different behaviour based on window width outside of the grid/cell elements.\n\n#### `string|false findMatch(string arguments)`\nThis is the internal function that Flexr uses to check which ergonomic state\nit's currently in. It's really useful if you have components outside the grid, that you\nwant to show/hide/manipulate passed properties or stuff in your lifecycle hooks.\n\nThe function accepts multipe ergonomic breakpoints as strings and returns the first one matched or false if nothing matches.\n\n__Example__\n```javascript\nimport { findMatch } from 'react-flexr';\nimport React, { Component } from 'react';\n\nclass App extends Component {\n  render() {\n    const isPalm = findMatch('palm');\n\n    if (isPalm) console.log( 'only logged in palm' );\n\n    return (\n      <div>\n        <h1>Only visible in palm:</h1>\n        { isPalm\n          ? <h2>Palm</h2>\n          : null }\n\n        <h1>Allows Multiple Matches</h1>\n        { findMatch('desk', 'lap')\n          ? <h2>Lap or Desk</h2>\n          : null }\n      </div>\n    );\n  }\n}\n\n```\n\n#### `setBreakpoints( array breakpoints )`\nIt's posible to force flexr to be in a specific ergonomic state. This is\nprimarily usefull when rendering on the server. E.g. looking at the user agent\nstring on rendering the app in palm/portable if it's an iOS/iPhone or\nlap/portable if iOS/iPad.\n\n__Example__\n```javascript\nimport { setBreakpoints } from 'react-flexr';\nimport App from '../your-app';\nimport React from 'react';\n\nconst isMobile = /iP(hone|od)|Mobile/;\nfunction (req, res) {\n  if ( isMobile.test( req.headers['user-agent'] ) ) {\n    setBreakpoints(['palm', 'portable'])\n  }\n  else {\n    setBreakpoints(['desk'])\n  }\n  const html = React.renderToString( <App />);\n\n  res.send( '<!doctype html>' + html );\n}\n```\n\n#### `array|false findBreakpoints()`\nForce flexr to find the current breakpoints. Returns an array of the current\nbreakpoints that flexr matches in. If they haven't changed since the last time\n`findBreakpoints()` was called, false will be returned.\nUse in combination with `optimizedResize`.\n\n__Example__\n```javascript\nimport { findBreakpoints } from 'react-flexr';\n\n// First run. Window is sized to match lap.\nfindBreakpoints()       // => ['lap', 'portable'];\n\n// Second run. Window not resized.\nfindBreakpoints()       // => false;\n```\n\n#### `optimizedResize.init( function )`\nSimple resize event throttler. Usefull for force updating when the app have been\nresized. For best performance, use it in your main app component in the\ncomponentDidMount life cycle.\n\n__Example__\n```javascript\nimport React, { Component } from 'react';\nimport { optimizedResize, findBreakpoints } from 'react-flexr';\n\nclass App extends Component {\n  componentDidMount() {\n    optimizedResize.init( () => {\n      if ( findBreakpoints() ) {\n        console.log('New Breakpoints');\n        this.forceUpdate();\n      }\n    });\n  }\n}\n```\n\n#### `array getBreakpoints()`\n\nreturns an array of current breakpoints.\n\n\n#### `Map stylesheet`\nThe internal [Stilr](https://github.com/kodyl/stilr) stylesheet used to\nhandle basic flexbox styling for the components.\nUsefull if you need full controll of how the CSS is rendered. Reed the Stilr\ndocumentation on how to use Stilr if you need finegrained controll over you\nstyling.\n\n\n#### `palm, lap, portable, desk`\nThe ergonomic breakpoint media queries that flexr uses internally is also\nexposed. These are especially useful in combination with [Stilr](https://github.com/kodyl/stilr).\n\n__Example__\n```javascript\nimport { palm, lap } from 'react-flexr';\nimport StyleSheet from 'stilr';\n\nconsole.log(palm)       // => '@media screen and (max-width: 600px)';\n\n\n// Stilr usage:\nconst styles = Style.create({\n  constainer: {\n    color: 'tomato',\n    fontSize: 10,\n    [palm]: {\n      fontSize: 20,\n      color: '#fff'\n    },\n    [lap]: {\n      color: '#000',\n      width: 200\n    }\n  }\n});\n```\n","readmeFilename":"README.md","gitHead":"539044ca0e00537c414c1500aacfcda2aed75c66","_id":"react-flexr@3.0.0-beta.3","_nodeVersion":"13.1.0","_npmVersion":"6.12.1","dist":{"integrity":"sha512-hNA9X9DKLhU8f+KhAsMMr42R+rng3Ru0ueJKuy/EIKwhs8KHt03lZunNmVx10MSv4HGi+Ei7iwPcmu+1MoeQww==","shasum":"d93cef695dea0ea523783ca3016ab14288971019","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-3.0.0-beta.3.tgz","fileCount":25,"unpackedSize":104952,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFl0ZCRA9TVsSAnZWagAA2gsP/1JpLrh2POHO2kr3X1JX\nzv9qjsw283C0EXtFlu73qrkeufamTGbRv/zzi/OOB3sJJ7NFl+oo6gvx+JJG\nfEdUh+7mVEhCUR6bkpte4dsVWjvCBX/UDRV/GOEJjTndP7Iv2RkACk6BMQLp\nUti3fZ357tgQtEqG9/HFUOU82FpIhYooEfamhOJliWAYFRjK6BNWYOeAHtUE\n/7Z5Djd1kYlxlUazv1KMUiwiPcU6mqYmhIGFR08nP5YTOh3dg7ywidSTP+yQ\ndy8C3CzFKsftdJEbcF9SWcWvTGBuW0ABWXJ2loSg+tBWc2VQML+l+Jr+6es3\nwcg+ae1PMSp5HUqHJOOBy8i2rqFn3Yw1UV/MtfVZAqk1A/P5/SiF9HeLJxHF\nO5JP5frXOuCaC6F9L32xrZuluX6q3gnNw2XL31/bkDcv7sehekIHoM039puo\nQCMJgB+jbVx8wJ2sDhsWj7c7Wk8DyvVddS7vYiiPb4G/m4TkNeb1j0ulgWAL\nPItm6oh+KcdQRMEvWuQ7V8FpFQcFFLDvEwO8O3NclIwgX1KmEgqpG3zV74T6\n5Z8PAiUZpCCFbq+BGyDQC4N7/gpxUwYBRGtRalKrpZejf2rf2RQ9Tg8Cq2Bl\nLTDJF+SgqmBty8/w6xl9qX8XPXiFsExREhm/yIqeFJexSi+sgup6kq7LFgYV\n7PxU\r\n=EdD7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDiYOfUTMCN51DIz674Q4+FIoCGskQxr27zZFviZAD1SwIhAOU1NXriY0WxWDsqi5tFmkk2us7JFZ4iXGy6IzOemphd"}]},"maintainers":[{"email":"danieljuhl@gmail.com","name":"danieljuhl"},{"email":"mail@kodyl.com","name":"kodyl"}],"_npmUser":{"name":"danieljuhl","email":"danieljuhl@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-flexr_3.0.0-beta.3_1578523929400_0.799254502606723"},"_hasShrinkwrap":false},"3.0.0-beta.4":{"name":"react-flexr","version":"3.0.0-beta.4","description":"React flexbox grid made simple.","author":{"name":"Kodyl ApS"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/kodyl/react-flexr.git"},"bugs":{"url":"https://github.com/kodyl/react-flexr/issues"},"homepage":"https://github.com/kodyl/react-flexr#readme","keywords":["react","grid","flex","flexbox","react-component"],"jsnext:main":"index.es.js","main":"index.js","module":"index.es.js","scripts":{"prebuild":"yarn lint && yarn test:src","build":"yarn clean && yarn dist && yarn test:build && yarn bundle && yarn extract-styles","bundle":"NODE_ENV=production rollup -c rollup.config.js","clean":"rm -rf ./dist","dev":"node ./example/server.js","dist":"NODE_ENV=production babel lib --out-dir dist --copy-files","example:ssr":"babel-node ./example/ssr.js","extract-styles":"node -p \"var s = require('stilr').default; var b = require('./dist'); s.render({}, b.stylesheet)\" > ./styles.css","lint":"eslint lib/","prerelease":"npm run build","release":"np","test:build":"NODE_ENV=test mocha --require dist/__tests__/testdom ./dist/__tests__/*.test.js","test:src":"NODE_ENV=test mocha --compilers js:@babel/register --require lib/__tests__/testdom ./lib/__tests__/*.test.js"},"dependencies":{"@babel/runtime":"^7.7.7","@babel/runtime-corejs3":"^7.0.0","core-js":"^2.6.11","prop-types":"^15.6.0","stilr":"^2.0.0-0"},"devDependencies":{"@babel/cli":"^7.0.0","@babel/core":"^7.0.0","@babel/node":"^7.0.0","@babel/plugin-proposal-class-properties":"^7.0.0","@babel/plugin-proposal-object-rest-spread":"^7.0.0","@babel/plugin-syntax-import-meta":"^7.0.0","@babel/plugin-transform-react-constant-elements":"^7.0.0","@babel/plugin-transform-react-inline-elements":"^7.0.0","@babel/plugin-transform-runtime":"^7.0.0","@babel/preset-env":"^7.0.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^9.0.0","babel-loader":"^8.0.0","babel-plugin-add-module-exports":"1.0.2","eslint":"^4.12.0","eslint-plugin-react":"^7.5.1","jsdom":"^9.12.0","mocha":"^3.2.0","np":"5.2.1","react":"^16.2.0","react-dom":"^16.2.0","react-hot-loader":"^3.1.3","rollup":"1.29.0","rollup-plugin-babel":"^5.0.0-alpha.1","rollup-plugin-commonjs":"10.1.0","rollup-plugin-node-resolve":"5.2.0","webpack":"^3.8.1","webpack-dev-server":"^2.9.5"},"peerDependencies":{"react":">=0.11.0"},"readme":"# Flexr [![Build Status](https://travis-ci.org/kodyl/react-flexr.svg)](https://travis-ci.org/kodyl/react-flexr) [![npm version](https://badge.fury.io/js/react-flexr.svg)](http://badge.fury.io/js/react-flexr)\n\nReact Flexbox grid made simple. :muscle:\nBased on the [ \"Solved-by-flexbox\"-grid ]( http://philipwalton.github.io/solved-by-flexbox/demos/grids/ )\n\n### Usage\n\nBase example.\n```javascript\nimport React, { Component } from 'react';\nimport { Grid, Cell } from 'react-flexr';\nimport 'react-flexr/styles.css'\n\nclass Example extends Component {\n  render() {\n    return (\n      <Grid>\n        <Cell>1/3</Cell>\n        <Cell>1/3</Cell>\n        <Cell>1/3</Cell>\n      </Grid>\n    );\n  }\n}\n```\n**If you don't use webpack with css-loader, make sure to include the `react-flexr/styles.css` somewhere in your project. For more advanced use cases, the [Stilr](https://github.com/kodyl/stilr)\nstylesheet is also exposed.**\n\n\nCell sizes can be controlled with fractions.\n```javascript\nimport React, { Component } from 'react';\nimport { Grid, Cell } from 'react-flexr';\n\nclass Example extends Component {\n  render() {\n    return (\n      <Grid>\n        <Cell size='6/12'>\n          Fills Half\n        </Cell>\n\n        <Cell>\n          Fills Rest.. (Yay for Flexbox)\n        </Cell>\n\n        <Cell size={200} lap={150}>\n          Fills 150px on lap and 200px everywhere else\n        </Cell>\n\n        <Cell size={0.5} lap={0.25}>\n          Fills a quarter on lap and half everywhere else\n        </Cell>\n\n        <Cell size='3/12'>\n          Fills a quarter\n        </Cell>\n\n        <Cell palm='3/12' lap='1/2'>\n          Fills a quarter on palm (mobile), half on lap and dynamicly sized everywhere else\n        </Cell>\n\n        <Cell palm='hidden' size='1/2'>\n          Hidden on palm, half width otherwise\n        </Cell>\n      </Grid>\n    );\n  }\n}\n```\n\n# Component API:\n#### `Grid`\n```javascript\nimport { Grid } from 'react-flexr';\n\n<Grid\n  align={ string }    // Vertical Align Sub Cells: top, center, bottom\n  hAlign={ string }   // Horizontal Align Sub Cells: left, center, right\n  gutter={ string }   // Override default gutter: '1em', '5%', '10px', etc.\n                      //   Propagates downwards. Cells inside this Grid component will use the same gutter.\n  flexCells={ bool }  // All sub cells will be full height\n/>\n```\n\n#### `Cell`\n```javascript\nimport { Cell } from 'react-flexr';\n\n<Cell\n  align={ string }             // Vertical Align This Cell: top, center, bottom\n  gutter={ string }            // Override default gutter: '1em', '5%', '10px', etc.\n  flex={ bool }                // Like flexCells above, but for a single cell.\n  size={ string | number }     // Takes a fraction. e.g. 1/6\n  palm={ string | number }     // Like size, but only for palm devices.*\n  lap={ string | number }      // Like size, but only for lap devices.*\n  portable={ string | number } // Like size, but only for ( palm + lap ) devices.*\n  desk={ string | number }     // Like size, but only for desk devices.*\n/>\n```\n__* Ergonomic breakpoints accepts 'hidden' as well. This will prevent the\ncomponent from being rendered in that state.__\n\nSee the example folder for more examples.\n\n## Responsive Props\nThe responsive props are based on [ergonomics](https://twitter.com/lukew/status/273453112902172672).\n\nWe've used these breakpoints in a variety of apps and grids with success. So far the following breakpoints have beeen implemented:\n- Palm\n- Lap\n- Portable\n- Desk\n\nSee the [breakpoint config object](https://github.com/kodyl/react-flexr/blob/master/lib/utils/index.js#L8) for sizes.\n\n\n## Flexr Helpers\nUse these to get the most out of Flexr. Especially `findMatch` is very useful when you need to add different behaviour based on window width outside of the grid/cell elements.\n\n#### `string|false findMatch(string arguments)`\nThis is the internal function that Flexr uses to check which ergonomic state\nit's currently in. It's really useful if you have components outside the grid, that you\nwant to show/hide/manipulate passed properties or stuff in your lifecycle hooks.\n\nThe function accepts multipe ergonomic breakpoints as strings and returns the first one matched or false if nothing matches.\n\n__Example__\n```javascript\nimport { findMatch } from 'react-flexr';\nimport React, { Component } from 'react';\n\nclass App extends Component {\n  render() {\n    const isPalm = findMatch('palm');\n\n    if (isPalm) console.log( 'only logged in palm' );\n\n    return (\n      <div>\n        <h1>Only visible in palm:</h1>\n        { isPalm\n          ? <h2>Palm</h2>\n          : null }\n\n        <h1>Allows Multiple Matches</h1>\n        { findMatch('desk', 'lap')\n          ? <h2>Lap or Desk</h2>\n          : null }\n      </div>\n    );\n  }\n}\n\n```\n\n#### `setBreakpoints( array breakpoints )`\nIt's posible to force flexr to be in a specific ergonomic state. This is\nprimarily usefull when rendering on the server. E.g. looking at the user agent\nstring on rendering the app in palm/portable if it's an iOS/iPhone or\nlap/portable if iOS/iPad.\n\n__Example__\n```javascript\nimport { setBreakpoints } from 'react-flexr';\nimport App from '../your-app';\nimport React from 'react';\n\nconst isMobile = /iP(hone|od)|Mobile/;\nfunction (req, res) {\n  if ( isMobile.test( req.headers['user-agent'] ) ) {\n    setBreakpoints(['palm', 'portable'])\n  }\n  else {\n    setBreakpoints(['desk'])\n  }\n  const html = React.renderToString( <App />);\n\n  res.send( '<!doctype html>' + html );\n}\n```\n\n#### `array|false findBreakpoints()`\nForce flexr to find the current breakpoints. Returns an array of the current\nbreakpoints that flexr matches in. If they haven't changed since the last time\n`findBreakpoints()` was called, false will be returned.\nUse in combination with `optimizedResize`.\n\n__Example__\n```javascript\nimport { findBreakpoints } from 'react-flexr';\n\n// First run. Window is sized to match lap.\nfindBreakpoints()       // => ['lap', 'portable'];\n\n// Second run. Window not resized.\nfindBreakpoints()       // => false;\n```\n\n#### `optimizedResize.init( function )`\nSimple resize event throttler. Usefull for force updating when the app have been\nresized. For best performance, use it in your main app component in the\ncomponentDidMount life cycle.\n\n__Example__\n```javascript\nimport React, { Component } from 'react';\nimport { optimizedResize, findBreakpoints } from 'react-flexr';\n\nclass App extends Component {\n  componentDidMount() {\n    optimizedResize.init( () => {\n      if ( findBreakpoints() ) {\n        console.log('New Breakpoints');\n        this.forceUpdate();\n      }\n    });\n  }\n}\n```\n\n#### `array getBreakpoints()`\n\nreturns an array of current breakpoints.\n\n\n#### `Map stylesheet`\nThe internal [Stilr](https://github.com/kodyl/stilr) stylesheet used to\nhandle basic flexbox styling for the components.\nUsefull if you need full controll of how the CSS is rendered. Reed the Stilr\ndocumentation on how to use Stilr if you need finegrained controll over you\nstyling.\n\n\n#### `palm, lap, portable, desk`\nThe ergonomic breakpoint media queries that flexr uses internally is also\nexposed. These are especially useful in combination with [Stilr](https://github.com/kodyl/stilr).\n\n__Example__\n```javascript\nimport { palm, lap } from 'react-flexr';\nimport StyleSheet from 'stilr';\n\nconsole.log(palm)       // => '@media screen and (max-width: 600px)';\n\n\n// Stilr usage:\nconst styles = Style.create({\n  constainer: {\n    color: 'tomato',\n    fontSize: 10,\n    [palm]: {\n      fontSize: 20,\n      color: '#fff'\n    },\n    [lap]: {\n      color: '#000',\n      width: 200\n    }\n  }\n});\n```\n","readmeFilename":"README.md","gitHead":"d2f114bb2bb1e7bac11e5a6a55d1063c11ff9f54","_id":"react-flexr@3.0.0-beta.4","_nodeVersion":"13.1.0","_npmVersion":"6.12.1","dist":{"integrity":"sha512-RBahcgN8iOZDE+WAp5dkyOhwW1EgXXsKbxura+T98LLvMQbW/BV5C0Ge6KbPRXSZ0ZmNnqL8CpwtgYqIMKibZA==","shasum":"6365fee8c537848477385c95a95288cab96692a2","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-3.0.0-beta.4.tgz","fileCount":24,"unpackedSize":90748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFmC6CRA9TVsSAnZWagAAiOIQAI9zOkGT/YnTJFFtIYrf\nkU9TCceGnAwcNAqT4Luv61sfCKjngD76S39ia1PmI7ikNDXPrp6B1kAEtpYx\nVBfdjeK3tgrgTIQErD2d5Mvuu0nOo8w8ulZiYVapbE1E5D/YCPwJtL1Xv7Bp\n0d80xMlca+3+pYmu0kxIHc367vwfD2OPf9e3AYKXv2sIKPHTSBSq03NYQiWN\ngim/5PV8f0/gLmT3eHynUNAgTsliXKdaOcmglF+qFfavU8o/d6dumCHaURhf\nMz6Vlalfqn1guknopeagZoKuMA12Vy3qVeUFdRVxXlY6axrK3CZx8anzBD6g\nd7zlTEOARaHhx1rcJvrAhCdvKkhHcwPrwXs8lKIIDg6qxiFfzVe2bPi+rvcf\nKdN/fksxGnFkHLouLYqItLlHHmqwt/qZDJrOK2Oaw5IZbIEGb2nVUG5Yebnf\nRZqUqUI1bvISEeyRD4TiZLQsLYn3kshWsSbpRVQriNe4CkbGjyN2adQvuu5Q\ntFWEGb5khlZiYCfK2o+QRpL2Typv5ItiFKVgAo018oLEFcIF//hKOkcaLO7I\n29aRNmmOeDivIZ4LGf3j09pShCxAHni9tIYAXMGcxrDxnz1T34LInnVLtcnK\nI0MxMBcvhLpfx6KsG7GSBawYFBzmd0UOnz863awmEqKhYjlAn3CsfKdrx0kL\n6Vp0\r\n=CNLI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCxUsK3CPmIy2Ps/V1HFPjQmIMyydtG6azSbpbI23q4cAIgWoD2boGcQyey8DxIxUOEkAcgZs69NOTL7RhpCqq0bvI="}]},"maintainers":[{"email":"danieljuhl@gmail.com","name":"danieljuhl"},{"email":"mail@kodyl.com","name":"kodyl"}],"_npmUser":{"name":"danieljuhl","email":"danieljuhl@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-flexr_3.0.0-beta.4_1578524857714_0.6811475981852746"},"_hasShrinkwrap":false},"3.0.0-beta.5":{"name":"react-flexr","version":"3.0.0-beta.5","description":"React flexbox grid made simple.","author":{"name":"Kodyl ApS"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/kodyl/react-flexr.git"},"bugs":{"url":"https://github.com/kodyl/react-flexr/issues"},"homepage":"https://github.com/kodyl/react-flexr#readme","keywords":["react","grid","flex","flexbox","react-component"],"jsnext:main":"index.es.js","main":"index.js","module":"index.es.js","scripts":{"prebuild":"yarn lint && yarn test:src","build":"yarn clean && yarn dist && yarn test:build && yarn bundle && yarn extract-styles","bundle":"NODE_ENV=production rollup -c rollup.config.js","clean":"rm -rf ./dist","dev":"node ./example/server.js","dist":"BABEL_ENV=commonjs NODE_ENV=production babel lib --out-dir dist --copy-files","example:ssr":"babel-node ./example/ssr.js","extract-styles":"node -p \"var s = require('stilr').default; var b = require('./dist'); s.render({}, b.stylesheet)\" > ./styles.css","lint":"eslint lib/","prerelease":"npm run build","release":"np","test:build":"NODE_ENV=test mocha --require dist/__tests__/testdom ./dist/__tests__/*.test.js","test:src":"NODE_ENV=test mocha --compilers js:@babel/register --require lib/__tests__/testdom ./lib/__tests__/*.test.js"},"dependencies":{"@babel/runtime":"^7.7.7","prop-types":"^15.6.0","stilr":"^2.0.0-0"},"devDependencies":{"@babel/cli":"^7.0.0","@babel/core":"^7.0.0","@babel/node":"^7.0.0","@babel/plugin-proposal-class-properties":"^7.0.0","@babel/plugin-proposal-object-rest-spread":"^7.0.0","@babel/plugin-syntax-import-meta":"^7.0.0","@babel/plugin-transform-react-constant-elements":"^7.0.0","@babel/plugin-transform-react-inline-elements":"^7.0.0","@babel/plugin-transform-runtime":"^7.0.0","@babel/preset-env":"^7.0.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^9.0.0","babel-loader":"^8.0.0","babel-plugin-add-module-exports":"1.0.2","eslint":"^4.12.0","eslint-plugin-react":"^7.5.1","jsdom":"^9.12.0","mocha":"^3.2.0","np":"5.2.1","react":"^16.2.0","react-dom":"^16.2.0","react-hot-loader":"^3.1.3","rollup":"1.29.0","rollup-plugin-babel":"^5.0.0-alpha.1","rollup-plugin-commonjs":"10.1.0","rollup-plugin-node-resolve":"5.2.0","rollup-plugin-replace":"^2.2.0","webpack":"^3.8.1","webpack-dev-server":"^2.9.5"},"peerDependencies":{"react":">=0.11.0"},"readme":"# Flexr [![Build Status](https://travis-ci.org/kodyl/react-flexr.svg)](https://travis-ci.org/kodyl/react-flexr) [![npm version](https://badge.fury.io/js/react-flexr.svg)](http://badge.fury.io/js/react-flexr)\n\nReact Flexbox grid made simple. :muscle:\nBased on the [ \"Solved-by-flexbox\"-grid ]( http://philipwalton.github.io/solved-by-flexbox/demos/grids/ )\n\n### Usage\n\nBase example.\n```javascript\nimport React, { Component } from 'react';\nimport { Grid, Cell } from 'react-flexr';\nimport 'react-flexr/styles.css'\n\nclass Example extends Component {\n  render() {\n    return (\n      <Grid>\n        <Cell>1/3</Cell>\n        <Cell>1/3</Cell>\n        <Cell>1/3</Cell>\n      </Grid>\n    );\n  }\n}\n```\n**If you don't use webpack with css-loader, make sure to include the `react-flexr/styles.css` somewhere in your project. For more advanced use cases, the [Stilr](https://github.com/kodyl/stilr)\nstylesheet is also exposed.**\n\n\nCell sizes can be controlled with fractions.\n```javascript\nimport React, { Component } from 'react';\nimport { Grid, Cell } from 'react-flexr';\n\nclass Example extends Component {\n  render() {\n    return (\n      <Grid>\n        <Cell size='6/12'>\n          Fills Half\n        </Cell>\n\n        <Cell>\n          Fills Rest.. (Yay for Flexbox)\n        </Cell>\n\n        <Cell size={200} lap={150}>\n          Fills 150px on lap and 200px everywhere else\n        </Cell>\n\n        <Cell size={0.5} lap={0.25}>\n          Fills a quarter on lap and half everywhere else\n        </Cell>\n\n        <Cell size='3/12'>\n          Fills a quarter\n        </Cell>\n\n        <Cell palm='3/12' lap='1/2'>\n          Fills a quarter on palm (mobile), half on lap and dynamicly sized everywhere else\n        </Cell>\n\n        <Cell palm='hidden' size='1/2'>\n          Hidden on palm, half width otherwise\n        </Cell>\n      </Grid>\n    );\n  }\n}\n```\n\n# Component API:\n#### `Grid`\n```javascript\nimport { Grid } from 'react-flexr';\n\n<Grid\n  align={ string }    // Vertical Align Sub Cells: top, center, bottom\n  hAlign={ string }   // Horizontal Align Sub Cells: left, center, right\n  gutter={ string }   // Override default gutter: '1em', '5%', '10px', etc.\n                      //   Propagates downwards. Cells inside this Grid component will use the same gutter.\n  flexCells={ bool }  // All sub cells will be full height\n/>\n```\n\n#### `Cell`\n```javascript\nimport { Cell } from 'react-flexr';\n\n<Cell\n  align={ string }             // Vertical Align This Cell: top, center, bottom\n  gutter={ string }            // Override default gutter: '1em', '5%', '10px', etc.\n  flex={ bool }                // Like flexCells above, but for a single cell.\n  size={ string | number }     // Takes a fraction. e.g. 1/6\n  palm={ string | number }     // Like size, but only for palm devices.*\n  lap={ string | number }      // Like size, but only for lap devices.*\n  portable={ string | number } // Like size, but only for ( palm + lap ) devices.*\n  desk={ string | number }     // Like size, but only for desk devices.*\n/>\n```\n__* Ergonomic breakpoints accepts 'hidden' as well. This will prevent the\ncomponent from being rendered in that state.__\n\nSee the example folder for more examples.\n\n## Responsive Props\nThe responsive props are based on [ergonomics](https://twitter.com/lukew/status/273453112902172672).\n\nWe've used these breakpoints in a variety of apps and grids with success. So far the following breakpoints have beeen implemented:\n- Palm\n- Lap\n- Portable\n- Desk\n\nSee the [breakpoint config object](https://github.com/kodyl/react-flexr/blob/master/lib/utils/index.js#L8) for sizes.\n\n\n## Flexr Helpers\nUse these to get the most out of Flexr. Especially `findMatch` is very useful when you need to add different behaviour based on window width outside of the grid/cell elements.\n\n#### `string|false findMatch(string arguments)`\nThis is the internal function that Flexr uses to check which ergonomic state\nit's currently in. It's really useful if you have components outside the grid, that you\nwant to show/hide/manipulate passed properties or stuff in your lifecycle hooks.\n\nThe function accepts multipe ergonomic breakpoints as strings and returns the first one matched or false if nothing matches.\n\n__Example__\n```javascript\nimport { findMatch } from 'react-flexr';\nimport React, { Component } from 'react';\n\nclass App extends Component {\n  render() {\n    const isPalm = findMatch('palm');\n\n    if (isPalm) console.log( 'only logged in palm' );\n\n    return (\n      <div>\n        <h1>Only visible in palm:</h1>\n        { isPalm\n          ? <h2>Palm</h2>\n          : null }\n\n        <h1>Allows Multiple Matches</h1>\n        { findMatch('desk', 'lap')\n          ? <h2>Lap or Desk</h2>\n          : null }\n      </div>\n    );\n  }\n}\n\n```\n\n#### `setBreakpoints( array breakpoints )`\nIt's posible to force flexr to be in a specific ergonomic state. This is\nprimarily usefull when rendering on the server. E.g. looking at the user agent\nstring on rendering the app in palm/portable if it's an iOS/iPhone or\nlap/portable if iOS/iPad.\n\n__Example__\n```javascript\nimport { setBreakpoints } from 'react-flexr';\nimport App from '../your-app';\nimport React from 'react';\n\nconst isMobile = /iP(hone|od)|Mobile/;\nfunction (req, res) {\n  if ( isMobile.test( req.headers['user-agent'] ) ) {\n    setBreakpoints(['palm', 'portable'])\n  }\n  else {\n    setBreakpoints(['desk'])\n  }\n  const html = React.renderToString( <App />);\n\n  res.send( '<!doctype html>' + html );\n}\n```\n\n#### `array|false findBreakpoints()`\nForce flexr to find the current breakpoints. Returns an array of the current\nbreakpoints that flexr matches in. If they haven't changed since the last time\n`findBreakpoints()` was called, false will be returned.\nUse in combination with `optimizedResize`.\n\n__Example__\n```javascript\nimport { findBreakpoints } from 'react-flexr';\n\n// First run. Window is sized to match lap.\nfindBreakpoints()       // => ['lap', 'portable'];\n\n// Second run. Window not resized.\nfindBreakpoints()       // => false;\n```\n\n#### `optimizedResize.init( function )`\nSimple resize event throttler. Usefull for force updating when the app have been\nresized. For best performance, use it in your main app component in the\ncomponentDidMount life cycle.\n\n__Example__\n```javascript\nimport React, { Component } from 'react';\nimport { optimizedResize, findBreakpoints } from 'react-flexr';\n\nclass App extends Component {\n  componentDidMount() {\n    optimizedResize.init( () => {\n      if ( findBreakpoints() ) {\n        console.log('New Breakpoints');\n        this.forceUpdate();\n      }\n    });\n  }\n}\n```\n\n#### `array getBreakpoints()`\n\nreturns an array of current breakpoints.\n\n\n#### `Map stylesheet`\nThe internal [Stilr](https://github.com/kodyl/stilr) stylesheet used to\nhandle basic flexbox styling for the components.\nUsefull if you need full controll of how the CSS is rendered. Reed the Stilr\ndocumentation on how to use Stilr if you need finegrained controll over you\nstyling.\n\n\n#### `palm, lap, portable, desk`\nThe ergonomic breakpoint media queries that flexr uses internally is also\nexposed. These are especially useful in combination with [Stilr](https://github.com/kodyl/stilr).\n\n__Example__\n```javascript\nimport { palm, lap } from 'react-flexr';\nimport StyleSheet from 'stilr';\n\nconsole.log(palm)       // => '@media screen and (max-width: 600px)';\n\n\n// Stilr usage:\nconst styles = Style.create({\n  constainer: {\n    color: 'tomato',\n    fontSize: 10,\n    [palm]: {\n      fontSize: 20,\n      color: '#fff'\n    },\n    [lap]: {\n      color: '#000',\n      width: 200\n    }\n  }\n});\n```\n","readmeFilename":"README.md","gitHead":"e0b9b7f7c859f220d9b2a8870a1568905b36b171","_id":"react-flexr@3.0.0-beta.5","_nodeVersion":"13.1.0","_npmVersion":"6.12.1","dist":{"integrity":"sha512-d+EI3IaK24TV7bXPDPR5ovAsCs8SuPCIyl4vTZnWvowK3Z79lBtEMHFMFgZbo2m0cVO5tHlJEo91tfwVMnknDw==","shasum":"8f81ab8c4b49449893b9144172346d5e672196a2","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-3.0.0-beta.5.tgz","fileCount":24,"unpackedSize":82871,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFuIKCRA9TVsSAnZWagAArHAP/3A6k9keNbsBYkDoSVBF\n73bghLQ+QSWW9+yR782Q/tkxiVkbuONh/q34qv5irU3O3WA7XHg4oPo+Mp9J\nk5v9HtIS5FmnHiqPs3wHjyFjhx7V/iizJV36qLMFS+FpJQaoWqr767OKnyAd\nPCfv+BszYvKQQicGqxtopeX1sb2G1eVyqM53O9+wQa26LvbmbCLaOJWpeD9L\nY9pYuyIYCoAHf15OkA9Ci7bErgHdvZEtKGHO5JwgCX75IYo/BISZVMMGshsl\nUS4051uouOWqNy1a8vAPcKWFzgdBwYGsK4Hrx8T6FI8vtWIaz4HxpDJlQ+Fz\ndqOy/r6ne4TrjZARsAilE1QHvrN8i13xwVmdJJs3wxj6A7uTE5hf4qNQ5a7e\nRs33J+2oY80BqgIj/MzayXN4FoNozYabXhDFBHaRCNRFQKohY9ju9cko8zef\nKSTVlYbn1/VTcg0Ov9AkVZcfkqfBQnnxPdQtKdcrlDPmU5gFyfP+Jwa/qdYl\nbd8Nt2cKAl9Zl6bPWo78exWDkLpSLxkJdpExiqMNHH92lGQgvuQntJuMSDhe\nsKmgjlp3sISh6fNijeugEYfbYeOsq5xTvp+LIpUd2sv6usCBD2Aj4LTKxYTf\n3eJCZhJHqP5Yx/Hd+GzihggVHeEVAHeT73KH/IXyuVjeLZ9EQSyGhOu7aHpq\ntJBJ\r\n=i6Z7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBmMuApBUdZn1PxoDKcF2DgC7SdNrN4qHS9z9+C4mudlAiEAireLntTkv0vH1TL9HjlFBMA0wEDp2KHNpTdp9kzOcWQ="}]},"maintainers":[{"email":"danieljuhl@gmail.com","name":"danieljuhl"},{"email":"mail@kodyl.com","name":"kodyl"}],"_npmUser":{"name":"danieljuhl","email":"danieljuhl@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-flexr_3.0.0-beta.5_1578557962048_0.603101572938108"},"_hasShrinkwrap":false},"3.0.0-beta.6":{"name":"react-flexr","version":"3.0.0-beta.6","description":"React flexbox grid made simple.","author":{"name":"Kodyl ApS"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/kodyl/react-flexr.git"},"bugs":{"url":"https://github.com/kodyl/react-flexr/issues"},"homepage":"https://github.com/kodyl/react-flexr#readme","keywords":["react","grid","flex","flexbox","react-component"],"jsnext:main":"index.es.js","main":"index.js","module":"index.es.js","scripts":{"prebuild":"yarn lint && yarn test:src","build":"yarn clean && yarn dist && yarn test:build && yarn bundle && yarn extract-styles","bundle":"NODE_ENV=production rollup -c rollup.config.js","clean":"rm -rf ./dist","dev":"node ./example/server.js","dist":"BABEL_ENV=commonjs NODE_ENV=production babel lib --out-dir dist --copy-files","example:ssr":"babel-node ./example/ssr.js","extract-styles":"node -p \"var s = require('stilr').default; var b = require('./dist'); s.render({}, b.stylesheet)\" > ./styles.css","lint":"eslint lib/","prerelease":"npm run build","release":"np","test:build":"NODE_ENV=test mocha --require dist/__tests__/testdom ./dist/__tests__/*.test.js","test:src":"NODE_ENV=test mocha --compilers js:@babel/register --require lib/__tests__/testdom ./lib/__tests__/*.test.js"},"dependencies":{"@babel/runtime":"^7.7.7","prop-types":"^15.6.0","stilr":"^2.0.0-1"},"devDependencies":{"@babel/cli":"^7.0.0","@babel/core":"^7.0.0","@babel/node":"^7.0.0","@babel/plugin-proposal-class-properties":"^7.0.0","@babel/plugin-proposal-object-rest-spread":"^7.0.0","@babel/plugin-syntax-import-meta":"^7.0.0","@babel/plugin-transform-react-constant-elements":"^7.0.0","@babel/plugin-transform-react-inline-elements":"^7.0.0","@babel/plugin-transform-runtime":"^7.0.0","@babel/preset-env":"^7.0.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^9.0.0","babel-loader":"^8.0.0","babel-plugin-add-module-exports":"1.0.2","eslint":"^4.12.0","eslint-plugin-react":"^7.5.1","jsdom":"^9.12.0","mocha":"^3.2.0","np":"5.2.1","react":"^16.2.0","react-dom":"^16.2.0","react-hot-loader":"^3.1.3","rollup":"1.29.0","rollup-plugin-babel":"^5.0.0-alpha.1","rollup-plugin-commonjs":"10.1.0","rollup-plugin-node-resolve":"5.2.0","rollup-plugin-replace":"^2.2.0","webpack":"^3.8.1","webpack-dev-server":"^2.9.5"},"peerDependencies":{"react":">=0.11.0"},"readme":"# Flexr [![Build Status](https://travis-ci.org/kodyl/react-flexr.svg)](https://travis-ci.org/kodyl/react-flexr) [![npm version](https://badge.fury.io/js/react-flexr.svg)](http://badge.fury.io/js/react-flexr)\n\nReact Flexbox grid made simple. :muscle:\nBased on the [ \"Solved-by-flexbox\"-grid ]( http://philipwalton.github.io/solved-by-flexbox/demos/grids/ )\n\n### Usage\n\nBase example.\n```javascript\nimport React, { Component } from 'react';\nimport { Grid, Cell } from 'react-flexr';\nimport 'react-flexr/styles.css'\n\nclass Example extends Component {\n  render() {\n    return (\n      <Grid>\n        <Cell>1/3</Cell>\n        <Cell>1/3</Cell>\n        <Cell>1/3</Cell>\n      </Grid>\n    );\n  }\n}\n```\n**If you don't use webpack with css-loader, make sure to include the `react-flexr/styles.css` somewhere in your project. For more advanced use cases, the [Stilr](https://github.com/kodyl/stilr)\nstylesheet is also exposed.**\n\n\nCell sizes can be controlled with fractions.\n```javascript\nimport React, { Component } from 'react';\nimport { Grid, Cell } from 'react-flexr';\n\nclass Example extends Component {\n  render() {\n    return (\n      <Grid>\n        <Cell size='6/12'>\n          Fills Half\n        </Cell>\n\n        <Cell>\n          Fills Rest.. (Yay for Flexbox)\n        </Cell>\n\n        <Cell size={200} lap={150}>\n          Fills 150px on lap and 200px everywhere else\n        </Cell>\n\n        <Cell size={0.5} lap={0.25}>\n          Fills a quarter on lap and half everywhere else\n        </Cell>\n\n        <Cell size='3/12'>\n          Fills a quarter\n        </Cell>\n\n        <Cell palm='3/12' lap='1/2'>\n          Fills a quarter on palm (mobile), half on lap and dynamicly sized everywhere else\n        </Cell>\n\n        <Cell palm='hidden' size='1/2'>\n          Hidden on palm, half width otherwise\n        </Cell>\n      </Grid>\n    );\n  }\n}\n```\n\n# Component API:\n#### `Grid`\n```javascript\nimport { Grid } from 'react-flexr';\n\n<Grid\n  align={ string }    // Vertical Align Sub Cells: top, center, bottom\n  hAlign={ string }   // Horizontal Align Sub Cells: left, center, right\n  gutter={ string }   // Override default gutter: '1em', '5%', '10px', etc.\n                      //   Propagates downwards. Cells inside this Grid component will use the same gutter.\n  flexCells={ bool }  // All sub cells will be full height\n/>\n```\n\n#### `Cell`\n```javascript\nimport { Cell } from 'react-flexr';\n\n<Cell\n  align={ string }             // Vertical Align This Cell: top, center, bottom\n  gutter={ string }            // Override default gutter: '1em', '5%', '10px', etc.\n  flex={ bool }                // Like flexCells above, but for a single cell.\n  size={ string | number }     // Takes a fraction. e.g. 1/6\n  palm={ string | number }     // Like size, but only for palm devices.*\n  lap={ string | number }      // Like size, but only for lap devices.*\n  portable={ string | number } // Like size, but only for ( palm + lap ) devices.*\n  desk={ string | number }     // Like size, but only for desk devices.*\n/>\n```\n__* Ergonomic breakpoints accepts 'hidden' as well. This will prevent the\ncomponent from being rendered in that state.__\n\nSee the example folder for more examples.\n\n## Responsive Props\nThe responsive props are based on [ergonomics](https://twitter.com/lukew/status/273453112902172672).\n\nWe've used these breakpoints in a variety of apps and grids with success. So far the following breakpoints have beeen implemented:\n- Palm\n- Lap\n- Portable\n- Desk\n\nSee the [breakpoint config object](https://github.com/kodyl/react-flexr/blob/master/lib/utils/index.js#L8) for sizes.\n\n\n## Flexr Helpers\nUse these to get the most out of Flexr. Especially `findMatch` is very useful when you need to add different behaviour based on window width outside of the grid/cell elements.\n\n#### `string|false findMatch(string arguments)`\nThis is the internal function that Flexr uses to check which ergonomic state\nit's currently in. It's really useful if you have components outside the grid, that you\nwant to show/hide/manipulate passed properties or stuff in your lifecycle hooks.\n\nThe function accepts multipe ergonomic breakpoints as strings and returns the first one matched or false if nothing matches.\n\n__Example__\n```javascript\nimport { findMatch } from 'react-flexr';\nimport React, { Component } from 'react';\n\nclass App extends Component {\n  render() {\n    const isPalm = findMatch('palm');\n\n    if (isPalm) console.log( 'only logged in palm' );\n\n    return (\n      <div>\n        <h1>Only visible in palm:</h1>\n        { isPalm\n          ? <h2>Palm</h2>\n          : null }\n\n        <h1>Allows Multiple Matches</h1>\n        { findMatch('desk', 'lap')\n          ? <h2>Lap or Desk</h2>\n          : null }\n      </div>\n    );\n  }\n}\n\n```\n\n#### `setBreakpoints( array breakpoints )`\nIt's posible to force flexr to be in a specific ergonomic state. This is\nprimarily usefull when rendering on the server. E.g. looking at the user agent\nstring on rendering the app in palm/portable if it's an iOS/iPhone or\nlap/portable if iOS/iPad.\n\n__Example__\n```javascript\nimport { setBreakpoints } from 'react-flexr';\nimport App from '../your-app';\nimport React from 'react';\n\nconst isMobile = /iP(hone|od)|Mobile/;\nfunction (req, res) {\n  if ( isMobile.test( req.headers['user-agent'] ) ) {\n    setBreakpoints(['palm', 'portable'])\n  }\n  else {\n    setBreakpoints(['desk'])\n  }\n  const html = React.renderToString( <App />);\n\n  res.send( '<!doctype html>' + html );\n}\n```\n\n#### `array|false findBreakpoints()`\nForce flexr to find the current breakpoints. Returns an array of the current\nbreakpoints that flexr matches in. If they haven't changed since the last time\n`findBreakpoints()` was called, false will be returned.\nUse in combination with `optimizedResize`.\n\n__Example__\n```javascript\nimport { findBreakpoints } from 'react-flexr';\n\n// First run. Window is sized to match lap.\nfindBreakpoints()       // => ['lap', 'portable'];\n\n// Second run. Window not resized.\nfindBreakpoints()       // => false;\n```\n\n#### `optimizedResize.init( function )`\nSimple resize event throttler. Usefull for force updating when the app have been\nresized. For best performance, use it in your main app component in the\ncomponentDidMount life cycle.\n\n__Example__\n```javascript\nimport React, { Component } from 'react';\nimport { optimizedResize, findBreakpoints } from 'react-flexr';\n\nclass App extends Component {\n  componentDidMount() {\n    optimizedResize.init( () => {\n      if ( findBreakpoints() ) {\n        console.log('New Breakpoints');\n        this.forceUpdate();\n      }\n    });\n  }\n}\n```\n\n#### `array getBreakpoints()`\n\nreturns an array of current breakpoints.\n\n\n#### `Map stylesheet`\nThe internal [Stilr](https://github.com/kodyl/stilr) stylesheet used to\nhandle basic flexbox styling for the components.\nUsefull if you need full controll of how the CSS is rendered. Reed the Stilr\ndocumentation on how to use Stilr if you need finegrained controll over you\nstyling.\n\n\n#### `palm, lap, portable, desk`\nThe ergonomic breakpoint media queries that flexr uses internally is also\nexposed. These are especially useful in combination with [Stilr](https://github.com/kodyl/stilr).\n\n__Example__\n```javascript\nimport { palm, lap } from 'react-flexr';\nimport StyleSheet from 'stilr';\n\nconsole.log(palm)       // => '@media screen and (max-width: 600px)';\n\n\n// Stilr usage:\nconst styles = Style.create({\n  constainer: {\n    color: 'tomato',\n    fontSize: 10,\n    [palm]: {\n      fontSize: 20,\n      color: '#fff'\n    },\n    [lap]: {\n      color: '#000',\n      width: 200\n    }\n  }\n});\n```\n","readmeFilename":"README.md","gitHead":"24487329b6b6e0a8c457bb3045fc55c3c6124e16","_id":"react-flexr@3.0.0-beta.6","_nodeVersion":"13.1.0","_npmVersion":"6.12.1","dist":{"integrity":"sha512-GqQ7dOsidQvfwcY+VC9HgKmJFAmNR/M+nJBexQfsa7UJM7zJVVV4wF3czV65MidLWpO/HrynfQFec1Ii8nADAQ==","shasum":"8e00c5a44316ded1acb895fe865e8066b84844ab","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-3.0.0-beta.6.tgz","fileCount":24,"unpackedSize":82871,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFuj/CRA9TVsSAnZWagAAdBYP/id+T0iF0am5ME09Khg9\nzirnph50fKAD9sj9VzCA7nd127tqU5/yCiQWwllAzr1i54psuoJlVZDkCkRO\ngnKH0FYtaZQXL0U1v26m3VmgLgwD9+3SDZRTqb6HYqCuVNMpnlhBpb3uSASr\ni4eOmSKGcYa3QEvxmQTqvcRCaUF78E3vrG0nH81YgyKsa9imA95QBl7/lTxK\nc2/Vbk5PokD4qvDYUDaMpWbjnp2l1Mg4Yc5lRAYaethhBjYREm40VWOb3EEE\n0qK606EVfeCrArDiameQr9gcik8r7auKwPrx0ZHnGOdHt8xwnOCWxDPfdwuU\nHXeyaTqCrhLhLUU6r73tSPwWYslWy4rr6j3w8VsjWVhmfO3uh3l7efda099r\nudWnXeU/P6/cuZ/d/QdfdbfBkbFZAeCfbSwEktNoYjnYJ1Wi8XjWXUDU6dTq\nxomFvduM++C4ymViXxNGf1pAGCPTberPG2QInp5U1qqHrb5USxLt1ISQhn47\nZzmFy0gpabMMQtP/BkEG9++U9Qr3C43SxKmVKFA79bODAZvVnLBuKXdTpPpN\ndQQIxkFDBBw8uv4UCyJpUBMY3PZ2+fphuj5BBHpA/CVMWtpZ/Lk0hBGsykQF\nhMM8Qo1F+HlcEAo1Dv//ZngJuDcaP+YX4DpGHwk3pWdKE3pyFaJZDAOR8kIJ\n3iDW\r\n=wP3S\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEdLn5abh1KgYeYVre8vEnYhICinYjy2QxmuN4r7zFnWAiBHP0zHafc8FOJcF5tsnnqxqClfE0uuUQQtcxJptu0KFA=="}]},"maintainers":[{"email":"danieljuhl@gmail.com","name":"danieljuhl"},{"email":"mail@kodyl.com","name":"kodyl"}],"_npmUser":{"name":"danieljuhl","email":"danieljuhl@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-flexr_3.0.0-beta.6_1578559742885_0.1336031129537254"},"_hasShrinkwrap":false},"3.0.0-beta.7":{"name":"react-flexr","version":"3.0.0-beta.7","description":"React flexbox grid made simple.","author":{"name":"Kodyl ApS"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/kodyl/react-flexr.git"},"bugs":{"url":"https://github.com/kodyl/react-flexr/issues"},"homepage":"https://github.com/kodyl/react-flexr#readme","keywords":["react","grid","flex","flexbox","react-component"],"jsnext:main":"index.es.js","main":"index.js","module":"index.es.js","scripts":{"prebuild":"yarn lint && yarn test:src","build":"yarn clean && yarn dist && yarn test:build && yarn bundle && yarn extract-styles","bundle":"npm run bundle:cjs && npm run bundle:esm","bundle:cjs":"NODE_ENV=production FORMAT=commonjs rollup -c rollup.config.js","bundle:esm":"NODE_ENV=production rollup -c rollup.config.js","clean":"rm -rf ./dist","dev":"node ./example/server.js","dist":"BABEL_ENV=commonjs NODE_ENV=production babel lib --out-dir dist --copy-files","example:ssr":"babel-node ./example/ssr.js","extract-styles":"node -p \"var s = require('stilr').default; var b = require('./dist'); s.render({}, b.stylesheet)\" > ./styles.css","lint":"eslint lib/","prerelease":"npm run build","release":"np","test:build":"NODE_ENV=test mocha --require dist/__tests__/testdom ./dist/__tests__/*.test.js","test:src":"NODE_ENV=test mocha --compilers js:@babel/register --require lib/__tests__/testdom ./lib/__tests__/*.test.js"},"dependencies":{"@babel/runtime":"^7.7.7","prop-types":"^15.6.0","stilr":"^2.0.0-1"},"devDependencies":{"@babel/cli":"^7.0.0","@babel/core":"^7.0.0","@babel/node":"^7.0.0","@babel/plugin-proposal-class-properties":"^7.0.0","@babel/plugin-proposal-object-rest-spread":"^7.0.0","@babel/plugin-syntax-import-meta":"^7.0.0","@babel/plugin-transform-react-constant-elements":"^7.0.0","@babel/plugin-transform-react-inline-elements":"^7.0.0","@babel/plugin-transform-runtime":"^7.0.0","@babel/preset-env":"^7.0.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^9.0.0","babel-loader":"^8.0.0","babel-plugin-add-module-exports":"1.0.2","eslint":"^4.12.0","eslint-plugin-react":"^7.5.1","jsdom":"^9.12.0","mocha":"^3.2.0","np":"5.2.1","react":"^16.2.0","react-dom":"^16.2.0","react-hot-loader":"^3.1.3","rollup":"1.29.0","rollup-plugin-babel":"^5.0.0-alpha.1","rollup-plugin-commonjs":"10.1.0","rollup-plugin-node-resolve":"5.2.0","rollup-plugin-replace":"^2.2.0","webpack":"^3.8.1","webpack-dev-server":"^2.9.5"},"peerDependencies":{"react":">=0.11.0"},"readme":"# Flexr [![Build Status](https://travis-ci.org/kodyl/react-flexr.svg)](https://travis-ci.org/kodyl/react-flexr) [![npm version](https://badge.fury.io/js/react-flexr.svg)](http://badge.fury.io/js/react-flexr)\n\nReact Flexbox grid made simple. :muscle:\nBased on the [ \"Solved-by-flexbox\"-grid ]( http://philipwalton.github.io/solved-by-flexbox/demos/grids/ )\n\n### Usage\n\nBase example.\n```javascript\nimport React, { Component } from 'react';\nimport { Grid, Cell } from 'react-flexr';\nimport 'react-flexr/styles.css'\n\nclass Example extends Component {\n  render() {\n    return (\n      <Grid>\n        <Cell>1/3</Cell>\n        <Cell>1/3</Cell>\n        <Cell>1/3</Cell>\n      </Grid>\n    );\n  }\n}\n```\n**If you don't use webpack with css-loader, make sure to include the `react-flexr/styles.css` somewhere in your project. For more advanced use cases, the [Stilr](https://github.com/kodyl/stilr)\nstylesheet is also exposed.**\n\n\nCell sizes can be controlled with fractions.\n```javascript\nimport React, { Component } from 'react';\nimport { Grid, Cell } from 'react-flexr';\n\nclass Example extends Component {\n  render() {\n    return (\n      <Grid>\n        <Cell size='6/12'>\n          Fills Half\n        </Cell>\n\n        <Cell>\n          Fills Rest.. (Yay for Flexbox)\n        </Cell>\n\n        <Cell size={200} lap={150}>\n          Fills 150px on lap and 200px everywhere else\n        </Cell>\n\n        <Cell size={0.5} lap={0.25}>\n          Fills a quarter on lap and half everywhere else\n        </Cell>\n\n        <Cell size='3/12'>\n          Fills a quarter\n        </Cell>\n\n        <Cell palm='3/12' lap='1/2'>\n          Fills a quarter on palm (mobile), half on lap and dynamicly sized everywhere else\n        </Cell>\n\n        <Cell palm='hidden' size='1/2'>\n          Hidden on palm, half width otherwise\n        </Cell>\n      </Grid>\n    );\n  }\n}\n```\n\n# Component API:\n#### `Grid`\n```javascript\nimport { Grid } from 'react-flexr';\n\n<Grid\n  align={ string }    // Vertical Align Sub Cells: top, center, bottom\n  hAlign={ string }   // Horizontal Align Sub Cells: left, center, right\n  gutter={ string }   // Override default gutter: '1em', '5%', '10px', etc.\n                      //   Propagates downwards. Cells inside this Grid component will use the same gutter.\n  flexCells={ bool }  // All sub cells will be full height\n/>\n```\n\n#### `Cell`\n```javascript\nimport { Cell } from 'react-flexr';\n\n<Cell\n  align={ string }             // Vertical Align This Cell: top, center, bottom\n  gutter={ string }            // Override default gutter: '1em', '5%', '10px', etc.\n  flex={ bool }                // Like flexCells above, but for a single cell.\n  size={ string | number }     // Takes a fraction. e.g. 1/6\n  palm={ string | number }     // Like size, but only for palm devices.*\n  lap={ string | number }      // Like size, but only for lap devices.*\n  portable={ string | number } // Like size, but only for ( palm + lap ) devices.*\n  desk={ string | number }     // Like size, but only for desk devices.*\n/>\n```\n__* Ergonomic breakpoints accepts 'hidden' as well. This will prevent the\ncomponent from being rendered in that state.__\n\nSee the example folder for more examples.\n\n## Responsive Props\nThe responsive props are based on [ergonomics](https://twitter.com/lukew/status/273453112902172672).\n\nWe've used these breakpoints in a variety of apps and grids with success. So far the following breakpoints have beeen implemented:\n- Palm\n- Lap\n- Portable\n- Desk\n\nSee the [breakpoint config object](https://github.com/kodyl/react-flexr/blob/master/lib/utils/index.js#L8) for sizes.\n\n\n## Flexr Helpers\nUse these to get the most out of Flexr. Especially `findMatch` is very useful when you need to add different behaviour based on window width outside of the grid/cell elements.\n\n#### `string|false findMatch(string arguments)`\nThis is the internal function that Flexr uses to check which ergonomic state\nit's currently in. It's really useful if you have components outside the grid, that you\nwant to show/hide/manipulate passed properties or stuff in your lifecycle hooks.\n\nThe function accepts multipe ergonomic breakpoints as strings and returns the first one matched or false if nothing matches.\n\n__Example__\n```javascript\nimport { findMatch } from 'react-flexr';\nimport React, { Component } from 'react';\n\nclass App extends Component {\n  render() {\n    const isPalm = findMatch('palm');\n\n    if (isPalm) console.log( 'only logged in palm' );\n\n    return (\n      <div>\n        <h1>Only visible in palm:</h1>\n        { isPalm\n          ? <h2>Palm</h2>\n          : null }\n\n        <h1>Allows Multiple Matches</h1>\n        { findMatch('desk', 'lap')\n          ? <h2>Lap or Desk</h2>\n          : null }\n      </div>\n    );\n  }\n}\n\n```\n\n#### `setBreakpoints( array breakpoints )`\nIt's posible to force flexr to be in a specific ergonomic state. This is\nprimarily usefull when rendering on the server. E.g. looking at the user agent\nstring on rendering the app in palm/portable if it's an iOS/iPhone or\nlap/portable if iOS/iPad.\n\n__Example__\n```javascript\nimport { setBreakpoints } from 'react-flexr';\nimport App from '../your-app';\nimport React from 'react';\n\nconst isMobile = /iP(hone|od)|Mobile/;\nfunction (req, res) {\n  if ( isMobile.test( req.headers['user-agent'] ) ) {\n    setBreakpoints(['palm', 'portable'])\n  }\n  else {\n    setBreakpoints(['desk'])\n  }\n  const html = React.renderToString( <App />);\n\n  res.send( '<!doctype html>' + html );\n}\n```\n\n#### `array|false findBreakpoints()`\nForce flexr to find the current breakpoints. Returns an array of the current\nbreakpoints that flexr matches in. If they haven't changed since the last time\n`findBreakpoints()` was called, false will be returned.\nUse in combination with `optimizedResize`.\n\n__Example__\n```javascript\nimport { findBreakpoints } from 'react-flexr';\n\n// First run. Window is sized to match lap.\nfindBreakpoints()       // => ['lap', 'portable'];\n\n// Second run. Window not resized.\nfindBreakpoints()       // => false;\n```\n\n#### `optimizedResize.init( function )`\nSimple resize event throttler. Usefull for force updating when the app have been\nresized. For best performance, use it in your main app component in the\ncomponentDidMount life cycle.\n\n__Example__\n```javascript\nimport React, { Component } from 'react';\nimport { optimizedResize, findBreakpoints } from 'react-flexr';\n\nclass App extends Component {\n  componentDidMount() {\n    optimizedResize.init( () => {\n      if ( findBreakpoints() ) {\n        console.log('New Breakpoints');\n        this.forceUpdate();\n      }\n    });\n  }\n}\n```\n\n#### `array getBreakpoints()`\n\nreturns an array of current breakpoints.\n\n\n#### `Map stylesheet`\nThe internal [Stilr](https://github.com/kodyl/stilr) stylesheet used to\nhandle basic flexbox styling for the components.\nUsefull if you need full controll of how the CSS is rendered. Reed the Stilr\ndocumentation on how to use Stilr if you need finegrained controll over you\nstyling.\n\n\n#### `palm, lap, portable, desk`\nThe ergonomic breakpoint media queries that flexr uses internally is also\nexposed. These are especially useful in combination with [Stilr](https://github.com/kodyl/stilr).\n\n__Example__\n```javascript\nimport { palm, lap } from 'react-flexr';\nimport StyleSheet from 'stilr';\n\nconsole.log(palm)       // => '@media screen and (max-width: 600px)';\n\n\n// Stilr usage:\nconst styles = Style.create({\n  constainer: {\n    color: 'tomato',\n    fontSize: 10,\n    [palm]: {\n      fontSize: 20,\n      color: '#fff'\n    },\n    [lap]: {\n      color: '#000',\n      width: 200\n    }\n  }\n});\n```\n","readmeFilename":"README.md","gitHead":"6cd4e4ac800a15539ff720c8c1aefaf4168ebbba","_id":"react-flexr@3.0.0-beta.7","_nodeVersion":"13.1.0","_npmVersion":"6.12.1","dist":{"integrity":"sha512-OPGiuOsbmKfPeF6e/1qaao62UH9qmmCfJ/n9O6vBorkgV2mMvsQMnuNrUX2ymOQxUrUi4OVOR9tSYp4czHDcVQ==","shasum":"ea7677da2285202bafcf2628427237afa7df932c","tarball":"https://registry.npmjs.org/react-flexr/-/react-flexr-3.0.0-beta.7.tgz","fileCount":24,"unpackedSize":83142,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFyjtCRA9TVsSAnZWagAAo50P/3JIdgatJ8Z9b1uVxB8b\nNmH3IaH5ENaBkj+sRiurUg6SfAFycxsK/vwpfmnkvmOiH1kME1l+XIhkiu62\n5uLVv7kxtxP3ARAnz/n060yTLeMWVd24wls7Tnr/cH4/gq77NusMe7iH7ERH\nLZOgQUeZbXdrlMoJfdbBUCK4GWj2XSlTtASXsSvr6ywRsKpFEU7Pm/eLPXlz\n2BCYKqyI7V+Au4DHOAZN5EP0pUQf778Rd9/OPNSripeH2axjXePhegq+XJq5\ny7p8lipktcAm+DFlmsMJvoetDPbDm4E64BD26BkJHhIZleKdQcExRNIGK5wB\nwdKghXin4vhrpidvUIxdTT5a1A8XKn5fiN1QaHN2BLjaAPDkfOZgVEWXaO4/\n8uIpJnB5aEhbnX770q5g7kOMIaW+nmLr6dHEXZnYmwtBr9nvhWkpifGCfL2Q\nmf28uvhugbA/hPrHBxYJXxoqAfs5zLwDEo4PAzRV4+yrQ5nE9oTj079lPk/b\nnQrp+2nlToVgBUp57Um64LT6Nw2fcRRiDlJPgU5wSbUc8yoI3MdZOYI2azIa\njzxaCMA5+5NouTM0Dwa5PkgM2FQc18cLxvCiF8vCz3InmSGfEpVkX9ujOmdu\nmZKVGN5cFScf9AXFYzHSFa67bNClwiVT5nRxNg0J3f9CTMmF0c9l1JEyRrZR\n5Kfp\r\n=vqBN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCDiBRYipwH6wT8/XEPc529GBjzbhflI9hGg43goxTa/gIhAOQVUvWuTRNfxj5ERxk/vL/d0om7FDyIN8fC/wlqsVq/"}]},"maintainers":[{"email":"danieljuhl@gmail.com","name":"danieljuhl"},{"email":"mail@kodyl.com","name":"kodyl"}],"_npmUser":{"name":"danieljuhl","email":"danieljuhl@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-flexr_3.0.0-beta.7_1578576108673_0.5127903642982876"},"_hasShrinkwrap":false}},"readme":"","maintainers":[{"email":"danieljuhl@gmail.com","name":"danieljuhl"},{"email":"mail@kodyl.com","name":"kodyl"}],"time":{"modified":"2022-06-25T21:47:40.149Z","created":"2015-03-29T12:11:28.675Z","1.0.0":"2015-03-29T12:11:28.675Z","1.1.0":"2015-04-08T08:28:04.042Z","1.1.1":"2015-04-08T08:34:30.128Z","1.1.2":"2015-04-08T08:37:19.031Z","1.3.0":"2015-04-13T10:58:47.255Z","1.3.1":"2015-04-13T11:17:03.972Z","1.3.3":"2015-04-14T12:26:57.532Z","1.3.4":"2015-04-14T12:47:29.988Z","1.4.0":"2015-04-14T13:24:20.370Z","1.4.1":"2015-04-14T13:39:33.795Z","1.4.3":"2015-04-15T07:43:09.282Z","1.4.4":"2015-04-16T07:00:18.296Z","1.5.0":"2015-04-23T00:19:24.729Z","1.6.0":"2015-04-27T08:51:49.697Z","1.6.1":"2015-04-27T09:29:49.881Z","1.6.2":"2015-05-11T08:50:14.570Z","1.6.3":"2015-05-11T10:06:50.601Z","2.0.0-0":"2015-05-27T20:03:44.309Z","2.0.0-alpha.0":"2015-05-28T05:51:21.775Z","2.0.0-alpha.1":"2015-05-28T11:37:44.656Z","2.0.0-alpha.2":"2015-05-29T04:52:05.479Z","2.0.0-alpha.3":"2015-05-29T05:08:00.338Z","2.0.0-alpha.4":"2015-06-02T10:41:14.287Z","2.0.0-alpha.5":"2015-06-02T10:53:50.599Z","2.0.0-alpha.6":"2015-06-03T12:57:02.105Z","2.0.0":"2015-06-04T23:06:04.715Z","2.0.1":"2015-07-29T10:12:30.649Z","2.0.2":"2015-10-08T12:44:32.125Z","2.1.0-beta":"2016-02-21T16:54:22.631Z","2.1.0":"2016-08-23T06:38:26.299Z","2.1.1":"2016-08-25T09:09:41.926Z","2.1.2":"2016-11-22T10:47:23.891Z","2.1.3":"2017-04-21T12:19:53.195Z","2.2.0":"2017-09-28T11:33:04.269Z","3.0.0-beta.0":"2017-12-03T14:06:29.336Z","3.0.0-beta.1":"2017-12-04T12:03:35.463Z","3.0.0-beta.2":"2018-06-25T19:50:52.661Z","3.0.0-beta.3":"2020-01-08T22:52:09.660Z","3.0.0-beta.4":"2020-01-08T23:07:37.873Z","3.0.0-beta.5":"2020-01-09T08:19:22.144Z","3.0.0-beta.6":"2020-01-09T08:49:03.012Z","3.0.0-beta.7":"2020-01-09T13:21:48.830Z"},"keywords":["react","grid","flex","flexbox","react-component"],"author":{"name":"Kodyl ApS"},"license":"MIT","readmeFilename":"","homepage":"https://github.com/kodyl/react-flexr#readme","repository":{"type":"git","url":"git+https://github.com/kodyl/react-flexr.git"},"bugs":{"url":"https://github.com/kodyl/react-flexr/issues"},"users":{"ugarz":true}}