{"_id":"@rebass/grid","_rev":"3145457","name":"@rebass/grid","description":"Responsive React grid system built with styled-system, with support for styled-components and emotion","dist-tags":{"latest":"6.1.0"},"maintainers":[{"name":"jxnblk","email":""}],"time":{"modified":"2023-11-27T07:15:08.000Z","created":"2018-09-02T22:41:59.394Z","6.1.0":"2019-08-06T15:49:06.454Z","6.0.0":"2019-03-23T21:02:30.430Z","6.0.0-7":"2018-12-09T16:53:54.713Z","6.0.0-6":"2018-12-05T16:07:46.351Z","6.0.0-5":"2018-11-30T00:01:19.851Z","6.0.0-4":"2018-09-25T23:07:36.245Z","6.0.0-3":"2018-09-14T16:15:11.698Z","6.0.0-1":"2018-09-12T22:45:58.781Z","6.0.0-2":"2018-09-12T22:46:57.783Z","6.0.0-0":"2018-09-02T22:41:59.394Z"},"users":{},"author":{"name":"Brent Jackson"},"repository":{"type":"git","url":"git+https://github.com/rebassjs/grid.git"},"versions":{"6.1.0":{"name":"@rebass/grid","version":"6.1.0","description":"Responsive React grid system built with styled-system, with support for styled-components and emotion","main":"dist/index.js","scripts":{"prepare":"rm -rf dist && babel src -d dist && npm run emotion","test":"jest","emotion":"NODE_ENV=emotion babel src -d dist/emotion","logo":"npx repng docs/logo.js -w 768 -h 768 -d docs -f logo.png"},"keywords":["react","styled-components","styled-system","grid","flexbox","layout","css"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"@styled-system/prop-types":"^5.0.18","styled-system":"^5.0.18"},"devDependencies":{"@babel/cli":"^7.5.5","@babel/core":"^7.5.5","@babel/preset-env":"^7.5.5","@babel/preset-react":"^7.0.0","@emotion/core":"^10.0.15","@emotion/styled":"^10.0.15","babel-jest":"^24.8.0","babel-plugin-styled-components":"^1.10.6","babel-plugin-transform-rename-import":"^2.3.0","jest":"^24.8.0","jest-emotion":"^10.0.14","jest-styled-components":"^6.3.3","react":"^16.8.6","react-dom":"^16.8.6","react-test-renderer":"^16.8.6","styled-components":"^4.3.2"},"jest":{"roots":["<rootDir>/tests/"],"testMatch":["**/tests/**/*.js"]},"directories":{"doc":"docs","test":"tests"},"repository":{"type":"git","url":"git+https://github.com/rebassjs/grid.git"},"bugs":{"url":"https://github.com/rebassjs/grid/issues"},"homepage":"https://github.com/rebassjs/grid#readme","gitHead":"28ed38c118cb57d168631f88c3f85585f8d47461","_id":"@rebass/grid@6.1.0","_nodeVersion":"10.16.0","_npmVersion":"6.10.0","dist":{"shasum":"17827e13d9b461d86e3e5c6b47393b5aea857370","size":18881,"noattachment":false,"key":"/@rebass/grid/-/@rebass/grid-6.1.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rebass/grid/download/@rebass/grid-6.1.0.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grid_6.1.0_1565106546095_0.08624790374655467"},"_hasShrinkwrap":false,"publish_time":1565106546454,"_cnpm_publish_time":1565106546454,"_cnpmcore_publish_time":"2021-12-16T18:10:15.870Z"},"6.0.0":{"name":"@rebass/grid","version":"6.0.0","description":"Responsive React grid system built with styled-system, with support for styled-components and emotion","main":"dist/index.js","scripts":{"prepare":"rm -rf dist && babel src -d dist && npm run emotion","test":"jest","emotion":"NODE_ENV=emotion babel src -d dist/emotion","logo":"npx repng docs/logo.js -w 768 -h 768 -d docs -f logo.png"},"keywords":["react","styled-components","styled-system","grid","flexbox","layout","css"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-system":"^4.0.6"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.4.0","@babel/preset-env":"^7.4.2","@babel/preset-react":"^7.0.0","@emotion/core":"^10.0.9","@emotion/styled":"^10.0.9","babel-jest":"^24.5.0","babel-plugin-styled-components":"^1.10.0","babel-plugin-transform-rename-import":"^2.3.0","jest":"^24.5.0","jest-emotion":"^10.0.9","jest-styled-components":"^6.3.1","react":"^16.8.5","react-dom":"^16.8.5","react-test-renderer":"^16.8.5","styled-components":"^4.2.0"},"jest":{"roots":["<rootDir>/tests/"],"testMatch":["**/tests/**/*.js"]},"directories":{"doc":"docs","test":"tests"},"repository":{"type":"git","url":"git+https://github.com/rebassjs/grid.git"},"bugs":{"url":"https://github.com/rebassjs/grid/issues"},"homepage":"https://github.com/rebassjs/grid#readme","gitHead":"ed3d1717e160a9b211cda825e51dc8337ed79d7e","_id":"@rebass/grid@6.0.0","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"shasum":"79ad5ae7951bba41a62db5caf1ee2006a201b3b1","size":18810,"noattachment":false,"key":"/@rebass/grid/-/@rebass/grid-6.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rebass/grid/download/@rebass/grid-6.0.0.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grid_6.0.0_1553374950297_0.16789649750203028"},"_hasShrinkwrap":false,"publish_time":1553374950430,"_cnpm_publish_time":1553374950430,"_cnpmcore_publish_time":"2021-12-16T18:10:16.067Z"},"6.0.0-7":{"name":"@rebass/grid","version":"6.0.0-7","description":"Responsive React grid system built with styled-system, with support for styled-components and emotion","main":"dist/index.js","scripts":{"prepare":"rm -rf dist && babel src -d dist && npm run emotion","test":"jest","start":"mdx-go docs","build":"mdx-go build docs -d site","emotion":"NODE_ENV=emotion babel src -d dist/emotion","logo":"repng docs/logo.js -w 768 -h 768 -d docs -f logo.png"},"keywords":["react","styled-components","styled-system","grid","flexbox","layout","css"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-system":"^3.1.11"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","@emotion/core":"^10.0.1","@emotion/styled":"^10.0.1","@reach/component-component":"^0.1.1","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.4.2","babel-plugin-transform-rename-import":"^2.3.0","jest":"^23.6.0","jest-emotion":"^10.0.1","jest-styled-components":"^6.3.1","mdx-go":"^2.0.0-32","react-live":"^1.12.0","react-test-renderer":"^16.6.3","reline":"^1.0.0-beta.3","repng":"^3.1.0","styled-components":"^4.1.2"},"jest":{"roots":["<rootDir>/tests/"],"testMatch":["**/tests/**/*.js"]},"directories":{"doc":"docs","test":"tests"},"repository":{"type":"git","url":"git+https://github.com/rebassjs/grid.git"},"bugs":{"url":"https://github.com/rebassjs/grid/issues"},"homepage":"https://github.com/rebassjs/grid#readme","gitHead":"39a8402acb777e30be88c6628093d17ef873cee4","_id":"@rebass/grid@6.0.0-7","_npmVersion":"6.4.1","_nodeVersion":"10.9.0","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"9f17453620a7d8d91d7fa49c7938a2c72478c87d","size":6014,"noattachment":false,"key":"/@rebass/grid/-/@rebass/grid-6.0.0-7.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rebass/grid/download/@rebass/grid-6.0.0-7.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grid_6.0.0-7_1544374434593_0.7529036915296592"},"_hasShrinkwrap":false,"publish_time":1544374434713,"_cnpm_publish_time":1544374434713,"_cnpmcore_publish_time":"2021-12-16T18:10:16.270Z"},"6.0.0-6":{"name":"@rebass/grid","version":"6.0.0-6","description":"Responsive React grid system built with styled-system, with support for styled-components and emotion","main":"dist/index.js","scripts":{"prepare":"rm -rf dist && babel src -d dist && npm run emotion","test":"jest","start":"mdx-go docs","build":"mdx-go build docs -d site","emotion":"NODE_ENV=emotion babel src -d dist/emotion","logo":"repng docs/logo.js -w 768 -h 768 -d docs -f logo.png"},"keywords":["react","styled-components","styled-system","grid","flexbox","layout","css"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-system":"^3.1.11"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","@compositor/kit":"^1.0.47","@reach/component-component":"^0.1.1","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.4.2","babel-plugin-transform-rename-import":"^2.3.0","emotion":"^9.2.12","jest":"^23.6.0","jest-emotion":"^9.2.11","jest-styled-components":"^6.3.1","mdx-go":"^2.0.0-32","react-emotion":"^9.2.12","react-live":"^1.12.0","react-test-renderer":"^16.6.3","reline":"^1.0.0-beta.3","repng":"^3.1.0","styled-components":"^4.1.2"},"jest":{"roots":["<rootDir>/tests/"],"testMatch":["**/tests/**/*.js"]},"directories":{"doc":"docs","test":"tests"},"repository":{"type":"git","url":"git+https://github.com/rebassjs/grid.git"},"bugs":{"url":"https://github.com/rebassjs/grid/issues"},"homepage":"https://github.com/rebassjs/grid#readme","gitHead":"e67d934963f25698efe4388fc1ada481fa1eaab1","_id":"@rebass/grid@6.0.0-6","_npmVersion":"6.4.1","_nodeVersion":"10.4.0","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"60d2bb8f8f4afd8b083d3136f43d4ae475d1ffe2","size":6018,"noattachment":false,"key":"/@rebass/grid/-/@rebass/grid-6.0.0-6.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rebass/grid/download/@rebass/grid-6.0.0-6.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grid_6.0.0-6_1544026066247_0.17300071897957547"},"_hasShrinkwrap":false,"publish_time":1544026066351,"_cnpm_publish_time":1544026066351,"_cnpmcore_publish_time":"2021-12-16T18:10:16.448Z"},"6.0.0-5":{"name":"@rebass/grid","version":"6.0.0-5","description":"Responsive React grid system built with styled-system, with support for styled-components and emotion","main":"dist/index.js","scripts":{"prepare":"rm -rf dist && babel src -d dist && npm run emotion","test":"jest","start":"mdx-go docs","build":"mdx-go build docs -d site","emotion":"NODE_ENV=emotion babel src -d dist/emotion","logo":"repng docs/logo.js -w 768 -h 768 -d docs -f logo.png"},"keywords":["react","styled-components","styled-system","grid","flexbox","layout","css"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-system":"^3.1.11"},"devDependencies":{"@babel/cli":"^7.1.5","@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","@compositor/kit":"^1.0.47","@reach/component-component":"^0.1.1","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.4.2","babel-plugin-transform-rename-import":"^2.3.0","emotion":"^9.2.12","jest":"^23.6.0","jest-emotion":"^9.2.11","jest-styled-components":"^6.3.1","mdx-go":"^2.0.0-32","react-emotion":"^9.2.12","react-live":"^1.12.0","react-test-renderer":"^16.6.3","reline":"^1.0.0-beta.3","repng":"^3.1.0","styled-components":"^4.1.2"},"peerDependencies":{"styled-components":">=2.0","emotion":">=9.0","react-emotion":">=9.0"},"jest":{"roots":["<rootDir>/tests/"],"testMatch":["**/tests/**/*.js"]},"directories":{"doc":"docs","test":"tests"},"repository":{"type":"git","url":"git+https://github.com/rebassjs/grid.git"},"bugs":{"url":"https://github.com/rebassjs/grid/issues"},"homepage":"https://github.com/rebassjs/grid#readme","gitHead":"6c8334ac20396eb6827d0aa42e4798bc213bf47e","_id":"@rebass/grid@6.0.0-5","_npmVersion":"6.4.1","_nodeVersion":"11.2.0","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"b4ca526d5f5a667a9645fb3bf37fb7da9ee02b0d","size":6041,"noattachment":false,"key":"/@rebass/grid/-/@rebass/grid-6.0.0-5.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rebass/grid/download/@rebass/grid-6.0.0-5.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grid_6.0.0-5_1543536079720_0.13627274042201898"},"_hasShrinkwrap":false,"publish_time":1543536079851,"_cnpm_publish_time":1543536079851,"_cnpmcore_publish_time":"2021-12-16T18:10:16.647Z"},"6.0.0-4":{"name":"@rebass/grid","version":"6.0.0-4","description":"Responsive React grid system built with styled-system, with support for styled-components and emotion","main":"dist/index.js","scripts":{"prepare":"rm -rf dist && babel src -d dist && npm run emotion","test":"jest","start":"mdx-go docs","build":"mdx-go build docs -d site","emotion":"NODE_ENV=emotion babel src -d dist/emotion","logo":"repng docs/logo.js -w 768 -h 768 -d docs -f logo.png"},"keywords":["react","styled-components","styled-system","grid","flexbox","layout","css"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-system":"^3.1.6"},"devDependencies":{"@babel/cli":"^7.1.0","@babel/core":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","@compositor/kit":"^1.0.47","@reach/component-component":"^0.1.1","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.4.2","babel-plugin-transform-rename-import":"^2.3.0","emotion":"^9.2.10","jest":"^23.6.0","jest-emotion":"^9.2.7","jest-styled-components":"^6.2.1","mdx-go":"^2.0.0-23","react-emotion":"^9.2.10","react-live":"^1.11.0","react-test-renderer":"^16.5.2","reline":"^1.0.0-beta.3","repng":"^3.1.0","styled-components":"^4.0.0-beta.9"},"peerDependencies":{"styled-components":">=2.0","emotion":">=9.0","react-emotion":">=9.0"},"jest":{"roots":["<rootDir>/tests/"],"testMatch":["**/tests/**/*.js"]},"directories":{"doc":"docs","test":"tests"},"repository":{"type":"git","url":"git+https://github.com/rebassjs/grid.git"},"bugs":{"url":"https://github.com/rebassjs/grid/issues"},"homepage":"https://github.com/rebassjs/grid#readme","gitHead":"717958690c58db0324663803918ed74f0b637770","_id":"@rebass/grid@6.0.0-4","_npmVersion":"6.4.1","_nodeVersion":"10.9.0","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"95bb4367ddfd0d955e256fcd46ea26adb02411eb","size":6057,"noattachment":false,"key":"/@rebass/grid/-/@rebass/grid-6.0.0-4.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rebass/grid/download/@rebass/grid-6.0.0-4.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grid_6.0.0-4_1537916856092_0.8318076691038896"},"_hasShrinkwrap":false,"publish_time":1537916856245,"_cnpm_publish_time":1537916856245,"_cnpmcore_publish_time":"2021-12-16T18:10:16.999Z"},"6.0.0-3":{"name":"@rebass/grid","version":"6.0.0-3","description":"Responsive React grid system built with styled-system, with support for styled-components and emotion","main":"dist/index.js","scripts":{"prepare":"rm -rf dist && babel src -d dist && npm run emotion","test":"jest","start":"mdx-go docs","build":"mdx-go build docs -d site --basename /grid","emotion":"NODE_ENV=emotion babel src -d dist/emotion","logo":"repng docs/logo.js -w 768 -h 768 -d docs -f logo.png"},"keywords":["react","styled-components","styled-system","grid","flexbox","layout","css"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-system":"^3.1.3"},"devDependencies":{"@compositor/kit":"^1.0.47","@reach/component-component":"^0.1.1","babel-cli":"^6.26.0","babel-plugin-transform-rename-import":"^2.3.0","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","babel-register":"^6.26.0","emotion":"^9.2.8","jest":"^23.6.0","jest-emotion":"^9.2.7","jest-styled-components":"^6.2.0","mdx-go":"^1.1.6","react-emotion":"^9.2.8","react-live":"^1.11.0","react-test-renderer":"^16.5.0","reline":"^1.0.0-beta.3","repng":"^3.1.0","styled-components":"^4.0.0-beta.3-side-effect-test"},"peerDependencies":{"styled-components":">=2.0","emotion":">=9.0","react-emotion":">=9.0"},"jest":{"roots":["<rootDir>/tests/"],"testMatch":["**/tests/**/*.js"]},"gitHead":"d02c6ff97a981c7920773fe2fffad2671458d10d","_id":"@rebass/grid@6.0.0-3","_npmVersion":"6.4.0","_nodeVersion":"10.4.0","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"15f965e5d8ce2b29ac95a2a96e66bf1d9c7c73aa","size":5342,"noattachment":false,"key":"/@rebass/grid/-/@rebass/grid-6.0.0-3.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rebass/grid/download/@rebass/grid-6.0.0-3.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grid_6.0.0-3_1536941711541_0.536729616008881"},"_hasShrinkwrap":false,"publish_time":1536941711698,"_cnpm_publish_time":1536941711698,"_cnpmcore_publish_time":"2021-12-16T18:10:17.223Z"},"6.0.0-1":{"name":"@rebass/grid","version":"6.0.0-1","description":"Responsive React grid system built with styled-system, with support for styled-components and emotion","main":"dist/index.js","scripts":{"prepare":"babel src -d dist && npm run emotion","test":"jest","start":"mdx-go docs","build":"mdx-go build docs -d site --basename /grid","emotion":"NODE_ENV=emotion babel src -d dist/emotion","logo":"repng docs/logo.js -w 768 -h 768 -d docs -f logo.png"},"keywords":["react","styled-components","styled-system","grid","flexbox","layout","css"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-system":"^3.1.0"},"devDependencies":{"@compositor/kit":"^1.0.47","@reach/component-component":"^0.1.1","babel-cli":"^6.26.0","babel-plugin-transform-rename-import":"^2.3.0","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","babel-register":"^6.26.0","emotion":"^9.2.8","jest":"^23.6.0","jest-emotion":"^9.2.7","jest-styled-components":"^6.2.0","mdx-go":"^1.1.6","react-emotion":"^9.2.8","react-live":"^1.11.0","react-test-renderer":"^16.5.0","reline":"^1.0.0-beta.3","repng":"^3.1.0","styled-components":"^4.0.0-beta.3-side-effect-test"},"peerDependencies":{"styled-components":">=2.0","emotion":">=9.0","react-emotion":">=9.0"},"jest":{"roots":["<rootDir>/tests/"],"testMatch":["**/tests/**/*.js"]},"gitHead":"29a1bb0b3429988f67432f296acf53320ff815a2","_id":"@rebass/grid@6.0.0-1","_npmVersion":"6.4.1","_nodeVersion":"10.9.0","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"f2c8a1b25c0f3168b10bbe6bfba85b0543b7dc73","size":342728,"noattachment":false,"key":"/@rebass/grid/-/@rebass/grid-6.0.0-1.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rebass/grid/download/@rebass/grid-6.0.0-1.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grid_6.0.0-1_1536792358240_0.08780115460514204"},"_hasShrinkwrap":false,"publish_time":1536792358781,"_cnpm_publish_time":1536792358781,"_cnpmcore_publish_time":"2021-12-16T18:10:17.963Z"},"6.0.0-2":{"name":"@rebass/grid","version":"6.0.0-2","description":"Responsive React grid system built with styled-system, with support for styled-components and emotion","main":"dist/index.js","scripts":{"prepare":"rm -rf dist && babel src -d dist && npm run emotion","test":"jest","start":"mdx-go docs","build":"mdx-go build docs -d site --basename /grid","emotion":"NODE_ENV=emotion babel src -d dist/emotion","logo":"repng docs/logo.js -w 768 -h 768 -d docs -f logo.png"},"keywords":["react","styled-components","styled-system","grid","flexbox","layout","css"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-system":"^3.1.0"},"devDependencies":{"@compositor/kit":"^1.0.47","@reach/component-component":"^0.1.1","babel-cli":"^6.26.0","babel-plugin-transform-rename-import":"^2.3.0","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","babel-register":"^6.26.0","emotion":"^9.2.8","jest":"^23.6.0","jest-emotion":"^9.2.7","jest-styled-components":"^6.2.0","mdx-go":"^1.1.6","react-emotion":"^9.2.8","react-live":"^1.11.0","react-test-renderer":"^16.5.0","reline":"^1.0.0-beta.3","repng":"^3.1.0","styled-components":"^4.0.0-beta.3-side-effect-test"},"peerDependencies":{"styled-components":">=2.0","emotion":">=9.0","react-emotion":">=9.0"},"jest":{"roots":["<rootDir>/tests/"],"testMatch":["**/tests/**/*.js"]},"gitHead":"a9d96df9587c68de2447aab0b5aafe4796cd016d","_id":"@rebass/grid@6.0.0-2","_npmVersion":"6.4.1","_nodeVersion":"10.9.0","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"60341739a97aecc8a975ed70504ba445b6237e60","size":5341,"noattachment":false,"key":"/@rebass/grid/-/@rebass/grid-6.0.0-2.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rebass/grid/download/@rebass/grid-6.0.0-2.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grid_6.0.0-2_1536792417609_0.3193973378775632"},"_hasShrinkwrap":false,"publish_time":1536792417783,"_cnpm_publish_time":1536792417783,"_cnpmcore_publish_time":"2021-12-16T18:10:17.439Z"},"6.0.0-0":{"name":"@rebass/grid","version":"6.0.0-0","description":"Responsive React grid system built with styled-system, with support for styled-components and emotion","main":"dist/index.js","scripts":{"prepare":"babel src -d dist && npm run emotion","test":"jest","start":"mdx-go docs","build":"mdx-go build docs -d site --basename /grid","emotion":"NODE_ENV=emotion babel src -d dist/emotion","logo":"repng docs/logo.js -w 768 -h 768 -d docs -f logo.png"},"keywords":["react","styled-components","styled-system","grid","flexbox","layout","css"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"@rebass/components":"^4.0.0-1"},"devDependencies":{"@compositor/kit":"^1.0.47","@reach/component-component":"^0.1.0","babel-cli":"^6.26.0","babel-plugin-transform-rename-import":"^2.2.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","babel-register":"^6.26.0","clean-tag":"^2.0.0","emotion":"^9.2.3","jest":"^23.1.0","jest-emotion":"^9.2.4","jest-styled-components":"^5.0.1","mdx-go":"^1.0.13","react":"^16.2.0","react-dom":"^16.2.0","react-emotion":"^9.2.3","react-live":"^1.9.2","react-test-renderer":"^16.2.0","reline":"^1.0.0-beta.3","repng":"^3.0.0","styled-components":"^3.3.3"},"peerDependencies":{"styled-components":">=2.0 || >=3.0","emotion":">=9.0","react-emotion":">=9.0"},"jest":{"roots":["<rootDir>/tests/"],"testMatch":["**/tests/**/*.js"]},"gitHead":"309d04caa06ec5e9533b7757ddbc8cb71fc5b546","_id":"@rebass/grid@6.0.0-0","_npmVersion":"6.2.0","_nodeVersion":"10.9.0","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"0bafd24503196f564a75287a9cafa55c0e2ae2d4","size":5122,"noattachment":false,"key":"/@rebass/grid/-/@rebass/grid-6.0.0-0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rebass/grid/download/@rebass/grid-6.0.0-0.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grid_6.0.0-0_1535928119239_0.40073399975291846"},"_hasShrinkwrap":false,"publish_time":1535928119394,"_cnpm_publish_time":1535928119394,"_cnpmcore_publish_time":"2021-12-16T18:10:18.211Z"}},"readme":"\n<img src='logo.png' width='128' height='128' />\n\n# Rebass Grid\n\nResponsive React grid system built with\n[styled-system][], with support for\n[styled-components][] and\n[emotion][] (previously called `grid-styled`)\n\nhttps://rebassjs.org/grid\n\n[![Build Status][badge]][travis]\n[![Downloads][downloads-badge]][npm]\n[![Version][version-badge]][npm]\n\n[badge]: https://flat.badgen.net/travis/rebassjs/grid/master\n[travis]: https://travis-ci.org/rebassjs/grid\n\n[downloads-badge]: https://flat.badgen.net/npm/dw/@rebass/grid\n[version-badge]: https://flat.badgen.net/npm/v/@rebass/grid\n[npm]: https://npmjs.com/package/@rebass/grid\n\n\n## Getting Started\n\n```sh\nnpm i @rebass/grid\n```\n\n```jsx\nimport React from 'react'\nimport { Flex, Box } from '@rebass/grid'\n\nconst App = () => (\n  <Flex>\n    <Box width={1/2} px={2}>\n      Half width\n    </Box>\n    <Box width={1/2} px={2}>\n      Half width\n    </Box>\n  </Flex>\n)\n```\n\n### Emotion\n\n*Or* for emotion , import `@rebass/grid/emotion`  (uses v10 `@emotion/styled`)\n\n```js\nimport { Flex, Box } from '@rebass/grid/emotion'\n```\n\n## Box\n\nThe Box component handles width, margin and padding.\n\n```jsx\n// Different widths at different breakpoints\n<Box\n  width={[\n    1/2,\n    1/3,\n    1/4,\n    1/6\n  ]}\n/>\n\n// Fixed pixel width\n<Box width={256} />\n\n// CSS value width\n<Box width='40em' />\n```\n\n```jsx\n// Padding\n<Box p={2} />\n\n// Padding top\n<Box pt={2} />\n\n// Padding bottom\n<Box pb={2} />\n\n// Padding left\n<Box pl={2} />\n\n// Padding right\n<Box pr={2} />\n\n// x-axis padding (left and right)\n<Box px={2} />\n\n// y-axis padding (top and bottom)\n<Box py={2} />\n```\n\n```jsx\n// Margin\n<Box m={2} />\n\n// Margin top\n<Box mt={2} />\n\n// Margin bottom\n<Box mb={2} />\n\n// Margin left\n<Box ml={2} />\n\n// Margin right\n<Box mr={2} />\n\n// x-axis margin (left and right)\n<Box mx={2} />\n\n// y-axis margin (top and bottom)\n<Box my={2} />\n```\n\n```jsx\n// margin auto\n<Box m='auto' />\n\n// negative margins\n<Box mx={-2} />\n```\n\n## Props\n\nAll @rebass/grid components use [styled-system][] for style props,\nwhich pick up values from a [theme](#theming) and allow for responsive styles to be passed as [array values](#responsive-styles).\n\n### `width` (number|string|array)\n\nSets width, where numbers `0-1` are percentage values, larger numbers are pixel values, and strings are raw CSS values with units.\nPass an array to set different widths at different breakpoints for\n[responsive styles](#responsive-styles).\n\n### Margin and Padding Props\n\nBoth margin and padding props accept numbers, strings, and arrays as values.\nUsing a number from `0-8` (i.e. an index of `theme.space`) will reference a step on the spacing scale.\nLarger numbers are converted to pixel values.\nNegative Numbers can be used to set negative margins and compensate for grid gutters.\nStrings are passed directly for other valid CSS values.\n\nUse array values to set different margin or padding values per breakpoint for\n[responsive styles](#responsive-styles).\n\nMargin and padding props follow a shorthand syntax for specifying direction.\n\n- `m`:  margin\n- `mt`: margin-top\n- `mr`: margin-right\n- `mb`: margin-bottom\n- `ml`: margin-left\n- `mx`: margin-left and margin-right\n- `my`: margin-top and margin-bottom\n- `p`:  padding\n- `pt`: padding-top\n- `pr`: padding-right\n- `pb`: padding-bottom\n- `pl`: padding-left\n- `px`: padding-left and padding-right\n- `py`: padding-top and padding-bottom\n\n### `flex` (string|array)\n\nSets the `flex` property.\n\n```jsx\n<Box flex='1 1 auto' />\n```\n\n### `order` (number|string|array)\n\nSets the `order` property.\n\n```jsx\n<Box order={2} />\n```\n\n### `alignSelf` (string|array)\n\nSets the `align-self` property.\n\n```jsx\n<Box alignSelf='flex-end' />\n```\n\n### `css` (string|object)\n\nPass styles to styled-components or emotion.\nThis is useful as an escape hatch for one-off styles\nor as a way to extend Rebass Grid components.\n\n```jsx\n<Box\n  bg='blue'\n  css={{\n    borderRadius: '4px'\n  }}\n/>\n```\n\n## `Flex`\n\nThe Flex component extends the Box component and sets display flex.\n\n```jsx\nimport React from 'react'\nimport { Flex, Box } from '@rebass/grid'\n\nconst App = props =>\n  <Flex>\n    <Box>Flex</Box>\n    <Box>Box</Box>\n  </Flex>\n```\n\nIn addition to the Box component props,\nFlex also includes the following:\n\n- `alignItems` (string|array) sets `align-items`\n- `justifyContent` (string|array) sets `justify-content`\n- `flexDirection` (string|array) sets `flex-direction`\n- `flexWrap` (string|array) sets `flex-wrap: wrap`\n\n\n## Responsive Styles\n\nRebass Grid props accept arrays as values for mobile-first responsive styles,\nwhere the first value is for all breakpoints, then each value after is for a min-width\nmedia query from that breakpoint and up.\n\n```jsx\n// 100% below the smallest breakpoint,\n// 50% from the next breakpoint and up,\n// and 25% from the next breakpoint and up\n<Box width={[ 1, 1/2, 1/4 ]} />\n\n// responsive margin\n<Box m={[ 1, 2, 3, 4 ]} />\n\n// responsive padding\n<Box p={[ 1, 2, 3, 4 ]} />\n```\n\n## Extending Components\n\nComponent can be extended with React or using styled-components or emotion.\n\n### InlineFlex\n\n```jsx\nimport React from 'react'\nimport { Flex } from '@rebass/grid'\n\nconst InlineFlex = props =>\n  <Flex\n    {...props}\n    css={{\n      display: 'inline-flex'\n    }}\n  />\n```\n\n```jsx\n// styled-components example\nimport styled from 'styled-components'\nimport { Flex } from '@rebass/grid'\n\nconst InlineFlex = styled(Flex)`\n  display: inline-flex;\n`\n```\n\n### Max-Width Container\n\n```jsx\nimport React from 'react'\nimport { Box } from '@rebass/grid'\n\nconst Container = props =>\n  <Box\n    {...props}\n    mx='auto'\n    css={{\n      maxWidth: '1024px'\n    }}\n  />\n```\n\n```js\n// styled-components example\nimport styled from 'styled-components'\nimport { Box } from '@rebass/grid'\n\nconst Container = styled(Box)`\n  max-width: 1024px;\n`\nContainer.defaultProps = {\n  mx: 'auto'\n}\n```\n\n\n### Auto Grid\n\nThis example creates components for a grid with set gutters where the columns expand to fill in the space.\n\n```jsx\n// Example\nimport React from 'react'\nimport { Flex, Box } from '@rebass/grid'\n\nconst Row = props => (\n  <Flex\n    {...props}\n    mx={-3}\n  />\n)\n\nconst Column = props => (\n  <Box\n    {...props}\n    px={3}\n    flex='1 1 auto'\n  />\n)\n```\n\n## Changing the HTML element\n\nRebass Grid is intended for use with styled-components v4.\nTo change the underlying HTML element, use the styled-components `as` prop.\n\n```jsx\n<Box as='header' />\n```\n\n*Note:* Previous versions of grid-styled supported an `is` prop, which has been deprecated in favor of the styled-components `as` prop.\n\n## Theming\n\nRebass Grid uses smart defaults, but to customize the values,\nuse the `ThemeProvider` component from styled-components or emotion.\n\n\n```jsx\nimport React from 'react'\nimport { ThemeProvider } from 'styled-components'\nimport { Box } from '@rebass/grid'\n\nconst theme = {\n  space: [ 0, 6, 12, 18, 24 ],\n  breakpoints: [ '32em', '48em', '64em' ]\n}\n\nconst App = () => (\n  <ThemeProvider theme={theme}>\n    <div>\n      <Box width={[1, 1/2, 1/4]} px={2}>Box with custom spacing scale and breakpoints</Box>\n    </div>\n  </ThemeProvider>\n)\n```\n\n### Breakpoints\n\nThe Flex and Box components use a mobile-first responsive approach,\nwhere any value set works from that breakpoint and wider.\nBreakpoints are hard-coded to the following min-widths: `40em`, `52em`, `64em`.\n\nTo customize, provide an array of string values that will be converted to media queries.\n\n### Spacing Scale\n\nRebass Grid components' margin and padding props use a 4 step spacing scale to help\nkeep things aligned and keep layouts consistent.\n\nThe default scale is based on an 8px/powers-of-two grid: `[ 0, 4, 8, 16, 32, 64, 128, 256, 512 ]`,\nwhich helps keep spacing consistent and elements aligned even when nesting components.\n\n## Styled Space\n\nRebass Grid also works with the optional [Rebass Space][] package.\n\n```jsx\nimport React from 'react'\nimport { Flex, Box } from '@rebass/grid'\nimport Space from '@rebass/space'\n\nconst App = () => (\n  <Flex>\n    <Space mx={3}>\n      <h1>Hello</h1>\n      <Box>Beep</Box>\n    </Space>\n  </Flex>\n)\n```\n\n## Related\n\n- [Rebass Space][]\n- [styled-system][]\n- [@rebass/components][]\n- [Rebass](https://rebassjs.org/)\n- [styled-components][]\n- [emotion][]\n\n[rebass space]: https://github.com/rebassjs/space\n[styled-components]: https://github.com/styled-components/styled-components\n[styled-system]: https://github.com/jxnblk/styled-system\n[emotion]: https://github.com/emotion-js/emotion\n[is-prop]: https://github.com/jxnblk/styled-system/tree/master/system-components#changing-the-underlying-html-element\n[@rebass/components]: https://github.com/rebassjs/components\n\n[MIT License](LICENSE.md)\n","_attachments":{},"homepage":"https://github.com/rebassjs/grid#readme","bugs":{"url":"https://github.com/rebassjs/grid/issues"},"license":"MIT"}