` 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
\n Hello\n\n```\n\n### Extending components\n\nSystem components are styled-components, so any of the\n[built-in methods](https://www.styled-components.com/docs/api#styledcomponent)\nwork as expected, including `.extend`.\n\n```js\nconst Text = system({\n fontSize: 2,\n})\n\nconst Bold = Text.extend`\n font-weight: bold;\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 cxs from 'cxs/component'\n\nconst system = new System({\n createComponent: type => (...args) => cxs(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","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":{"integrity":"sha512-uN4RFxbzWwI93HblDKl4ESLYiGxVmgpxJH+ANJPi5JsGtAhEg5NvU1a5uK4agc+FP4haH6noQFNoWpaSmLKx6Q==","shasum":"21b4c7cf63c5b41d3f22d28ddc2cac4c85bf3d2f","tarball":"https://registry.npmjs.org/system-components/-/system-components-2.1.0-0.tgz","fileCount":12,"unpackedSize":13038,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbJTgaCRA9TVsSAnZWagAAAncP/RJl8LWeUnNGJRiQUwNf\nUYMv/8NolxlldIk/GbX1NmXvQP9iMqnAzbdgVh699J+CYPspbKhszV4Cmwpy\n2/oLbGklxsLHhXaZz6P5+jggMijDyZdBZkwywhfSfh0aoDXyVMYtrDvBsrb3\nLQyyBg4XtJu9qMMhzkxQf2VGfwqI5j0+WioAHnDfOIvPBfNeVOv6fZJxa+sd\novecd/E1NkXj0ChzBsm9kYOpPoLA/Rp3LHzqPzwlzVcqGXDVHcwTLvT/+VAn\nooA7YBPJWTFwZaQi8ZyHt0840UAVTt7FpLV3cve4Rvrv59p5Fqgh8faKdHWE\nhLJYL0UDT0U6AYxsqK+1ik+BR955TQWX+9OUsU4Xg+AoXPL+dUZsGazHxoUZ\nRnHUh4AOTHvhR7qZJvFirzNQOBxyM0w4C6eldHLRVvinEIt2U0yJlLN3xmhy\npHuztDhtglBYhahh1WO7yt/sI/8zPSwAlFxZ12Gsukp/omrcbM3BAzvOIkGZ\na/htL7SPRW/189aPSKA4Pvj6TpazxrQBy3l6aobMHsiwXVix55XhzwUOapsC\n/nYA0PXjvy8WQZabJIAP9N4fnyljwz0JjAtmsRe+m+TrLHkJYpPZbKGJez8c\naOyUq+F9Qv3A0VfB9ZLLrmzmwabP4xIXVnQq1u8mRhry5s9v/jfdU9h54ei2\nlYHo\r\n=f0AR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClv+KCpfEbIg8Bz/fdGSBYz+HelKjA6k7B55BOfKHnWgIhALF3aOVOPKyAHT1Ch+VCs2xp5oINf+NSwPj1mA0zCg2h"}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.1.0-0_1529165849745_0.11741550125276401"},"_hasShrinkwrap":false},"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":{"integrity":"sha512-74RJuZIqMqwFAdI8z/qklXGnWDva0cAbdLHyxei1sn65YB6M6IMCNevtxMIkeVJ2VAtMxb6jyR4zUTDxIm7pgA==","shasum":"825c6af7a7bb3a762d2835af1f408a41ee09b4ab","tarball":"https://registry.npmjs.org/system-components/-/system-components-2.1.0.tgz","fileCount":12,"unpackedSize":13036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbJT2tCRA9TVsSAnZWagAASksP/R2KqwhoYeZcKnhSKQU/\npecWvHnEzYZ2kUGsialictd3FF5284BNQHFEUcydEfCR9Q+gGJ7w/FUh4GeU\nnLZuVqWyK9JdJXOA0gRwatQ3OS12tuTSilxmoS/HNkq3mjUH98k2rt+8iZVD\npbP1DRTRbM+YwlVp+n6aGvv/1OX6fBAp8/FWAq6A/HdArcIwcw9Sibr+kv2x\nikt5K785x09lNgZH7XIK0x23VxjyRVqVdeuimyf2W041+UbxEYEWds8wZQRs\nxHkB8LvmSC6PsrM96Z2D7HOVIk0jgb/cKHvMAzafBElqv0us5WSdGG+rY791\nOs7uRvWDMSvU8sVVnCC5fiNJ1Kiqeb8bBNu2/aJYe7asLybzdrKwoOK0Gixj\nbpuua+lsSTu5PeY7j5w95aO/OyvXxTCCSTMvS1J1qHvx9hauyhDvJS3mzBJq\n3ernBOYSX0jjnHqA4eF87dfMnRecRS9M40fA0DMSAAjPOSqJpdYrP7sxjOs8\nUhtK5BLJnw6mitbaSw69krVQHhZrRn0RP0m1db3yGSVwd3D+nzFstdAbckxr\nyzAMBKIsW8yeGGqqBDkICs6hkIYl4nwZDklBdJdRI1DHHnCvg1xmSDhKY7J/\nTVD9Qa/n7tB1rgi8XqSwa2brdnqOqRIJ7ZV0mFza9RnGCiEn33c8ASv48PHf\nEIPy\r\n=1qhS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFdoivNMzkNK6LqsRTd8X8il3LLjUcJjvMsg8DpXNYbpAiEAmBA2whW72FqBVWY7QKdiYhKWC9Tiyv+PVQRE0LEasCU="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.1.0_1529167276136_0.5318252707780942"},"_hasShrinkwrap":false,"deprecated":"system-components has been renamed to @rebass/components"},"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":{"integrity":"sha512-zPoDa4PZ6u17kc5+yoM0uiQjpEnQJskwhYaoHxzf/pKYSaYvtt9xt6ROJygFElz/XfvSLIFb9V/h5z0jRfkJEQ==","shasum":"3e908f919aee05eabf707e2336fa2cd65ce7efa5","tarball":"https://registry.npmjs.org/system-components/-/system-components-2.1.1.tgz","fileCount":12,"unpackedSize":13279,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbJYreCRA9TVsSAnZWagAAQ9cP/ipcAef/1Da7KQGIe3MC\nUQVsUBzUPCmr0H/SAlTJj7VmQDEsbt0rZXMgaQXN+YQswgssp2HN4vNkiQ03\n3HdshdgpZwxeuUsLL2AufaPWt7Z3j+VJdK3cxHqFbjvNQILQ5eo+MPdMk7AS\ncxigA8pyi3OUwoVmW6enZPuVRqey8Ot46SA765NqDNPxYGyGDChQ9soloQe4\n5WvXN4CdZMrL5jCod0b1GJYzs3/sQWs+qyYwz2zA7OX44rgc2rNjsU2L4Wo8\nPsAmpE8KpCC4Pw0H1MB1taTqorwckMihPySqGxNXNpgkpAcrkprFWdUU0EY/\nGhetJI6k8iakfOmqNMXACGztoZC0z8Xgw1z8FvcyQ9fVUSayWdvHVSeza5Ag\nwU1OcXQO53szsGatuqA3ys82MLBlVxkwQOTgULJ3Fq1gXbomazMnZ5sI3wPI\nMZJLoRN5euQgbcYSBRo/gc/dVnVo+U8giAn4KxCDPlTIbhQNhYYRXtrkcAX6\nZ0ioiMsIx3f1Z5XNg8EXTz6Q0IOd/10yQLjmkn3dX957d6lUKMVYRJMPPYvC\nfVqmZ1qTdxHofTrmNjYuc9/++wrFZNwTBU7k6emZM4QLoCBWonl1DcQ07eVP\nQubVsywhkyUSUaJMygXVUyfwxuzIgraVeBaeWWmrBGvq3fVKYrTGLCaVB2Oq\ncVxd\r\n=6HOR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCMjdFtdmmRTRcwnIy+e7rVlDrwKBKfen4EFglD4aUWXAIhAK/8z0GjX9y1nL0QvJCiZti9tDz1V47A8gEFN3XPIrOT"}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.1.1_1529187037150_0.44249768632019326"},"_hasShrinkwrap":false,"deprecated":"system-components has been renamed to @rebass/components"},"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":{"integrity":"sha512-1Q0zaDruYHqkhsIbFLlOwEZqLxINyLpOF7iS181mSYMdPd6OCO81TYuZgRxPh2k6fa2CAFLP1HzcukyCYLJBWw==","shasum":"0f938bf61861c07bafa309ebd3b6eeef590a9b9e","tarball":"https://registry.npmjs.org/system-components/-/system-components-2.1.2.tgz","fileCount":7,"unpackedSize":11441,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbJYsRCRA9TVsSAnZWagAAtn8P+QCE+aXgSdaocuY26M9n\nKECTV20fCPWtJ9L/k4P+q/oAtygud7weKYmTOTYni4DjmKR14LXAMd3eJu35\nXplKS+phYAnAhWbN18N0T2zGxUACWXhlxS+/o9vrh9FdaDYFvMMZC3J3OXT6\nVizOp7F6QAHM9K8l5S1xbVd2MfXelbcDZfplIqfhjZdzXshvd1QUT9H9ClPH\nGxfb7pS9m0qhTghwjCEfupinIhk2us1V6NYLVmHaz7UU3oXtkB8KwmS9WtV5\nd6cNwx9XLjiJALid71I8WLRki8zgpKFu49hI0qJt6C+LvrCDs6VKaI9y+tL5\nfPOD/5TYVTkfZTx0SvoNOVcJskgrDtwFg9q9RW1FsoaURd1l7Ss/yuITJ1P2\neYmFncsIH/lHpD+6Wtz/fqBcNW9Q/Pwv7XkZluynpeVJQYRRgU03tKJCxIC5\nSVgvsg8bNJpB19OOoU/jw5SG7bPy/yyJ3JGzqBSSzbIHLGAJSwHAJ4EoiYgV\nP2kmumMqGm9yRg+k3/wBc+i0p8RTmEsRZT9x01EKqhuKDsLpTJ11bR4HuE4S\nBoIRXDfeA5PgVpGJrpWB9tNJ4BAYQSmCVHTGMfiYZcDjn8kqSCIchrYaaece\nmvzdvnLHFF8zgzRuC5Nv14VVdJsdQj0YWC58DNJR2i0tIBlZpLhDbkt+9/MW\nw9xq\r\n=I1bG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHULCCX1O2GYRpcj7mGeTkhJwlZcOkGi2behrSUZSR1aAiAWGVHWAzbglQa59XJcaINJd0wAd1skr90tp1UFS4WYTA=="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.1.2_1529187089324_0.7070668168406058"},"_hasShrinkwrap":false,"deprecated":"system-components has been renamed to @rebass/components"},"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":{"integrity":"sha512-SN5WEUaSPcxK2x8/H+CgX2gcqSuNTfCRJ8pSCnFMKNHm50uezW18NhNmhBszruAc01F+3tTl+O0lfXlpTI1u7g==","shasum":"2f5328638a3f9ede3a4465b00478efbacb052423","tarball":"https://registry.npmjs.org/system-components/-/system-components-2.2.0.tgz","fileCount":7,"unpackedSize":11441,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbJZDcCRA9TVsSAnZWagAAPyMP/32sjlC16pMXZwvuruar\n2t6rNVwh7ExJJnd38IraU7Q3oxp0MQuVoI0MOq+P2h2S9hOlGgYaj1LK6KR0\n8aELmJZnP5I7hGsJ/7xsB5XIOjZ8P3YmxggSF4YPZmxHvIW87CumVOfuLgaK\n5wiR3yXXnTS7Xo0resPTFB++RaXhR7NNYQFYDKEBi4Qy4drz9NGXYjigqJMn\nDzUeWQa6C8WrKBH02RrRzqenuz5t9MtLb2u0/z/SbWDBSDib7NrnkDPq8MxF\nIMpG4y0Nd2Q0nZ06xxzNqiCXoVmzezk3l75EcxVECflef0iu4WvsIjDKsV++\nKjJMwcGkJz5icxUoM8JGMJG+IG186uJQnVbugmmP4eUm9QmGeMcgF/f0RjTk\nqjXAA93tX6y2AiJkUhNRQYR32XbzU4Sz0zSmoRAhSg0A60h/JvG+gh6ksOhT\naND3IhFjEld90MTXmG8QfXo5+qOCsXut9Lr3YKgpo0AIKz5wVfi86vEiacK7\nvXClhO1rqVVTiqohETlH5+NswaefJE0jF/WdEGl2Kvbj/xk5kbaTGHC9PdiH\n8sUmEOInPli1o+VjlqApzvQiv+AMFwShpYj2Wgnb2TxJbayRnZZbJAmsI0lj\nUxkKRm7qjdJN2XxIOMb8flxOXcm2N1ngfnwQjrVid5zzMn4YHs5lZBkz7/4O\nv3rn\r\n=bre8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNKAimaJVZSMlgVSFh1SQ1gUAk6zDT3sMXQg1ycO0hKQIhAPEDvqDlJZC9DeHqURhIbj9aB33jWFcsImPe1fpU0Kaf"}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.2.0_1529188572313_0.21560607058534909"},"_hasShrinkwrap":false,"deprecated":"system-components has been renamed to @rebass/components"},"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":{"integrity":"sha512-lv6ADukZoIwwhNa0h01Ui1ZlvsHGydlAZ2yMoTw32C+m710XcUhaKEvQNhsbESJWOSeCluU3H/Oxg39zmC1fjA==","shasum":"a1aba8fca4e415a00d24c8e3ca109a14042974d5","tarball":"https://registry.npmjs.org/system-components/-/system-components-2.2.1.tgz","fileCount":7,"unpackedSize":11547,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbJxvfCRA9TVsSAnZWagAAxa8P/2bPaF2JS3vVP9H2kGyy\nlW0ywtf3yR8XQ0c/YIuOhOhnQKn5gCtGGGFLv8zqbJtxw2vVHad9wldwt/3V\n99OxRpnQGumqyWQOov1mYdyd68fag0MtcAR9DvyfjcABM3M+82wIEA8LyemK\n6FDuu9G7dclyd5X/ya9tvihWmEKK/wGQsk6Xw7oIbQekjEPo8HuButRAXEzA\nFeUWvN3NfWD5WdxgTKFhg2WrI/1Vor0lPf3CEnr6QU2qGDonz55ScZ7PrQY9\nYEa9kTqVP4BVzs+RDC8jfjYhyBnZGnAlZ2Bl5BRmbv5PxgT38clGun5RPqKu\ncuSWUI1iqKbEZG1b+uO4/1z8YlX97+JAOQyI1spI6NvV+neVMQWvTm3R4hSj\n90dqyjF/3Ccs4Ige+8QLzutCwkKPVjo+Cp8DdqUCEbTW6EZAlw7/sgciIBRL\nJ6RK+1KbVxwP7YbKJ3mGvLkDAIaHdX+cwAaMTHzQA/+GScMZZO8zpRHKlQhb\nQGPH5OHiCWMvTzgl7pQUoKnKXqn8TmvYibpvTtxSdWr1pks113TG+/n7zA+N\nwfXKiIJlhpXllTdDvqc1VGe3usE4Jlq8z5lkGL7FrXn8M4R6m4wMFX4f4E8D\ncePgGIG6Sj6iqPW+BWWuq5tCWPiQwNv7ppVRPCtqOP82ZMtdkDZSaNfsPLz2\nuyWh\r\n=a5oD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAcZwZr0zAcfY1Jw//O+G/vAGWDP+UuEfTF5oCuAQ7WCAiALCukAveHPCP9MaRn5OUjYSnfoPNYcfaitSM3ZdAUZlg=="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.2.1_1529289693931_0.217719781712451"},"_hasShrinkwrap":false,"deprecated":"system-components has been renamed to @rebass/components"},"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":{"integrity":"sha512-FgfspCQr98r1uBsXkHzJzW8/lDRa116Hib5SDXxSSHcx6R0q2gGeQF/CFtWVQNdKDynbfetoEukgPlR56QSHnA==","shasum":"dbc005a8bfa64562e8aac9fa4c4f10fea9e54f6e","tarball":"https://registry.npmjs.org/system-components/-/system-components-2.2.2.tgz","fileCount":7,"unpackedSize":11683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbLSy1CRA9TVsSAnZWagAATCIP/3muPioUUFrPLiEpKap0\nthb1v+nB6Y6kV8BLGtO2L3FToz7c8Xd71jLrrKy/QBBJft+Si1kqZfn8jfSm\nr3RihcKCRVyflVR3JoLXyKQTTNG/9gwUS/fZMQRtCCGPXt1ZspRuZx5ZEd5W\nNarEnWFH8FUdvYvay7IdcXaCi8AE0qMi2RE0tuE0saGgahSv+OmLxbG8PTts\n0d50lWVZUB00SGrYfswK0YveNfqnJUI3SK810wStR1uDBqiaAJ4RyYRyjtqI\ngbVTYKiutFFPEzP4XhnPty8GaKxAjmk6yqTPcaH+IWx7Dtz3GMUzsgtHjzpA\n+2Sd08YK823xsC1qF1ilr4tHtfbJPchTGkPXCar99bXIh0rbVvr5bkYnh88v\n10xjb490STgeMOqPmGSReLqycXM890mTbxTk79QC9jU/7fMGmhQrz6nQZoQ5\nAkjnMDZKP+riZAB476BCwG2pmDlrwx6WfAS2TWnzYmMlqQIYqVB8rZsMc1rU\nDghta7ngsY3dm8Xs+2hS99om4+cNTT2/TOzRHGkCmNstLkb+9t7ayGB3+09I\nZ6VAXDxnuTUDjLicqufj0Tl5M9zo08Vl2c9AxA/WHhWSaQ5Tc3QGuuzw6HEF\nctX490qnYD9gC41cC2kcwVVJG9HYMvdg+4nxSvEESx8/6Be97vTd3+6ryDl6\nwV84\r\n=9ty/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCcLshIF7vJyLO0MY1bpGwam44b4Z2M6DG3c6xkAW6UtQIgPuTiW0RslymX2Tb4/8zh6DxA4wuHPX0DBz26d1iMVgA="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.2.2_1529687220971_0.7700210261669422"},"_hasShrinkwrap":false,"deprecated":"system-components has been renamed to @rebass/components"},"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":{"integrity":"sha512-zKcZEgqQEOGCTjug1L8Pkbw/ADJ3dI8iuwN6X1/+LLkE7PyCikjHckDFVtSYDLNgV1cjMlIlDPU17tngQoib9Q==","shasum":"3248f7c80affa4b9b61003ecd719a73da4462e59","tarball":"https://registry.npmjs.org/system-components/-/system-components-2.2.3.tgz","fileCount":7,"unpackedSize":11778,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbPqZWCRA9TVsSAnZWagAAIP8P/jAP+KmYiND578m35wDX\nvMW3ggTYoOk3epez6oQMSta5wT8upudICl2xLH6beVnLtW0s7hGQ7UjqP+RY\n75hfY7Z9mNKCywFnkHL3jW7oRjuXI1/0OZ98AaTO9pTsBD9er2fhqdDJHlGE\ngfaInaNrLTeDcFmqNnEvi0g8TOEBlvZvBMuT7DCQ7HWmrxRXURPQjaZHaPUg\nh3N539U3ZYuDjoftMs+unLILorpfME401W6vdzLXQM/d+j12AbOuSaKQgxcI\nutyNvVRRIHq4Y3sKM/SWSAr6BAU+gxIv2CSl26hHGj1psuGMX1gGHuBtobXV\nx4gE9siZxOZxEJEhXNg8s4cEeQnuDmt6h9TMd2Xza/G1NFIh/5SyXz1jQ8Th\nWjANJO+1Jv2KY4jFynukp1gykqHkga1don7isZUsYhSTay+YZqs3TusfoVWL\nIa7NU78diZFcMiejn63UE2gNNr1uPXLcvOO7sYL76MIVMgDG3Co2byXDNMAf\nnpnvvaQX3inUjFoNyvbLK4oS8GjXQe+jXUbRzj8ak8tSDAof6xjrIczNguWc\ney1KCRvFCvCzOXEIXc/tjy0mstO8Zp5NQj5PQylxdp+IuGs7w8EgROnH1LKn\nswutL9e5ePsT5mz1KpMBU7JmGz8ulTPiaHNN2p75/5P1+maOFFKUbw0Or3Ag\n9/7G\r\n=VhXe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDKuVCgfNAwatdsYyD4HXR4K+LyqmaC1v6hlxD/FQ0qhgIhALNtafvB9pILw11wEas3yJTM0INh+LWvoQIPDJpgK+Fh"}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_2.2.3_1530832470004_0.3978169860904952"},"_hasShrinkwrap":false,"deprecated":"system-components has been renamed to @rebass/components"},"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":["
"],"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":{"integrity":"sha512-97jmSbZlDE6BBygRz72bU4hlSaJH15ypm7ZRWvdRp6c19XJFlnxswKfuaEMx0OKJdRkueF2DRF/rjA/wJ7V/IQ==","shasum":"073e7c6712012c3c17375bae3ae986cb81866347","tarball":"https://registry.npmjs.org/system-components/-/system-components-3.0.0.tgz","fileCount":8,"unpackedSize":13202,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbS6fCCRA9TVsSAnZWagAAo70P/2B5UuCWTLmJKAXkCaY9\nNgiD0LYYyDZkTQSfZ7WRtLPklZ8niHna8gzJAht52fumxOJB381clog45XDj\niB6blHsLG5aRbihKWgDuvqysOcWhjWUDv+bOnngprdahbKne45rXaJrtPobY\nR3YKNuZ+WkRZiJskcTw7/SiD2dPxOVFXOnZI0tntduxYDOFBOF+PF3aFDnxA\nkFA3il3P/9qlm55FK08tkf7s5UhEAJbpWkzDZ6CN44/ESTz8AE5yaiMGE9fP\nhFpV/XBLQ/AN9BhvcAP9lDSHt1wKcP8N/FUUCHLAXM8SL4L42Phb4fybJJHo\n5iY6ixJ8PslDThzrrkrcjC+Dq3DRICcYDmMWHAo0yOzwjHmuj4dlJ3wgmcHO\nrD4wKeH6zvEVnsyi3oYEfxiHg9fbKOIm2inn2yKvMLASq92ax+Q2hOIFiJv2\nBMGkIEiv/QA+KkeasOt/tJOW0vZBzsnqJB26xkzfWs2jmaEgHtGnolnWARPb\n2Ul3xQEIMi+p71XDhfk+X8etZUMw5meC99RSfDQqC9xSq0OgeEqyQLUuSF/1\nuPKvi1LKV6XxnG53N7SwMvnpcfL1f9XVwKsbC60ffJ1xBXiBJ6lDA2VCCuQ6\nrK5ubQi+RFJUfcyRpOcQji7avB0W5gQhHA5gfHylEcL1Pez+47TmvfbuRbFt\nqOLY\r\n=qgkt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDVZwRHpFfkkWAX0Me5x4FbZa7c8Y5qmW3NDo3EF5UhKAiAoFpks9KRTSIfI/M19BeaN8hGHqcsxnla0E9WylNfTIw=="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_3.0.0_1531684802731_0.21603743088142457"},"_hasShrinkwrap":false,"deprecated":"system-components has been renamed to @rebass/components"},"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":[""],"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":{"integrity":"sha512-9awqnq7esNnqgmOOqU4i0w/9/YsJFm+1IS9lAyuk6a52IrcdToFqH7vFJmnr56FNLsXjOFohonmeHs0QOmvWeQ==","shasum":"a4e7d8a7b184aa0612245a4f1bd54b408132e0c0","tarball":"https://registry.npmjs.org/system-components/-/system-components-3.0.1.tgz","fileCount":8,"unpackedSize":13289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbkbAJCRA9TVsSAnZWagAAv5wP/jMZ/hrQLsII4buuzhoJ\nN4PLeTANAvqeg+86HUm8tcb+OvZM/defGTwVQ596P1xDhpxI73ymC9ZlJOsl\nL2UnFAoCkF7xxwVLtmPhX7f/7aUo126n4lM8+XoI6J/+RIw5qKqD7Jm5FLxy\nXN4v+wAqf9hp+y+qMa2++KgIhKE9xyA6pR1zMzrPwwBvV3I33tEwNwuK3THy\nih+F8XigiicBYvfN4hWamaL+3Sbq0FaSvBC+06UQRgoxD9IQX4fg8JwzV0SW\nzyqClLJOtcgI3lSxOwzzxWGGO8Lf5MrNZENv6vFN3sb5x3B1O34d6aIFl10N\ny4SbNxXYTJfTt8Dj6OIof8BiHNRboNv6cmJgy+t5wPwmjgrF8H+sOOlO2q8n\nB53ZkkWb3N0znwU2ZWvOaCEe3xNQORq1d3wBerwjRAAQqV/vVD6HWj5WB8eD\nE1dVzI2ohvWvJ/D0Y8JMb5nqlr9YrNu4CV7NTMy2mQv3LSxFa9hP86RpGIw4\nfMiPIyScUUz69LkgT89J2638iJFu7NnnH8S0BRevRToE6KI2kVerqRtyTk7l\nN5CMH+M18KaU+CnP81lnJ6JFwffC267IjKZKGIYs5UQU45NVWTxJ6gvqoXyR\nPzDvqIgtNs1/mGMsbA1RVObzlhQ5EXqMC8e56W7guHjwRyTnqABQv4GBG7Bp\nVo/i\r\n=dHfQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDGbGNhQSPwK1VTF9nBYUg3NxmyEX44k4KD51U2M6C3HQIgX3GjmmCVtdqj1kxgFMvBMiyTEyACAWzuAc57AnWoX+k="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_3.0.1_1536274441050_0.08208697175082769"},"_hasShrinkwrap":false,"deprecated":"system-components has been renamed to @rebass/components"},"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":[""],"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":{"integrity":"sha512-0z7EDkX/0pmvQSoqQGwJBecq5O+9VHr5/gVujRCu7cnIW6dlHgu90IBvecWFlXSPpF5R1b4xsxCi5FNjYoRMkA==","shasum":"f3e9ed16c2dc98a7536f0ff0a2d17a0f40be7a48","tarball":"https://registry.npmjs.org/system-components/-/system-components-3.0.2.tgz","fileCount":8,"unpackedSize":13449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb3xlfCRA9TVsSAnZWagAADWEP/iRIhCgAorfHWfbTwAqA\nGFmNrP9Oart+1MacrePDkfCmrBXbdfDAr+HB08pqn3YqTgFV55BZjBVuV0qw\njh/inAReKKzhsu/Jgt1/FkmV+Kai6v/uPcQysmWq60eR4Huz4Qnxm0hj0aQi\ngwM+eDT2jFaT7mn3sUcCkOekf+hwPZ/6NKK5FnVcqW/f5GM5Rd35krCTcv5r\niNYCGz2Mtvnvy2jGTJCWaosnSq+CG34N2qzHuaFG3K4EaAdz0Rj0udhcEkX/\n7hf4G6/aElhp+vBst5ceZtUKbR+3WV2QuDkG9smgVs8cBbkklGK+lHi+ygQt\nPG0mAqfNu78UVFJsJxexKe9hlCHIkLxp/pQgUgl7cHRN3AXQ67JMbimHLXxq\n7OM4pdh0Y1Q71oxo6ryU+CxLJ5/P0oY2ojnOIlVY3pf0kyFTGmkJvvojREVU\nXgqjtjTXTVONmBLPXJQRFtAu7MqH0SR4M79kg7ZtgYjIxsXxvOEX/5QWD5IW\nQ0B1SHqgsisF2v/4iyWBO5D4ctJFdW/K5neVp2fFbccGJ7IOt5dQUdqlpb8f\n/lzSqp6I5zOdQbbAUx2HKysnacs1FDiV4ac4ls1/RWk4VFBfmNEC0kY7wR92\nicdxcORtTHF+kqowzpYjmXIEvih5Tw/n8YYs/AlMyQU+sEaj7EvGe3EJ1eRv\notVF\r\n=+t11\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIChcc9YLVn9SegzmpeOK47rdK7sQle9KjyTczB4ZskmUAiEAjHeg+pGYXJWKaSatq/Gx/EZe1vpDE5SNRzo/UJaqPMw="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system-components_3.0.2_1541347678264_0.9506766390280517"},"_hasShrinkwrap":false,"deprecated":"system-components has been renamed to @rebass/components"},"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":[""],"testURL":"http://localhost","testMatch":["**/test.js"],"coverageReporters":["html"]},"_id":"system-components@3.0.3","_nodeVersion":"10.9.0","_npmVersion":"6.6.0","dist":{"integrity":"sha512-AqxDTwE+nizKW5aiNz4CdvMK9SDY681p2JIQM10jppCF/j6OWFc5fRvloWZyD7k+BSmDHH/sDsdCO6+f3s7FtQ==","shasum":"068449867de23b5365d88f9fb21a9460039a25bf","tarball":"https://registry.npmjs.org/system-components/-/system-components-3.0.3.tgz","fileCount":8,"unpackedSize":13448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcYeOmCRA9TVsSAnZWagAASkAP/3k/yRDrdXDa+pp+7Efp\n+qth/T0NV0qtH0yaXZwu/qqmcMl1bKNZipoHeH5BF0XJqte43TJ1eI966RRl\njrrqNytGRILxKBncfq63FQEkzA9hdHVqK9dvpsOX7Z1FKIhZlsMifl6hgXVn\nYzbCvSEc9wrn6CitKq67VsRhV3YCDdEjJKQb6wk6/GXBRo8yyf1xijJ8nYJd\nTANpNaO3fmxZpOT90d98Xfz5cfHYqAhC76SwhiNospb2OmJ3CH19EqhyM+qZ\nSIqB5J0DhtdVPF/QFd44Xd5Hmg2u7HJcCb8sIItlNPbNnjNXSqCobsFDyPpr\nWORvC+0GMV4FsEY+x3CP9IxBr+la3OX2rrrHAaW3Rtk0N+MJ9YsexOKHq5/9\nzPSUgrzV4qPTSKY56tn6jnp2BizGOPwqBvFxb/1Ht1XzlzYfnIHVMlowutO/\n3m1a5PFc2Qxy19wjvRmF/kfwYA5m7IpTRiHTv0iTJz4+RuQInIcxK21ALENf\nLH1uTzvg0OOBSBusByjek1lkgekTgykzxHIsslAuGgYiltgS22extWxTnKv/\n8+/ZOFUFWuAU1MkQqlRfGigIbftPGGCRNP2oDwcHqukcwge2hMgQTWxqC0+C\nz6rvzTk9iMcOGM0C8hw7wXTLUt7GuytFg+fZpGwEEQYqu3MNIyTVCvmO0f7V\n8gXT\r\n=k+fH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDcBl7s+RBrHqrTCqjUb3FIIrwATOXaKjVKgRbWY6O2ggIhAPQQWZtQJSzbp0z2IntPYEXEwOZ3JuwKQs/LzeUUL3SA"}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_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,"deprecated":"system-components has been renamed to @rebass/components"}},"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\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 `` 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\n Hello\n\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\n Hello\n\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","maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"time":{"modified":"2022-05-19T06:45:33.452Z","created":"2018-01-21T21:31:31.868Z","1.0.0":"2018-01-21T21:31:31.868Z","1.0.1":"2018-01-21T22:11:31.921Z","1.1.0":"2018-01-22T23:12:17.204Z","1.1.1":"2018-01-23T23:31:38.529Z","1.1.2":"2018-01-29T13:37:31.042Z","1.1.3":"2018-02-10T16:50:11.109Z","2.0.0":"2018-02-16T01:06:32.298Z","2.0.1":"2018-02-16T02:16:39.464Z","2.0.2":"2018-02-22T00:25:02.658Z","2.0.3":"2018-04-24T15:47:21.817Z","2.0.4":"2018-06-10T21:58:48.583Z","2.1.0-0":"2018-06-16T16:17:29.850Z","2.1.0":"2018-06-16T16:41:16.174Z","2.1.1":"2018-06-16T22:10:37.211Z","2.1.2":"2018-06-16T22:11:29.381Z","2.2.0":"2018-06-16T22:36:12.386Z","2.2.1":"2018-06-18T02:41:33.979Z","2.2.2":"2018-06-22T17:07:01.072Z","2.2.3":"2018-07-05T23:14:30.078Z","3.0.0":"2018-07-15T20:00:02.823Z","3.0.1":"2018-09-06T22:54:01.216Z","3.0.2":"2018-11-04T16:07:58.433Z","3.0.3":"2019-02-11T21:05:42.417Z"},"keywords":["react","components","styled-system","styled-components","emotion","design-system","theme","css-in-js"],"author":{"name":"Brent Jackson"},"license":"MIT","readmeFilename":"README.md"}