{"x0":{"title":"Rebass","basename":"/rebass","template":"./docs/_template.js"},"ava":{"babel":"inherit","require":["babel-register"]},"nyc":{"exclude":["test","docs","stories"]},"bugs":{"url":"https://github.com/jxnblk/rebass/issues"},"dist":{"shasum":"9932583592a8d37e669a66ea6715edea84e59471","tarball":"https://registry.npmjs.org/rebass/-/rebass-2.0.0-8.tgz","fileCount":197,"integrity":"sha512-f7sARMCGMr1IAmmcSNcn67vTiEHT4dX1PJq+hV2CL/KH+TjJsQLL4K26J9+f+cOMj0qHbLpYm/gGtndWh/dwGA==","signatures":[{"sig":"MEUCIEhO7jtsu+XQnDzIYVcIiRGC4UlSAYPA53meYrtOIrtaAiEAs0oGsYsbJJHt7APF6QOZYIc5EP8tiQi2V8eg4ZbGdL0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":169804,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbLaWoCRA9TVsSAnZWagAATOMQAIQ5tcvdhKVgqkMSp5Kx\nUzGGnYROeGltEdj2bo8yryicJfY/r8dmKcp6ZENPLEdxCArXEBK5mq9L1imK\nzKQpLS5MFFTqfhGT/+E4GHDHg4gDnWqbR+mSkFR/meEQ4Fm/NRMg2mXhvcMf\nLbOM6730xmBVwmev+N+liPL2yvGAifB34OetOlmV4UfXBsOXmP7SioP0iCy8\n0YGg82U1Z7v2xn9BFkiETSKlvTP6yejWzFImW7sUd5Jr5VkPLByIKD3KDWIx\nwZ8wixECXNxwQNPQRsvPCn4Igiwuf7voaeXKFHnm/QqmhgLjrKzvoh26bNBD\nQHEscBTc7hJT0DiZErJYUtL8CbiFQo0WRXgnAVvUsblXu4/TuAaPAmHCy8Rg\nCxInHHSGwmo3PnR3ojeJT9YFzRiwVT9MzzJllCNLSqVGUT8xK2AZ1z3v4ID0\nYYfu2bu0xImwRJX19+v35VU/haU7IEEmiNI+tn/dLS6SDLXuf41udu1Q/6kC\nHYxe+vC4hIfZ93ZNJtko2ywykBkEjMRx38VCQvdXFMYeiTfZ9ON2AVxLcV1I\n2j0XdZyqQuLp/zQKqswyZ1N0dsTVq9mUdVLHe1y3M+rx9lX5sCWUeDbSGXmL\ncoMMUV85IufhryqBYqo9DTmMfUb4O0aHadOCGkIc17DN3Mxy26in9ZcQXdqJ\nMtl/\r\n=QeDE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","name":"rebass","author":{"name":"Brent Jackson"},"readme":"\n<img src='docs/logo.svg' width='128' height='128' />\n\n# Rebass\n\nReact UI component library & design system,\nbuilt with [styled-system][system],\nwith support for\n[styled-components][sc] & [emotion][emotion].\n\n[![Build Status][badge]][travis]\n[![Coverage][coverage-badge]][coverage]\n[![Downloads][downloads-badge]][npm]\n[![Version][version-badge]][npm]\n\n[badge]: https://img.shields.io/travis/jxnblk/rebass.svg?style=flat-square\n[travis]: https://travis-ci.org/jxnblk/rebass\n[coverage-badge]: https://img.shields.io/codecov/c/github/jxnblk/rebass.svg?style=flat-square\n[coverage]: https://codecov.io/github/jxnblk/rebass\n\n[downloads-badge]: https://img.shields.io/npm/dw/rebass.svg?style=flat-square\n[version-badge]: https://img.shields.io/npm/v/rebass.svg?style=flat-square\n[npm]: https://npmjs.com/package/rebass\n\nhttp://jxnblk.com/rebass\n\n```sh\nnpm i rebass@next\n```\n\nRebass is a library of highly-composable, primitive UI components for React,\nbuilt with styled-components to keep styles isolated and reduce the need to write custom CSS in your application.\nBased upon a configurable design system,\nRebass‘s props API makes building consistent, responsive web apps simpler and faster.\n\n\n## Getting Started\n\n```jsx\nimport React from 'react'\nimport { Provider, Heading, Button } from 'rebass'\n\nconst App = props => (\n  <Provider>\n    <Heading>Hello</Heading>\n    <Button>Rebass</Button>\n  </Provider>\n)\n```\n\nTo use Rebass with [emotion][emotion], import from `rebass/emotion`:\n\n```js\nimport * as Rebass from 'rebass/emotion'\n```\n\n## Features\n\n- Kickstart your own React component library\n- Responsive style props from [styled-system][system]\n- Flexbox grid with [grid-styled][gs]\n- Support for [styled-components][sc] & [emotion][emotion]\n- Functional stateless UI components\n- Configurable theming\n- Extensible base components\n- Design-system based consistency\n- Built for responsive web design\n\n\n> \"One of the best React component libs out there\"\n> – [Max Stoiber](https://twitter.com/mxstbr/status/882657561111080960)\n\n> \"Rebass is the Bootstrap of React.\"\n> – [Jori Lallo](https://twitter.com/jorilallo/status/882990343225868289)\n\n> \"A whopper component library built on styled-components. Responsive, systematic, scalable...the business!\"\n> – [Colm Tuite](https://twitter.com/colmtuite/status/882715087936606210)\n\n\n## Documentation\n\n- [Docs](docs)\n- [Getting Started](docs/getting-started.md)\n- [Props](docs/props.md)\n- [Grid System](docs/grid-system.md)\n- [Theming](docs/theming.md)\n- [Extending](docs/extending.md)\n- [Components](docs/components.md)\n- [Server-Side Rendering](server-side-rendering.md)\n\n## CodeSandbox\n\nTry it out:\n\nhttps://codesandbox.io/s/github/jxnblk/rebass/tree/master/examples/sandbox\n\n### Architectural Approach\n\nRebass is built around a component architectural approach inspired by Dan Abramov’s\n[Presentational and Container Components](https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0#.ah4312963),\nwhere presentational components are the only ones that encapsulate styles and contain no application logic,\nand container components do not contain any styles or DOM markup and handle all the application logic.\n\nRebass only contains presentational components,\nwhich means controlling things like progressive disclosure mechanisms\nor dropdown menus should be handled at a higher level in container components.\nTherefore, Rebass itself does not require any client-side JavaScript,\nis well suited to server-side rendering,\nand can fit into virtually any higher level application architecture.\n\nSee [Patterns for Style Composition in React](http://jxnblk.com/writing/posts/patterns-for-style-composition-in-react/)\nfor more on some of the thought behind Rebass.\n\n\n### Related\n\n- [styled-system][system]\n- [grid-styled][gs]\n- [styled-components][sc]\n- [emotion][emotion]\n\n[system]: https://github.com/jxnblk/styled-system\n[gs]: https://github.com/jxnblk/grid-styled\n[sc]: https://github.com/styled-components/styled-components\n[emotion]: https://github.com/emotion-js/emotion\n\n#### v1.0.7\n\nFor the previous version of Rebass see the [v1.0.7](https://github.com/jxnblk/rebass/tree/v1.0.7) branch.\n\n---\n\n[Contributing](.github/CONTRIBUTING.md)\n|\n[MIT License](.github/LICENSE.md)\n\n","gitHead":"ee4855830c603aa6aab776dc8c4c587cc897582c","license":"MIT","scripts":{"svg":"scrs docs/Logo.js --svg > docs/logo.svg","card":"repng docs/Card.js -w 1024 -h 512 -d docs -f card.png","docs":"./docs/_build.js","test":"nyc ava test","build":"x0 build docs -d site","cover":"nyc report --reporter=html --reporter=lcov && codecov","start":"x0 docs -p 9999","emotion":"NODE_ENV=emotion babel src -d dist/emotion","prepare":"babel src -d dist && npm run emotion && ./docs/_build.js"},"_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"homepage":"https://github.com/jxnblk/rebass","keywords":["components","react","react-component","ui","design-system","styled-system","styled-components","presentational","stateless","functional"],"repository":{"url":"git+https://github.com/jxnblk/rebass.git","type":"git"},"_npmVersion":"6.1.0","description":"React UI component library & design system, built with styled-components and styled-system","directories":{},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_nodeVersion":"8.1.2","dependencies":{"chroma-js":"^1.3.6","prop-types":"^15.6.0","grid-styled":"^4.2.0","styled-system":"^2.3.1","system-components":"^2.2.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"ava":"^0.25.0","nyc":"^12.0.2","scrs":"^1.1.0","react":"^16.2.0","repng":"^3.0.0","refunk":"^3.0.1","codecov":"^3.0.0","emotion":"^9.2.3","babel-cli":"^6.26.0","react-dom":"^16.2.0","babel-core":"^6.26.0","system-docs":"^1.0.0-1","lodash.sortby":"^4.7.0","react-emotion":"^9.2.3","@compositor/x0":"^5.1.0-6","babel-register":"^6.26.0","babel-preset-env":"^1.6.1","styled-components":"^3.3.2","babel-preset-react":"^6.24.1","react-test-renderer":"^16.2.0","babel-preset-stage-0":"^6.24.1","@compositor/kit-snapshot":"^1.0.24","babel-plugin-transform-rename-import":"^2.2.0"},"peerDependencies":{"styled-components":">=2.0 || >= 3.0"},"_npmOperationalInternal":{"tmp":"tmp/rebass_2.0.0-8_1529718184583_0.17347531309507747","host":"s3://npm-registry-packages"},"_id":"rebass@2.0.0-8","version":"2.0.0-8"}