{"_id":"@alexanderjeurissen/flex","_rev":"2-6971c64e0272de6c17141d952003a2d7","name":"@alexanderjeurissen/flex","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.9":{"name":"@alexanderjeurissen/flex","version":"1.0.9","description":"A declarative React primitive Flex component that exposes flexbox specification in JSX","main":"./dist/react_flex_primitive.js","types":"./dist/react_flex_primitive.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/alexanderjeurissen/Flex.git"},"author":{"name":"Alexander Jeurissen","email":"1220084+alexanderjeurissen@users.noreply.github.com"},"license":"GNU General Public License v3.0","bugs":{"url":"https://github.com/alexanderjeurissen/Flex/issues"},"engines":{"node":">=10.0.0"},"directories":{"src":"src"},"scripts":{"build":"tsc --listFiles --newline lf","babel":"babel src -d","build:dev":"tsc -w --newline lf","test":"npm run test:prettier && npm run test:jest","posttest":"rm -r tests/custom-db/*","test:dev":"cross-env ENV_CI=true DEV_MODE=true jest --watch --coverage --config jest.config.js","test:jest":"cross-env ENV_CI=true jest --verbose --forceExit --coverage --config jest.config.js","test:prettier":"prettier-check \"+(tests|src|examples)/**/**.+(js|ts)\" --tab-width 4 --print-width 120","preversion":"rm -rf dist/* && yarn build"},"keywords":["styled-components","styled-system","jsx","react","css-flex","css-flex-layout","flex","component","primitive"],"dependencies":{"styled-components":"^5.1.1","styled-system":"^5.1.5","@styled-system/should-forward-prop":"^5.1.5"},"devDependencies":{"@babel/preset-env":"^7.10.2","@babel/cli":"^7.10.1","@babel/core":"^7.10.2","@types/node":"^14.0.13","@types/styled-components":"^5.1.0","@types/styled-system":"^5.1.9","@types/styled-system__should-forward-prop":"^5.1.1","typescript":"^3.9.5"},"gitHead":"c17682841cc619c3c6a986d858c79f333e016c81","homepage":"https://github.com/alexanderjeurissen/Flex#readme","_id":"@alexanderjeurissen/flex@1.0.9","_nodeVersion":"12.15.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-Oo+dkhX0r4SB28zkt+iOdFTMWRHRQDP5ObQ+iMcBNjQAOPEGdOSc753xXBkg9IJu9ccb6hrnwfGmK8Nh8S3YZw==","shasum":"8b86ffcb3735c1f9134120724e7fe65d855dbd51","tarball":"https://registry.npmjs.org/@alexanderjeurissen/flex/-/flex-1.0.9.tgz","fileCount":5,"unpackedSize":40762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe879mCRA9TVsSAnZWagAAJ8cP/RVtIFLW1/qv070ClzHi\nzW4q5k1eTgGZmjFdiRoeZQGlxqHeQobXdxRWD6T02Y3902uU4AMFSbsmihKM\nZnfjGV2BZnLz+mBN8ub4LEO1tSDVC1x/jrF2hYfXKAR2HUHmh8aQcSmIVnpy\ntgnjRa36Kvn/xu/ZM2yi2whE2Uw1j97esfNSxHULGjVKbl3JBXqRzP+4MBGi\nsW8/1zcPradehFKpZBdQNZF9dbqhZDP8AxnGnoSpZEphrjSIhOFfD6abNVsR\n8BXIUi+V1Bdt4apaqBOXGTqvg1DVgctAL7rxN+prbPxDx9hw+ftcM78oOpzU\nQSQwImMAOjHBhNhFdAtV5bimMA5pEajsIUCTp+E0wNKCS+D1vbCv+FNq99WL\nIobwxJue4WoUX6wB69EDJpoq4e6E+Fo/lpM9YPnWnfoc/BSOhU0KAzn9kMcW\nXYzbsg5lUQpVVQOXOdItB4SLaYoHJQI5SjaZ70hp0uicavnNre0L7gg6oG2k\naziBu7WAQ4iP9rHNpsEdMUt0mg9vETzeD7Ss2BDVUTeCoY/wrutksEuSiSR6\nvQnbcquNkJA/SyAw2C4aE0ayo/Se2UFkaoHBZOUdI0lkRYX0CJUMtGohRtQT\nNBsfNlYHAZ+Xb7XLkP/nULcTgoY/oYoGTpQE/Cz0jW8ZnzV/22vb22BHxE0D\n8lPl\r\n=B8TU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBESaIt87Yoo7PBlJ6q7TRsPOGdgj1jw0ZFbord2sov3AiBFtH6LXfmoXfX8BejCevCxWw5HuFStdGjvJzdrFNGAQw=="}]},"maintainers":[{"name":"alexanderjeurissen","email":"alexander+npm@jeurissen.email"}],"_npmUser":{"name":"alexanderjeurissen","email":"alexander+npm@jeurissen.email"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/flex_1.0.9_1593032549810_0.8674806684186622"},"_hasShrinkwrap":false},"1.1.0":{"name":"@alexanderjeurissen/flex","version":"1.1.0","description":"A declarative React primitive Flex component that exposes flexbox specification in JSX","main":"./dist/react_flex_primitive.js","types":"./dist/react_flex_primitive.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/alexanderjeurissen/Flex.git"},"author":{"name":"Alexander Jeurissen","email":"1220084+alexanderjeurissen@users.noreply.github.com"},"license":"MIT","bugs":{"url":"https://github.com/alexanderjeurissen/Flex/issues"},"engines":{"node":">=10.0.0"},"directories":{"src":"src"},"scripts":{"build":"tsc --listFiles --newline lf","babel":"babel src -d","build:dev":"tsc -w --newline lf","test":"npm run test:prettier && npm run test:jest","posttest":"rm -r tests/custom-db/*","test:dev":"cross-env ENV_CI=true DEV_MODE=true jest --watch --coverage --config jest.config.js","test:jest":"cross-env ENV_CI=true jest --verbose --forceExit --coverage --config jest.config.js","test:prettier":"prettier-check \"+(tests|src|examples)/**/**.+(js|ts)\" --tab-width 4 --print-width 120","preversion":"rm -rf dist/* && yarn build"},"keywords":["styled-components","styled-system","jsx","react","css-flex","css-flex-layout","flex","component","primitive"],"dependencies":{"@styled-system/should-forward-prop":"^5.1.5","styled-components":"^5.1.1","styled-system":"^5.1.5"},"devDependencies":{"@babel/cli":"^7.10.1","@babel/core":"^7.10.2","@babel/preset-env":"^7.10.2","@types/node":"^14.0.13","@types/styled-components":"^5.1.0","@types/styled-system":"^5.1.9","@types/styled-system__should-forward-prop":"^5.1.1","typescript":"^3.9.5"},"gitHead":"cefb6974e95bc14a0b2eefd06f0a57543fdc88d5","homepage":"https://github.com/alexanderjeurissen/Flex#readme","_id":"@alexanderjeurissen/flex@1.1.0","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-5J6IcklVO1+g/eCCB7hliBWImErTCJPn4Eo5PPv4tI1FdPR4JWrrwwHjylxpRFv5IDSmFCQXQ4nDRdxy+wvUVw==","shasum":"cbc9b9c02d4dbc7dcb368169543b1f55c21f2c6a","tarball":"https://registry.npmjs.org/@alexanderjeurissen/flex/-/flex-1.1.0.tgz","fileCount":5,"unpackedSize":6671,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe88Q9CRA9TVsSAnZWagAAv18P/0sDiQdO8GDpF5dQ01wV\nQ9w8KN2KVTc4ofmduGzKqzINK0AKfH/NqMbl6yBYe6Dwcpstr15yzNCDB1j/\ntLDDJRG5UwJZhFKGmGi2oj/SQw043IFMhLXNGb/FGk67rObZC+G5c3iIhBVL\nVyWETE9iMnSWI61EXvJzwbrwB/bzLdabT5K9XTIvyfuBjiiFsbSXNRcnJyn1\naeZkkxIL79brBrR1do7H9rFJjKH87Syp4Vte4E39E6V2gdeb/+ocaO4tveGa\ndyqXIPOBSrt5OC9zeB0TyeioV3A0yKa6r8uh0A69OFYFmLqkRtcg1htWlNA5\nRvfeY717eRq1Ua6+Qhgm0nl1FxnwXDdDOt49H0Jhf7z8LXa9ueJxxgHCBtUI\nj9u8jHf+Q8nC+12N5WpO5UM2JUgaBRLoyt9HO9MxJmeMaV6qMjSQ9eptzB08\nWgojJCA6Itj1gNESU1vgnratyV10debGtcj5I2DalM354LnM/6tFvLb6KNs2\nos1uBCZvy1Qru6hloCwoGcBrPF5bQDiCiaQrMcpN6dbOMaC0P3/itMDu3c90\n/El+PJmVI4UDGSlx7HkK6PwgkgzdgRPdNLXcwjvFFc3xPIDEbFiLzD5LrTFo\ncerNquvt6PCNgh0xfDoQ3ZlPvliy+ViXPNv5+zWYI4rDjMh5LeKpjKOLrBn1\nXC2Z\r\n=qPT6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGYp+y31KI9mc3wR8y2w4UtJjAecpkLtDWCRCB1CHX7BAiEA1Hm9ql2oz80psX7ypnRUoJ9Yv0OUyN6jhGadeu/gaJQ="}]},"maintainers":[{"name":"alexanderjeurissen","email":"alexander+npm@jeurissen.email"}],"_npmUser":{"name":"alexanderjeurissen","email":"alexander+npm@jeurissen.email"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/flex_1.1.0_1593033789517_0.4977139667393331"},"_hasShrinkwrap":false}},"time":{"created":"2020-06-24T21:02:29.762Z","1.0.9":"2020-06-24T21:02:29.982Z","modified":"2022-04-04T12:39:02.795Z","1.1.0":"2020-06-24T21:23:09.649Z"},"maintainers":[{"name":"alexanderjeurissen","email":"alexander+npm@jeurissen.email"}],"description":"A declarative React primitive Flex component that exposes flexbox specification in JSX","homepage":"https://github.com/alexanderjeurissen/Flex#readme","keywords":["styled-components","styled-system","jsx","react","css-flex","css-flex-layout","flex","component","primitive"],"repository":{"type":"git","url":"git+ssh://git@github.com/alexanderjeurissen/Flex.git"},"author":{"name":"Alexander Jeurissen","email":"1220084+alexanderjeurissen@users.noreply.github.com"},"bugs":{"url":"https://github.com/alexanderjeurissen/Flex/issues"},"license":"MIT","readme":"![image](public/assets/logo.png)\n\n> Be infinitely flexible and constantly amazed. - Jason Kravitz\n\nA declarative React primitive Flex component that exposes the flexbox specification in JSX\n\nBased on Styled System and Styled Components. Written in typescript to provide strict prop validation on css spec adherence.\n\n## Usage\n\nImport as follows:\n\n`import Flex from 'react-flex-primitive';`\n\nThen use the Flex component to define the desired flexbox layout:\n\ne.g. for a Flex container that has vertically aligned flex-items, where the first flex item grows:\n\n```\n\n \n This flex item grows!\n \n \n This flex item does not grow :(\n \n\n```\n\n## Additional resources\n\n- https://www.w3.org/TR/css-flexbox-1/\n- https://css-tricks.com/snippets/css/a-guide-to-flexbox/\n","readmeFilename":"README.md"}