{"_id":"@alexanderjeurissen/grid","_rev":"1-ce71c7d941737b37ae17a065f6023fbb","name":"@alexanderjeurissen/grid","dist-tags":{"latest":"2.0.0"},"versions":{"2.0.0":{"name":"@alexanderjeurissen/grid","version":"2.0.0","description":"A declarative React primitive Grid component that exposes css-grid specification in JSX","main":"./dist/react_grid_primitive.js","types":"./dist/react_grid_primitive.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/alexanderjeurissen/Grid.git"},"author":{"name":"Alexander Jeurissen","email":"1220084+alexanderjeurissen@users.noreply.github.com"},"license":"MIT","bugs":{"url":"https://github.com/alexanderjeurissen/Grid/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","postversion":"git push --tags"},"keywords":["styled-components","styled-system","jsx","react","css-grid","css-grid-layout","grid","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":"57e26d4cad520ad1eb36117210268ae811b8d3de","homepage":"https://github.com/alexanderjeurissen/Grid#readme","_id":"@alexanderjeurissen/grid@2.0.0","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-CMS5pbwkySoXQKR8jtigZFyLYG/8lecMgpHkhQDWVpr0T2tTQXzkv7TtHP9dEVt845qQ9JXzqfmLl87JcuWSaQ==","shasum":"06dd0cc4ef66c5f7d1d03f84a827df41f2969324","tarball":"https://registry.npmjs.org/@alexanderjeurissen/grid/-/grid-2.0.0.tgz","fileCount":5,"unpackedSize":5543,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe88bmCRA9TVsSAnZWagAAUbAQAIrxV+cRJdhRpxhQBejV\nDMlIBEKY5eTuX7tchZZNOTAeQKD9ZwO8BBrekLbxKGOvj+JrGfyJerBJ+yQ1\nKCS67V48mqNOw2mvuaBirpB3Z5i5g0L2Nqo/VQulXeItyScKIr8RKyOCHBdk\nj0aApQp+dHuHScas+1sUVBUP0PNQJ6fRHSR7YMdRIrTyAAQNnpx/wnDajiCj\ngdjWtllI4TwXbXX+ouFQnKQ9ddcO2n4U26BSUOcqMgev17AnKus5twHmUMCQ\nRY1qhj3mx/MHmXQhubTY5NKzt5eWzZTbsA/s98ikW04tzJmjCqqnKdDiHozP\n2bGvzlo39lBsnRYWwt73zaF0UnB9yfbXOn56f+5jq1V1q4lzHhBQ7hXqNVjk\nqtMMDY11ilJH8m4TvWYIQizMWLXpl7Mx36selj0t8DUlP2Oknsb66EvYhxWf\nm+Vza/tCcERtD5jYcDa5r5XOptGq5O7mgZjt149emuRn5H9sh5Mr5whzp194\nFhrPZ2+/9sjKvpnmNncdTL+7ssGA0Yx02r5xj59gs7taAJKCBz6eT6keFPSZ\nkJPfHIP7wSRqsqD/XCCD1KUeGYm6Kkuo99VDzUhvUWHAcJAvKx+AOTCXgGOD\n+ohbExONbiK0DjQtSD4BiqNEnLh9iBqFhwG9kIYZWGjQtzJ7TcTY9VjqS0R2\nmB6J\r\n=e8tb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDuXGWUETIH3uLxMYfPAks1lEd95RH6hlfnr3rYnQHvCAIhALi/TmolV54U2RR75Br3TjgXvNYZ+UdF+RS6jLgGB/Ol"}]},"maintainers":[{"name":"alexanderjeurissen","email":"alexander+npm@jeurissen.email"}],"_npmUser":{"name":"alexanderjeurissen","email":"alexander+npm@jeurissen.email"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grid_2.0.0_1593034470156_0.8207021382995052"},"_hasShrinkwrap":false}},"time":{"created":"2020-06-24T21:34:30.111Z","2.0.0":"2020-06-24T21:34:30.378Z","modified":"2022-04-04T12:39:02.901Z"},"maintainers":[{"name":"alexanderjeurissen","email":"alexander+npm@jeurissen.email"}],"description":"A declarative React primitive Grid component that exposes css-grid specification in JSX","homepage":"https://github.com/alexanderjeurissen/Grid#readme","keywords":["styled-components","styled-system","jsx","react","css-grid","css-grid-layout","grid","component","primitive"],"repository":{"type":"git","url":"git+ssh://git@github.com/alexanderjeurissen/Grid.git"},"author":{"name":"Alexander Jeurissen","email":"1220084+alexanderjeurissen@users.noreply.github.com"},"bugs":{"url":"https://github.com/alexanderjeurissen/Grid/issues"},"license":"MIT","readme":"![image](public/assets/logo.png)\n\n![Publish](https://github.com/alexanderjeurissen/grid/workflows/Publish/badge.svg)\n\n> The Grid. A digital frontier. I tried to picture clusters of information as they moved through the computer. What did they look like? Ships, motorcycles? Were the circuits like freeways? I kept dreaming of a world I thought I'd never see. And then, one day I got in...\n\nA declarative React primitive Grid component that exposes css-grid 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 Grid from 'react-grid-primitive';`\n\nThen use the grid to define the desired css grid layout:\n\ne.g. for a 200px height header, with a left sidebar that is 100px in width and a main content that takes up the remainder\n\n```\n<Grid gridTemplateRows='200px 1fr' gridTemplateColumns='100px 1fr'>\n <Header />\n <Sidebar />\n <Content />\n</Grid>\n```\n\n## Additional resources\n\n- https://www.w3.org/TR/css-grid-1/\n- https://css-tricks.com/snippets/css/complete-guide-grid/\n","readmeFilename":"README.md"}