{"_id":"robox","_rev":"10-0c163b469a044c767ab96580d97b8fa4","name":"robox","description":"Higher-order React component for adding style helper props based on understyle","dist-tags":{"latest":"1.0.0-beta.8"},"versions":{"1.0.0-beta.1":{"name":"robox","version":"1.0.0-beta.1","description":"Higher-order React component for adding style helper props based on understyle","main":"dist/Robox.js","scripts":{"prepublish":"mkdir -p dist && babel src --out-dir dist","test":"standard && ava -v"},"keywords":["react","react-hoc","style","css","css-in-js","understyle"],"author":{"name":"Brent Jackson"},"license":"MIT","devDependencies":{"ava":"^0.15.2","babel-cli":"^6.11.4","babel-loader":"^6.2.4","babel-preset-es2015":"^6.9.0","babel-preset-react":"^6.11.1","babel-preset-stage-0":"^6.5.0","babel-register":"^6.11.5","enzyme":"^2.4.1","react":"^15.2.1","react-addons-test-utils":"^15.2.1","react-dom":"^15.2.1","standard":"^7.1.2","webpack":"^1.13.1","webpack-dev-server":"^1.14.1"},"ava":{"require":["babel-register"],"babel":"inherit"},"dependencies":{"understyle":"^1.0.0-beta.4"},"gitHead":"56568f045fa49b045913fab6acc118a0cafb5e18","_id":"robox@1.0.0-beta.1","_shasum":"890072a9b5b2d5c5dfc6a9abd9294396289139ce","_from":".","_npmVersion":"3.10.2","_nodeVersion":"6.2.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"890072a9b5b2d5c5dfc6a9abd9294396289139ce","tarball":"https://registry.npmjs.org/robox/-/robox-1.0.0-beta.1.tgz","integrity":"sha512-FjsJQvK+S1DIMpxrhKcopg3o/3qxg9cnYj90kvBIr3Fbgpw7HzNPYSUwtU5Cz+K1h4cIUtTv9Nq4mw3NvanVdw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD4G2YF+xCfeX4So1dV3rOy3/e3AMnui0WAsyfapQw+GwIgA+x2g1YoNMsfJJGmm2g18zQ8eimhOMW/LaUz1O0tasw="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/robox-1.0.0-beta.1.tgz_1469564971329_0.25372325349599123"}},"1.0.0-beta.2":{"name":"robox","version":"1.0.0-beta.2","description":"Higher-order React component for adding style helper props based on understyle","main":"dist/Robox.js","scripts":{"prepublish":"mkdir -p dist && babel src --out-dir dist","test":"standard && ava -v"},"keywords":["react","react-hoc","style","css","css-in-js","understyle"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"understyle":"^1.0.0"},"devDependencies":{"ava":"^0.15.2","babel-cli":"^6.11.4","babel-loader":"^6.2.4","babel-preset-es2015":"^6.9.0","babel-preset-react":"^6.11.1","babel-preset-stage-0":"^6.5.0","babel-register":"^6.11.5","enzyme":"^2.4.1","react":"^15.2.1","react-addons-test-utils":"^15.2.1","react-dom":"^15.2.1","standard":"^7.1.2","webpack":"^1.13.1","webpack-dev-server":"^1.14.1"},"ava":{"require":["babel-register"],"babel":"inherit"},"gitHead":"b16b7a9c125a71aa908e9e9e3a75243290f6f135","_id":"robox@1.0.0-beta.2","_shasum":"e99715bc801d3d97d37f39b8fb509147e5f0b18f","_from":".","_npmVersion":"3.10.2","_nodeVersion":"6.2.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"e99715bc801d3d97d37f39b8fb509147e5f0b18f","tarball":"https://registry.npmjs.org/robox/-/robox-1.0.0-beta.2.tgz","integrity":"sha512-zp+OO5NbgDNR5iJmFM/4hjB/z/QChowYbmeZHpvV/qc7bXhJa3pmUn44Wr2CPHH/uawtjPqYTLs7z/4iFNEYAA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFhWaPKeOA77PI7CA1voMHDNlyRqy+k4s/H8IJ6w2hP5AiEAuqM5qEuxuldGxToEdBrTpXCCQl5o1/XGJMr+EeMQ12U="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/robox-1.0.0-beta.2.tgz_1469829537383_0.2991880972404033"}},"1.0.0-beta.3":{"name":"robox","version":"1.0.0-beta.3","description":"Higher-order React component for adding style helper props based on understyle","main":"dist/Robox.js","scripts":{"prepublish":"mkdir -p dist && babel src --out-dir dist","test":"standard && ava -v"},"keywords":["react","react-hoc","style","css","css-in-js","understyle"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"understyle":"^1.0.0"},"devDependencies":{"ava":"^0.15.2","babel-cli":"^6.11.4","babel-loader":"^6.2.4","babel-preset-es2015":"^6.9.0","babel-preset-react":"^6.11.1","babel-preset-stage-0":"^6.5.0","babel-register":"^6.11.5","enzyme":"^2.4.1","react":"^15.2.1","react-addons-test-utils":"^15.2.1","react-dom":"^15.2.1","standard":"^7.1.2","webpack":"^1.13.1","webpack-dev-server":"^1.14.1"},"ava":{"require":["babel-register"],"babel":"inherit"},"gitHead":"dba7f9f5c4ee7c18af8dfab011f9b0239674467b","_id":"robox@1.0.0-beta.3","_shasum":"dd3889df4e600d8032b554087a77a3fcc41c3fe5","_from":".","_npmVersion":"3.10.2","_nodeVersion":"6.2.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"dd3889df4e600d8032b554087a77a3fcc41c3fe5","tarball":"https://registry.npmjs.org/robox/-/robox-1.0.0-beta.3.tgz","integrity":"sha512-AKlx6E4/N2mg2mciH4IidHI5dRGQfrs7c1NwbFqd0xWjafgNv27S7tAxGCMlLJiZ6b3TDxYqMMS8XdzuQcIjgw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDIj5987mWtvShNOpcRCdn8qzdVK9vdKqtuosPG4jpeNAIgIZcyS/9v3ixJ9unbneIMDLIUcool1kTC0tVaMDIdJPI="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/robox-1.0.0-beta.3.tgz_1469832897928_0.8867402519099414"}},"1.0.0-beta.4":{"name":"robox","version":"1.0.0-beta.4","description":"Higher-order React component for adding style helper props based on understyle","main":"dist/Robox.js","scripts":{"prepublish":"mkdir -p dist && babel src --out-dir dist","test":"standard && ava -v"},"keywords":["react","react-hoc","style","css","css-in-js","understyle"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"understyle":"^1.1.0"},"devDependencies":{"ava":"^0.15.2","babel-cli":"^6.11.4","babel-loader":"^6.2.4","babel-preset-es2015":"^6.9.0","babel-preset-react":"^6.11.1","babel-preset-stage-0":"^6.5.0","babel-register":"^6.11.5","enzyme":"^2.4.1","react":"^15.2.1","react-addons-test-utils":"^15.2.1","react-dom":"^15.2.1","standard":"^7.1.2","webpack":"^1.13.1","webpack-dev-server":"^1.14.1"},"ava":{"require":["babel-register"],"babel":"inherit"},"gitHead":"4f6def3f6ee13542411051c88776c1de6fb9e9e9","_id":"robox@1.0.0-beta.4","_shasum":"f1226aed6822da21ba12239419f512a77928fd7e","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.2.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"f1226aed6822da21ba12239419f512a77928fd7e","tarball":"https://registry.npmjs.org/robox/-/robox-1.0.0-beta.4.tgz","integrity":"sha512-7Cwa6gtIaCqch0fcAr5SZY9xB8nrdNqFvd9YcoMF0dSWluB7EUrzdGFSNcCMHoi+y+Fu1T/1V7OIb65WAugyDw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICrA3d008rTmUSGrh8LEZAc7lWFb6pxmFm27vFn0y6gdAiBGBvHza3rjFohQcFGmOZ+3CQFXaXGzTuxEm+9fxlXCjQ=="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/robox-1.0.0-beta.4.tgz_1469898173992_0.8578600403852761"}},"1.0.0-beta.5":{"name":"robox","version":"1.0.0-beta.5","description":"Higher-order React component for adding style helper props based on understyle","main":"dist/Robox.js","scripts":{"prepublish":"mkdir -p dist && babel src --out-dir dist","test":"standard && ava -v"},"keywords":["react","react-hoc","style","css","css-in-js","understyle"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"understyle":"^1.1.0-beta.1"},"devDependencies":{"ava":"^0.15.2","babel-cli":"^6.11.4","babel-loader":"^6.2.4","babel-preset-es2015":"^6.9.0","babel-preset-react":"^6.11.1","babel-preset-stage-0":"^6.5.0","babel-register":"^6.11.5","enzyme":"^2.4.1","react":"^15.2.1","react-addons-test-utils":"^15.2.1","react-dom":"^15.2.1","standard":"^7.1.2","webpack":"^1.13.1","webpack-dev-server":"^1.14.1"},"ava":{"require":["babel-register"],"babel":"inherit"},"gitHead":"e26104c9525ba7f0dd638ad3793f846bcd7bec28","_id":"robox@1.0.0-beta.5","_shasum":"fadbc719b04486140bb6843d9efb2d552e290f32","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.2.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"fadbc719b04486140bb6843d9efb2d552e290f32","tarball":"https://registry.npmjs.org/robox/-/robox-1.0.0-beta.5.tgz","integrity":"sha512-jjxJgkGeesoBMvowvDdO5M3Lx2XmO+UscPclWmPNoIUU2eYQw5dniQYF2GM+qbh7mBxU/RGxlprx38JLehvfOw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICsm/SI6vmfD9MhRWw/YKeil72w5zHwKp44KKOIP9SvZAiEA0bvHkvwvqg+5U57c3U6wCKqLAUkfS/dmr4Qav5arDyU="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/robox-1.0.0-beta.5.tgz_1469908135268_0.19284505397081375"}},"1.0.0-beta.6":{"name":"robox","version":"1.0.0-beta.6","description":"Higher-order React component for adding style helper props based on understyle","main":"dist/Robox.js","scripts":{"prepublish":"mkdir -p dist && babel src --out-dir dist","test":"standard && ava -v"},"keywords":["react","react-hoc","style","css","css-in-js","understyle"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"understyle":"^1.1.0-beta.1"},"devDependencies":{"ava":"^0.15.2","babel-cli":"^6.11.4","babel-loader":"^6.2.4","babel-preset-es2015":"^6.9.0","babel-preset-react":"^6.11.1","babel-preset-stage-0":"^6.5.0","babel-register":"^6.11.5","enzyme":"^2.4.1","react":"^15.2.1","react-addons-test-utils":"^15.2.1","react-dom":"^15.2.1","standard":"^7.1.2","webpack":"^1.13.1","webpack-dev-server":"^1.14.1"},"ava":{"require":["babel-register"],"babel":"inherit"},"gitHead":"8f23a0c8fefa10363d090128f76a03b0a16611fd","_id":"robox@1.0.0-beta.6","_shasum":"a8b287ce90593a5bea5a6b6195a95a563845ee1a","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.2.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"a8b287ce90593a5bea5a6b6195a95a563845ee1a","tarball":"https://registry.npmjs.org/robox/-/robox-1.0.0-beta.6.tgz","integrity":"sha512-I9wOsUKhr0l8kI23Fy5+fkIPBPywGwBfx5wJ01uLNe3FLvBtFNf59emiAyVCZj+No9GR7MX6XOLjayNFFH4eTA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCTgmziQ3mRp0odu51aN9Yw+6aVYkeC3NipMLkKl9GUBgIhAKK5E7tfgGWvnMQikBre7PDnGYNzksrXexzw29lXX27s"}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/robox-1.0.0-beta.6.tgz_1469915567289_0.8046879204921424"}},"1.0.0-beta.7":{"name":"robox","version":"1.0.0-beta.7","description":"Higher-order React component for adding style helper props based on understyle","main":"dist/Robox.js","scripts":{"prepublish":"mkdir -p dist && babel src --out-dir dist","test":"standard && ava -v"},"keywords":["react","react-hoc","style","css","css-in-js","understyle"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"understyle":"^1.1.1"},"devDependencies":{"ava":"^0.15.2","babel-cli":"^6.11.4","babel-loader":"^6.2.4","babel-preset-es2015":"^6.9.0","babel-preset-react":"^6.11.1","babel-preset-stage-0":"^6.5.0","babel-register":"^6.11.5","enzyme":"^2.4.1","react":"^15.2.1","react-addons-test-utils":"^15.2.1","react-dom":"^15.2.1","standard":"^7.1.2","webpack":"^1.13.1","webpack-dev-server":"^1.14.1"},"ava":{"require":["babel-register"],"babel":"inherit"},"gitHead":"cc7934e5971673679c96e5edc56088ec957b4e0d","_id":"robox@1.0.0-beta.7","_shasum":"7a1bd84a4e1effd683e687e32cd1d0a4e2b069d3","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.2.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"7a1bd84a4e1effd683e687e32cd1d0a4e2b069d3","tarball":"https://registry.npmjs.org/robox/-/robox-1.0.0-beta.7.tgz","integrity":"sha512-3+fdjWA7kkq6nQdooSKKUDdMpeeGzeML9IG0mzLSile1mrLCN0DXtmeIpjGV5MKnH2ebsofZ+iBZhM56IcFSyg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDmk+r0ieWx/dRtqRYMVPUxZYPzvYMMfnaxPdt6aS5KJwIgf4T6wkzNgCrpwd6lK+xpbAavhYQvQVLEtCtgRWVuFxI="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/robox-1.0.0-beta.7.tgz_1469919564536_0.6206363260280341"}},"1.0.0-beta.8":{"name":"robox","version":"1.0.0-beta.8","description":"Higher-order React component for adding style helper props based on understyle","main":"dist/Robox.js","scripts":{"prepublish":"mkdir -p dist && babel src --out-dir dist","test":"standard && ava -v"},"keywords":["react","react-hoc","style","css","css-in-js","understyle"],"author":{"name":"Brent Jackson"},"license":"MIT","dependencies":{"understyle":"^1.2.0"},"devDependencies":{"ava":"^0.15.2","babel-cli":"^6.11.4","babel-loader":"^6.2.4","babel-preset-es2015":"^6.9.0","babel-preset-react":"^6.11.1","babel-preset-stage-0":"^6.5.0","babel-register":"^6.11.5","enzyme":"^2.4.1","react":"^15.2.1","react-addons-test-utils":"^15.2.1","react-dom":"^15.2.1","standard":"^7.1.2","webpack":"^1.13.1","webpack-dev-server":"^1.14.1"},"ava":{"require":["babel-register"],"babel":"inherit"},"gitHead":"8a64a3eadd670fb8f92ba789b62052676c6fd791","_id":"robox@1.0.0-beta.8","_shasum":"9aaee1dacf38a8c4ca4584a80012aebab5711c73","_from":".","_npmVersion":"3.10.2","_nodeVersion":"6.2.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"9aaee1dacf38a8c4ca4584a80012aebab5711c73","tarball":"https://registry.npmjs.org/robox/-/robox-1.0.0-beta.8.tgz","integrity":"sha512-EVvRAeCwPIGZL6o0MojCfrGng2YUocVmtCU9Lh411cPtskIzxcT/Y09L6oRbXt/n2tXxCBhqrp4GWprObEw7aw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAUX5ZmRH+ehU3ue4QcK+LcvKpqyaaKTorovc9WJpn4CAiEAj/QErp58/Xwr4kRPaVTeGiwWsw0TtTI0O8El7hzfUSA="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/robox-1.0.0-beta.8.tgz_1470073396174_0.7962731807492673"}}},"readme":"\n# Robox\n\nHigher-order React component for adding style helper props based on [understyle](https://github.com/jxnblk/understyle)\n\n[](https://travis-ci.org/jxnblk/robox)\n[](http://standardjs.com/)\n\n```sh\nnpm i robox\n```\n\n```js\n// Example component\nimport React from 'react'\nimport Robox from 'robox'\n\nconst Button = (props) => {\n return \n}\n\nexport default Robox(Button)\n```\n\n```js\n// Example component instance\n\n
\n alert('hello')}\n children='Hello' />\n
\n```\n\n## Props\n\n### Margin\n\nSets margin based on a 0–6 spacing scale array `[0, 8, 16, 32, 48, 64, 96]`\n\nprop | type | description\n-----|------|------------\n`m` | number | margin\n`mt` | number | margin-top\n`mr` | number | margin-right\n`mb` | number | margin-bottom\n`ml` | number | margin-left\n`mx` | number | margin-left and margin-right\n`my` | number | margin-top and margin-bottom\n\n### Padding\n\nSets padding based on the same spacing scale\n\nprop | type | description\n-----|------|------------\n`p` | number | padding\n`pt` | number | padding-top\n`pr` | number | padding-right\n`pb` | number | padding-bottom\n`pl` | number | padding-left\n`px` | number | padding-left and padding-right\n`py` | number | padding-top and padding-bottom\n\n### Width\n\nSets percentage-based width based on a 12 column grid\n\nprop | type | description\n-----|------|------------\n`col`| number | 0-12\n\n### Display\n\nSets display based on the prop name\n\nprop | type\n-----|------\n`block`| boolean\n`inlineBlock`| boolean\n`inline`| boolean\n`table`| boolean\n`tableRow`| boolean\n`tableCell`| boolean\n`flex`| boolean\n`inlineFlex`| boolean\n\n### Flexbox\n\nSets various flexbox layout properties\n\nprop | type | description\n-----|------|------------\n`wrap` | boolean | flex-wrap: wrap\n`align` | string | align-items\n`justify` | string | justify-content\n`flexColumn`| boolean | flex-direction: column\n`flexAuto`| boolean | flex: 1 1 auto\n`flexNone`| boolean | flex: none\n`order` | number | order\n\n## Configuration\n\nThe space scale and number of grid columns can be configured through React context.\n\n```js\n// Example context configuration\nclass App extends React.Component {\n getChildContext () {\n return {\n robox: {\n scale: [0, 6, 12, 18, 24, 30, 36],\n columns: 16\n }\n }\n }\n}\n\nApp.contextTypes = {\n robox: React.PropTypes.object\n}\n```\n\n\nMIT License\n","maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"time":{"modified":"2022-06-26T13:46:56.898Z","created":"2016-07-26T20:29:33.366Z","1.0.0-beta.1":"2016-07-26T20:29:33.366Z","1.0.0-beta.2":"2016-07-29T21:58:59.191Z","1.0.0-beta.3":"2016-07-29T22:54:59.538Z","1.0.0-beta.4":"2016-07-30T17:02:57.025Z","1.0.0-beta.5":"2016-07-30T19:48:57.318Z","1.0.0-beta.6":"2016-07-30T21:52:50.242Z","1.0.0-beta.7":"2016-07-30T22:59:27.749Z","1.0.0-beta.8":"2016-08-01T17:43:17.019Z"},"keywords":["react","react-hoc","style","css","css-in-js","understyle"],"author":{"name":"Brent Jackson"},"license":"MIT","readmeFilename":"README.md"}