{"_id":"system-components","_rev":"3145435","name":"system-components","description":"Create consistent design-system-driven React UI components","dist-tags":{"alpha":"2.1.0-0","latest":"3.0.3"},"maintainers":[{"name":"jxnblk","email":""}],"time":{"modified":"2023-11-27T07:15:03.000Z","created":"2018-01-21T21:31:31.868Z","3.0.3":"2019-02-11T21:05:42.417Z","3.0.2":"2018-11-04T16:07:58.433Z","3.0.1":"2018-09-06T22:54:01.216Z","3.0.0":"2018-07-15T20:00:02.823Z","2.2.3":"2018-07-05T23:14:30.078Z","2.2.2":"2018-06-22T17:07:01.072Z","2.2.1":"2018-06-18T02:41:33.979Z","2.2.0":"2018-06-16T22:36:12.386Z","2.1.2":"2018-06-16T22:11:29.381Z","2.1.1":"2018-06-16T22:10:37.211Z","2.1.0":"2018-06-16T16:41:16.174Z","2.1.0-0":"2018-06-16T16:17:29.850Z","2.0.4":"2018-06-10T21:58:48.583Z","2.0.3":"2018-04-24T15:47:21.817Z","2.0.2":"2018-02-22T00:25:02.658Z","2.0.1":"2018-02-16T02:16:39.464Z","2.0.0":"2018-02-16T01:06:32.298Z","1.1.3":"2018-02-10T16:50:11.109Z","1.1.2":"2018-01-29T13:37:31.042Z","1.1.1":"2018-01-23T23:31:38.529Z","1.1.0":"2018-01-22T23:12:17.204Z","1.0.0":"2018-01-21T21:31:31.868Z","1.0.1":"2018-01-21T22:11:31.921Z"},"users":{},"author":{"name":"Brent Jackson"},"versions":{"3.0.3":{"name":"system-components","version":"3.0.3","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","cover":"jest --coverage","start":"mdx-go docs -o","test":"jest"},"keywords":["react","components","styled-system","styled-components","emotion","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-system":"^3.2.1"},"devDependencies":{"babel-cli":"^6.26.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.12","jest":"^23.6.0","jest-styled-components":"^5.0.1","mdx-go":"^1.1.11","react":"^16.8.1","react-dom":"^16.8.1","react-emotion":"^9.2.12","react-test-renderer":"^16.8.1","styled-components":"^3.4.10"},"jest":{"roots":["<rootDir>"],"testURL":"http://localhost","testMatch":["**/test.js"],"coverageReporters":["html"]},"_id":"system-components@3.0.3","_nodeVersion":"10.9.0","_npmVersion":"6.6.0","dist":{"shasum":"068449867de23b5365d88f9fb21a9460039a25bf","size":4936,"noattachment":false,"key":"/system-components/-/system-components-3.0.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-3.0.3.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_3.0.3_1549919142118_0.5565291969594355"},"_hasShrinkwrap":false,"publish_time":1549919142417,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1549919142417,"_cnpmcore_publish_time":"2021-12-16T19:22:09.821Z"},"3.0.2":{"name":"system-components","version":"3.0.2","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","cover":"jest --coverage","start":"mdx-go docs -o","test":"jest"},"keywords":["react","components","styled-system","styled-components","emotion","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-system":"^3.1.11"},"devDependencies":{"babel-cli":"^6.26.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.12","jest":"^23.6.0","jest-styled-components":"^5.0.1","mdx-go":"^1.1.11","react":"^16.6.0","react-dom":"^16.6.0","react-emotion":"^9.2.12","react-test-renderer":"^16.6.0","styled-components":"^3.4.10"},"jest":{"roots":["<rootDir>"],"testURL":"http://localhost","testMatch":["**/test.js"],"coverageReporters":["html"]},"_id":"system-components@3.0.2","_npmVersion":"6.4.1","_nodeVersion":"10.9.0","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"f3e9ed16c2dc98a7536f0ff0a2d17a0f40be7a48","size":4936,"noattachment":false,"key":"/system-components/-/system-components-3.0.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-3.0.2.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_3.0.2_1541347678264_0.9506766390280517"},"_hasShrinkwrap":false,"publish_time":1541347678433,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1541347678433,"_cnpmcore_publish_time":"2021-12-16T19:22:10.013Z"},"3.0.1":{"name":"system-components","version":"3.0.1","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","cover":"jest --coverage","start":"mdx-go docs -o","test":"jest"},"keywords":["react","components","styled-system","styled-components","emotion","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-system":"^3.0.1"},"devDependencies":{"babel-cli":"^6.26.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.3","jest":"^23.3.0","jest-styled-components":"^5.0.1","mdx-go":"^1.0.10","react":"^16.4.1","react-dom":"^16.4.1","react-emotion":"^9.2.3","react-test-renderer":"^16.4.1","styled-components":"^3.3.2"},"jest":{"roots":["<rootDir>"],"testMatch":["**/test.js"],"coverageReporters":["html"]},"_id":"system-components@3.0.1","_npmVersion":"6.4.1","_nodeVersion":"10.9.0","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"a4e7d8a7b184aa0612245a4f1bd54b408132e0c0","size":4851,"noattachment":false,"key":"/system-components/-/system-components-3.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-3.0.1.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_3.0.1_1536274441050_0.08208697175082769"},"_hasShrinkwrap":false,"publish_time":1536274441216,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1536274441216,"_cnpmcore_publish_time":"2021-12-16T19:22:10.226Z"},"3.0.0":{"name":"system-components","version":"3.0.0","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","cover":"jest --coverage","start":"ok docs -o","test":"jest"},"keywords":["react","components","styled-system","styled-components","emotion","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-system":"^3.0.1"},"devDependencies":{"babel-cli":"^6.26.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.3","jest":"^23.3.0","jest-styled-components":"^5.0.1","ok-cli":"^2.0.8","react":"^16.4.1","react-dom":"^16.4.1","react-emotion":"^9.2.3","react-test-renderer":"^16.4.1","styled-components":"^3.3.2"},"jest":{"roots":["<rootDir>"],"testMatch":["**/test.js"],"coverageReporters":["html"]},"_id":"system-components@3.0.0","_npmVersion":"6.2.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"073e7c6712012c3c17375bae3ae986cb81866347","size":4819,"noattachment":false,"key":"/system-components/-/system-components-3.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-3.0.0.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_3.0.0_1531684802731_0.21603743088142457"},"_hasShrinkwrap":false,"publish_time":1531684802823,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1531684802823,"_cnpmcore_publish_time":"2021-12-16T19:22:10.438Z"},"2.2.3":{"name":"system-components","version":"2.2.3","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","cover":"nyc report --reporter=html --reporter=lcov","test":"nyc ava"},"keywords":["react","components","styled-system","styled-components","emotion","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"clean-tag":"^1.0.4","styled-system":"^2.3.1"},"devDependencies":{"ava":"^0.25.0","babel-cli":"^6.26.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.3","nyc":"^12.0.2","react":"^16.4.1","react-dom":"^16.4.1","react-emotion":"^9.2.3","react-test-renderer":"^16.4.1","styled-components":"^3.3.2"},"ava":{"require":["babel-register"],"babel":"inherit"},"_id":"system-components@2.2.3","_npmVersion":"6.1.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"3248f7c80affa4b9b61003ecd719a73da4462e59","size":4309,"noattachment":false,"key":"/system-components/-/system-components-2.2.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-2.2.3.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.2.3_1530832470004_0.3978169860904952"},"_hasShrinkwrap":false,"publish_time":1530832470078,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1530832470078,"_cnpmcore_publish_time":"2021-12-16T19:22:10.653Z"},"2.2.2":{"name":"system-components","version":"2.2.2","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","cover":"nyc report --reporter=html --reporter=lcov","test":"nyc ava"},"keywords":["react","components","styled-system","styled-components","emotion","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"clean-tag":"^1.0.4","styled-system":"^2.3.1"},"devDependencies":{"ava":"^0.25.0","babel-cli":"^6.26.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.3","nyc":"^12.0.2","react":"^16.4.1","react-dom":"^16.4.1","react-emotion":"^9.2.3","react-test-renderer":"^16.4.1","styled-components":"^3.3.2"},"ava":{"require":["babel-register"],"babel":"inherit"},"_id":"system-components@2.2.2","_npmVersion":"6.1.0","_nodeVersion":"10.4.0","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"dbc005a8bfa64562e8aac9fa4c4f10fea9e54f6e","size":4287,"noattachment":false,"key":"/system-components/-/system-components-2.2.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-2.2.2.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.2.2_1529687220971_0.7700210261669422"},"_hasShrinkwrap":false,"publish_time":1529687221072,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1529687221072,"_cnpmcore_publish_time":"2021-12-16T19:22:10.848Z"},"2.2.1":{"name":"system-components","version":"2.2.1","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","cover":"nyc report --reporter=html --reporter=lcov","test":"nyc ava"},"keywords":["react","components","styled-system","styled-components","emotion","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"clean-tag":"^1.0.4","styled-system":"^2.3.1"},"devDependencies":{"ava":"^0.25.0","babel-cli":"^6.26.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.3","nyc":"^12.0.2","react":"^16.4.1","react-dom":"^16.4.1","react-emotion":"^9.2.3","react-test-renderer":"^16.4.1","styled-components":"^3.3.2"},"ava":{"require":["babel-register"],"babel":"inherit"},"_id":"system-components@2.2.1","_npmVersion":"6.1.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"a1aba8fca4e415a00d24c8e3ca109a14042974d5","size":4238,"noattachment":false,"key":"/system-components/-/system-components-2.2.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-2.2.1.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.2.1_1529289693931_0.217719781712451"},"_hasShrinkwrap":false,"publish_time":1529289693979,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1529289693979,"_cnpmcore_publish_time":"2021-12-16T19:22:11.071Z"},"2.2.0":{"name":"system-components","version":"2.2.0","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","cover":"nyc report --reporter=html --reporter=lcov","test":"nyc ava"},"keywords":["react","components","styled-system","styled-components","emotion","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"clean-tag":"^1.0.4","styled-system":"^2.3.1"},"devDependencies":{"ava":"^0.25.0","babel-cli":"^6.26.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.3","nyc":"^12.0.2","react":"^16.4.1","react-dom":"^16.4.1","react-emotion":"^9.2.3","react-test-renderer":"^16.4.1","styled-components":"^3.3.2"},"ava":{"require":["babel-register"],"babel":"inherit"},"_id":"system-components@2.2.0","_npmVersion":"6.1.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"2f5328638a3f9ede3a4465b00478efbacb052423","size":4203,"noattachment":false,"key":"/system-components/-/system-components-2.2.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-2.2.0.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.2.0_1529188572313_0.21560607058534909"},"_hasShrinkwrap":false,"publish_time":1529188572386,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1529188572386,"_cnpmcore_publish_time":"2021-12-16T19:22:11.276Z"},"2.1.2":{"name":"system-components","version":"2.1.2","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","cover":"nyc report --reporter=html --reporter=lcov","test":"nyc ava"},"keywords":["react","components","styled-system","styled-components","emotion","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"clean-tag":"^1.0.4","styled-system":"^2.2.9"},"devDependencies":{"ava":"^0.25.0","babel-cli":"^6.26.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.3","nyc":"^12.0.2","react":"^16.4.1","react-dom":"^16.4.1","react-emotion":"^9.2.3","react-test-renderer":"^16.4.1","styled-components":"^3.3.2"},"ava":{"require":["babel-register"],"babel":"inherit"},"_id":"system-components@2.1.2","_npmVersion":"6.1.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"0f938bf61861c07bafa309ebd3b6eeef590a9b9e","size":4204,"noattachment":false,"key":"/system-components/-/system-components-2.1.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-2.1.2.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.1.2_1529187089324_0.7070668168406058"},"_hasShrinkwrap":false,"publish_time":1529187089381,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1529187089381,"_cnpmcore_publish_time":"2021-12-16T19:22:11.481Z"},"2.1.1":{"name":"system-components","version":"2.1.1","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","cover":"nyc report --reporter=html --reporter=lcov","test":"nyc ava"},"keywords":["react","components","styled-system","styled-components","emotion","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"clean-tag":"^1.0.4","styled-system":"^2.2.9"},"devDependencies":{"ava":"^0.25.0","babel-cli":"^6.26.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.3","nyc":"^12.0.2","react":"^16.4.1","react-dom":"^16.4.1","react-emotion":"^9.2.3","react-test-renderer":"^16.4.1","styled-components":"^3.3.2"},"ava":{"require":["babel-register"],"babel":"inherit"},"_id":"system-components@2.1.1","_npmVersion":"6.1.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"3e908f919aee05eabf707e2336fa2cd65ce7efa5","size":4867,"noattachment":false,"key":"/system-components/-/system-components-2.1.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-2.1.1.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.1.1_1529187037150_0.44249768632019326"},"_hasShrinkwrap":false,"publish_time":1529187037211,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1529187037211,"_cnpmcore_publish_time":"2021-12-16T19:22:11.736Z"},"2.1.0":{"name":"system-components","version":"2.1.0","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","cover":"nyc report --reporter=html --reporter=lcov","test":"nyc ava"},"keywords":["react","components","styled-system","styled-components","emotion","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"clean-tag":"^1.0.4","styled-system":"^2.2.9"},"devDependencies":{"ava":"^0.25.0","babel-cli":"^6.26.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.3","nyc":"^12.0.2","react":"^16.4.1","react-dom":"^16.4.1","react-emotion":"^9.2.3","react-test-renderer":"^16.4.1","styled-components":"^3.3.2"},"ava":{"require":["babel-register"],"babel":"inherit"},"_id":"system-components@2.1.0","_npmVersion":"6.1.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"825c6af7a7bb3a762d2835af1f408a41ee09b4ab","size":4794,"noattachment":false,"key":"/system-components/-/system-components-2.1.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-2.1.0.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.1.0_1529167276136_0.5318252707780942"},"_hasShrinkwrap":false,"publish_time":1529167276174,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1529167276174,"_cnpmcore_publish_time":"2021-12-16T19:22:11.934Z"},"2.1.0-0":{"name":"system-components","version":"2.1.0-0","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","cover":"nyc report --reporter=html --reporter=lcov","test":"nyc ava"},"keywords":["react","components","styled-system","styled-components","emotion","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"clean-tag":"^1.0.4","styled-system":"^2.2.9"},"devDependencies":{"ava":"^0.25.0","babel-cli":"^6.26.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.3","nyc":"^12.0.2","react":"^16.4.1","react-dom":"^16.4.1","react-emotion":"^9.2.3","react-test-renderer":"^16.4.1","styled-components":"^3.3.2"},"ava":{"require":["babel-register"],"babel":"inherit"},"readmeFilename":"README.md","_id":"system-components@2.1.0-0","_npmVersion":"6.1.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"21b4c7cf63c5b41d3f22d28ddc2cac4c85bf3d2f","size":4794,"noattachment":false,"key":"/system-components/-/system-components-2.1.0-0.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-2.1.0-0.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.1.0-0_1529165849745_0.11741550125276401"},"_hasShrinkwrap":false,"publish_time":1529165849850,"_cnpm_publish_time":1529165849850,"_cnpmcore_publish_time":"2021-12-16T19:22:12.134Z"},"2.0.4":{"name":"system-components","version":"2.0.4","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","start":"x0 dev docs/App.js -o","cover":"nyc report --reporter=html --reporter=lcov","test":"nyc ava"},"keywords":["react","components","styled-components","styled-system","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"clean-tag":"^1.0.3","styled-components":">=3.0.0","styled-system":">=2.0.1"},"devDependencies":{"ava":"^0.25.0","babel-cli":"^6.26.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","nyc":"^11.4.1","react":"^16.2.0","react-dom":"^16.2.0","react-test-renderer":"^16.2.0"},"ava":{"require":["babel-register"],"babel":"inherit"},"_id":"system-components@2.0.4","_npmVersion":"6.1.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"c9615afd78d48ecc1c713f614cf14fcd3315ec05","size":3811,"noattachment":false,"key":"/system-components/-/system-components-2.0.4.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-2.0.4.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.0.4_1528667928490_0.05706218274728969"},"_hasShrinkwrap":false,"publish_time":1528667928583,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1528667928583,"_cnpmcore_publish_time":"2021-12-16T19:22:12.517Z"},"2.0.3":{"name":"system-components","version":"2.0.3","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","start":"x0 dev docs/App.js -o","cover":"nyc report --reporter=html --reporter=lcov","test":"nyc ava"},"keywords":["react","components","styled-components","styled-system","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"clean-tag":"^1.0.3","styled-components":">=3.0.0","styled-system":">=2.0.1"},"devDependencies":{"ava":"^0.25.0","babel-cli":"^6.26.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","nyc":"^11.4.1","react":"^16.2.0","react-dom":"^16.2.0","react-test-renderer":"^16.2.0"},"ava":{"require":["babel-register"],"babel":"inherit"},"_id":"system-components@2.0.3","_npmVersion":"5.8.0","_nodeVersion":"8.1.4","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"39fa5051c7f276f6b7b0ea990e5fdaef98949343","size":3775,"noattachment":false,"key":"/system-components/-/system-components-2.0.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-2.0.3.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.0.3_1524584841753_0.4953221383439774"},"_hasShrinkwrap":false,"publish_time":1524584841817,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1524584841817,"_cnpmcore_publish_time":"2021-12-16T19:22:12.903Z"},"2.0.2":{"name":"system-components","version":"2.0.2","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","start":"x0 dev docs/App.js -o","cover":"nyc report --reporter=html --reporter=lcov","test":"nyc ava"},"keywords":["react","components","styled-components","styled-system","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"clean-tag":"^1.0.3","styled-components":">=3.0.0","styled-system":">=2.0.1"},"devDependencies":{"ava":"^0.25.0","babel-cli":"^6.26.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","nyc":"^11.4.1","react":"^16.2.0","react-dom":"^16.2.0","react-test-renderer":"^16.2.0"},"ava":{"require":["babel-register"],"babel":"inherit"},"_id":"system-components@2.0.2","_npmVersion":"5.6.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"cc2d0a06c75135a81a1e791e007f781f0159422f","size":3745,"noattachment":false,"key":"/system-components/-/system-components-2.0.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-2.0.2.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.0.2_1519259102568_0.32687710940585846"},"_hasShrinkwrap":false,"publish_time":1519259102658,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1519259102658,"_cnpmcore_publish_time":"2021-12-16T19:22:13.149Z"},"2.0.1":{"name":"system-components","version":"2.0.1","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","start":"x0 dev docs/App.js -o","cover":"nyc report --reporter=html --reporter=lcov","test":"nyc ava"},"keywords":["react","components","styled-components","styled-system","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-components":">=3.0.0","styled-system":">=2.0.1"},"devDependencies":{"ava":"^0.25.0","babel-cli":"^6.26.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","nyc":"^11.4.1","react":"^16.2.0","react-dom":"^16.2.0","react-test-renderer":"^16.2.0"},"ava":{"require":["babel-register"],"babel":"inherit"},"_id":"system-components@2.0.1","_npmVersion":"5.6.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"8e0e2df3b2898ed61e6a9a08cc09ac487151c33e","size":4497,"noattachment":false,"key":"/system-components/-/system-components-2.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-2.0.1.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.0.1_1518747399388_0.4031964848857563"},"_hasShrinkwrap":false,"publish_time":1518747399464,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1518747399464,"_cnpmcore_publish_time":"2021-12-16T19:22:13.389Z"},"2.0.0":{"name":"system-components","version":"2.0.0","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","start":"x0 dev docs/App.js -o","cover":"nyc report --reporter=html --reporter=lcov","test":"nyc ava"},"keywords":["react","components","styled-components","styled-system","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-components":">=3.0.0","styled-system":">=1.0.0 || >=2.0.0"},"devDependencies":{"ava":"^0.25.0","babel-cli":"^6.26.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","nyc":"^11.4.1","react":"^16.2.0","react-dom":"^16.2.0","react-test-renderer":"^16.2.0"},"ava":{"require":["babel-register"],"babel":"inherit"},"_id":"system-components@2.0.0","_npmVersion":"5.6.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"3e1609b7df25e0f945d1c911be1275193261927b","size":4499,"noattachment":false,"key":"/system-components/-/system-components-2.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-2.0.0.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.0.0_1518743192225_0.7736190795509457"},"_hasShrinkwrap":false,"publish_time":1518743192298,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1518743192298,"_cnpmcore_publish_time":"2021-12-16T19:22:13.585Z"},"1.1.3":{"name":"system-components","version":"1.1.3","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","start":"x0 dev docs/App.js -o","cover":"nyc report --reporter=html --reporter=lcov","test":"nyc ava"},"keywords":["react","components","styled-components","styled-system","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-components":">=3.0.0","styled-system":"^1.1.1"},"devDependencies":{"ava":"^0.25.0","babel-cli":"^6.26.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","nyc":"^11.4.1","react":"^16.2.0","react-dom":"^16.2.0","react-test-renderer":"^16.2.0"},"ava":{"require":["babel-register"],"babel":"inherit"},"gitHead":"c1cec1553b35b977b6b4ca4cfee511c9e81277e3","_id":"system-components@1.1.3","_npmVersion":"5.6.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"2c69512d7b56798c64210fac00cf5dc2e2c6399d","size":4965,"noattachment":false,"key":"/system-components/-/system-components-1.1.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-1.1.3.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_1.1.3_1518281410255_0.08152118636946115"},"_hasShrinkwrap":false,"publish_time":1518281411109,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1518281411109,"_cnpmcore_publish_time":"2021-12-16T19:22:13.792Z"},"1.1.2":{"name":"system-components","version":"1.1.2","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","start":"x0 dev docs/App.js -o","cover":"nyc report --reporter=html --reporter=lcov","test":"nyc ava"},"keywords":["react","components","styled-components","styled-system","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-components":"^3.1.2","styled-system":"^1.1.1","tag-hoc":"^1.0.0"},"devDependencies":{"ava":"^0.25.0","babel-cli":"^6.26.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","nyc":"^11.4.1","react":"^16.2.0","react-dom":"^16.2.0","react-test-renderer":"^16.2.0"},"ava":{"require":["babel-register"],"babel":"inherit"},"gitHead":"77c959356976f8936bf45c2eef57720fff7cf266","_id":"system-components@1.1.2","_npmVersion":"5.6.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"f6610b51de8e86cbc4c4bfda7f93ce9504cf7731","size":4106,"noattachment":false,"key":"/system-components/-/system-components-1.1.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-1.1.2.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components-1.1.2.tgz_1517233049593_0.19355346751399338"},"directories":{},"publish_time":1517233051042,"_hasShrinkwrap":false,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1517233051042,"_cnpmcore_publish_time":"2021-12-16T19:22:13.992Z"},"1.1.1":{"name":"system-components","version":"1.1.1","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","start":"x0 dev docs/App.js -o","cover":"nyc report --reporter=html --reporter=lcov","test":"nyc ava"},"keywords":["react","components","styled-components","styled-system","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-components":"^3.0.2","styled-system":"^1.1.1","tag-hoc":"^1.0.0"},"devDependencies":{"ava":"^0.24.0","babel-cli":"^6.26.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","nyc":"^11.4.1","react":"^16.2.0","react-dom":"^16.2.0","react-test-renderer":"^16.2.0"},"ava":{"require":["babel-register"],"babel":"inherit"},"gitHead":"7ee97fad082ddc93bfe6ae768ea9bd01a2a62f7f","_id":"system-components@1.1.1","_npmVersion":"5.6.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"1b461604b1eb27da2716f1259a625e1b4c96c91a","size":4100,"noattachment":false,"key":"/system-components/-/system-components-1.1.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-1.1.1.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components-1.1.1.tgz_1516750297506_0.6362353356089443"},"directories":{},"publish_time":1516750298529,"_hasShrinkwrap":false,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1516750298529,"_cnpmcore_publish_time":"2021-12-16T19:22:14.177Z"},"1.1.0":{"name":"system-components","version":"1.1.0","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","start":"x0 dev docs/App.js -o","cover":"nyc report --reporter=html --reporter=lcov","test":"nyc ava"},"keywords":["react","components","styled-components","styled-system","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-components":"^3.0.2","styled-system":"^1.1.1","tag-hoc":"^1.0.0"},"devDependencies":{"ava":"^0.24.0","babel-cli":"^6.26.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","nyc":"^11.4.1","react":"^16.2.0","react-dom":"^16.2.0","react-test-renderer":"^16.2.0"},"ava":{"require":["babel-register"],"babel":"inherit"},"gitHead":"6eed06dfd7a5d6ea7d19514200bffe78b19b29bf","_id":"system-components@1.1.0","_npmVersion":"5.6.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"0f33689ae161011db6986b542387ff38fb2cade1","size":4062,"noattachment":false,"key":"/system-components/-/system-components-1.1.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-1.1.0.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components-1.1.0.tgz_1516662736248_0.8305309626739472"},"directories":{},"publish_time":1516662737204,"_hasShrinkwrap":false,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1516662737204,"_cnpmcore_publish_time":"2021-12-16T19:22:14.372Z"},"1.0.0":{"name":"system-components","version":"1.0.0","description":"Create consistent design-system-driven React UI components","module":"src/index","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","start":"x0 dev docs/App.js -o","cover":"nyc report --reporter=html --reporter=lcov","test":"nyc ava"},"keywords":["react","components","styled-components","styled-system","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-components":"^2.4.0","styled-system":"^1.1.1","tag-hoc":"^1.0.0"},"devDependencies":{"ava":"^0.24.0","babel-cli":"^6.26.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","nyc":"^11.4.1","react":"^16.2.0","react-dom":"^16.2.0","react-test-renderer":"^16.2.0"},"ava":{"require":["babel-register"],"babel":"inherit"},"gitHead":"dd2714aacbf9238533e16272d5a2343d38034abe","_id":"system-components@1.0.0","_npmVersion":"5.6.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"ed7ab8061c504f5723b349e2ecc22806d4866dab","size":5287,"noattachment":false,"key":"/system-components/-/system-components-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-1.0.0.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components-1.0.0.tgz_1516570290743_0.06569150253199041"},"directories":{},"publish_time":1516570291868,"_hasShrinkwrap":false,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1516570291868,"_cnpmcore_publish_time":"2021-12-16T19:22:14.745Z"},"1.0.1":{"name":"system-components","version":"1.0.1","description":"Create consistent design-system-driven React UI components","main":"dist/index","scripts":{"prepublishOnly":"babel src -d dist","start":"x0 dev docs/App.js -o","cover":"nyc report --reporter=html --reporter=lcov","test":"nyc ava"},"keywords":["react","components","styled-components","styled-system","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"styled-components":"^2.4.0","styled-system":"^1.1.1","tag-hoc":"^1.0.0"},"devDependencies":{"ava":"^0.24.0","babel-cli":"^6.26.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","nyc":"^11.4.1","react":"^16.2.0","react-dom":"^16.2.0","react-test-renderer":"^16.2.0"},"ava":{"require":["babel-register"],"babel":"inherit"},"gitHead":"ad36b9a164dc014bd35e78a313e01fd3e56b657b","_id":"system-components@1.0.1","_npmVersion":"5.6.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"8330e67f3a6fb320c9796bc1aba444e4400b890b","size":3899,"noattachment":false,"key":"/system-components/-/system-components-1.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/system-components/download/system-components-1.0.1.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components-1.0.1.tgz_1516572690991_0.4745843927375972"},"directories":{},"publish_time":1516572691921,"_hasShrinkwrap":false,"deprecated":"system-components has been renamed to @rebass/components","_cnpm_publish_time":1516572691921,"_cnpmcore_publish_time":"2021-12-16T19:22:14.579Z"}},"readme":"\n**DEPRECATED: This package has been renamed and moved to [@rebass/components](https://github.com/rebassjs/components)**\n\n# system-components\n\nCreate consistent design-system-driven React UI components\n\nBuilt with [styled-system][sys],\nwith support for [styled-components][sc] & [emotion][emotion]\n\n[![Build Status][build-badge]][build]\n\n[build-badge]: https://img.shields.io/travis/jxnblk/system-components/master.svg?style=flat-square\n[build]: https://travis-ci.org/jxnblk/system-components\n\n```js\nimport system from 'system-components'\n\n// creates a Box with default props tied to your theme\nconst Box = system({\n  p: 2,\n  bg: 'blue'\n})\n```\n\nOr, to use with [emotion][emotion]:\n\n```js\nimport system from 'system-components/emotion'\n```\n\n## Usage\n\nTo create a styled-component with default props that hook into [styled-system][sys] props, pass a plain object as the first argument to the `system` function.\n\n```js\nconst Card = system({\n  px: 2,\n  py: 3,\n  borderWidth: 1,\n  borderColor: 'lightGray',\n  borderRadius: 2\n})\n```\n\nThe system function will automatically apply [styled-system][sys] functions\nto the underlying styled-component based on the keys of the `defaultProps` object.\nSystem components also add prop type definitions and remove style props from the underlying HTML element.\n\nSee the [styled-system docs][sys] for a complete list of the available style functions.\n\n### Add style props without defaultProps\n\nSystem components can also be created with [styled-system][sys] props without defining `defaultProps`.\n\n```js\nconst Box = system(\n  'space',\n  'width',\n  'color'\n)\n```\n\nThis allows for style props to be passed to the component instance:\n\n```jsx\n<Box\n  width={1/2}\n  px={3}\n  py={4}\n  bg='blue'\n/>\n```\n\n### Using custom functions\n\nCustom style functions can be passed as an argument.\n\n```js\nconst Box = system(\n  props => ({\n    height: props.height\n  })\n)\n```\n\n### Changing the underlying HTML element\n\nSystem components default to using a `<div>` as the HTML element.\nTo change the HTML element use the `is` prop.\n\n```js\nconst Heading = system({\n  is: 'h2',\n  m: 0,\n  fontSize: 6\n})\n```\n\nSince `is` is a prop, it can also be passed to the element when used.\nThis is useful for one-off changes to ensure semantic markup.\n\n```js\n<Heading is='h1'>\n  Hello\n</Heading>\n```\n\n### Extending components\n\nTo extend another component, set it as the default `is` prop in your component definition, or pass it as a prop to the component instance.\n\n```js\nconst Text = system({\n  fontSize: 2,\n})\n\nconst Bold = system({\n  is: Text,\n  fontWeight: 'bold'\n})\n```\n\n### CSS prop\n\nTo add one-off custom CSS to any system-component, use the `css` prop.\n\n```js\n<Heading css='opacity:0.75;'>\n  Hello\n</Heading>\n```\n\n\n## Using with other CSS-in-JS libraries\n\nThe base `System` class can be used to create a system-components function for any CSS-in-JS library.\n\n```js\nimport { System } from 'system-components'\nimport styled from 'nano-style'\n\nconst system = new System({\n  createComponent: type => (...args) => styled(type)(...args)\n})\n\nexport default system\n```\n\n---\n\n[MIT License](License.md)\n\n[sys]: https://github.com/jxnblk/styled-system\n[sc]: https://github.com/styled-components/styled-components\n[emotion]: https://github.com/emotion-js/emotion\n","_attachments":{},"license":"MIT"}