{"_id":"robox","_rev":"3146444","name":"robox","description":"Higher-order React component for adding style helper props based on understyle","dist-tags":{"latest":"1.0.0-beta.8"},"maintainers":[{"name":"jxnblk","email":""}],"time":{"modified":"2023-11-27T07:17:11.000Z","created":"2016-07-26T20:29:33.366Z","1.0.0-beta.8":"2016-08-01T17:43:17.019Z","1.0.0-beta.7":"2016-07-30T22:59:27.749Z","1.0.0-beta.6":"2016-07-30T21:52:50.242Z","1.0.0-beta.5":"2016-07-30T19:48:57.318Z","1.0.0-beta.4":"2016-07-30T17:02:57.025Z","1.0.0-beta.3":"2016-07-29T22:54:59.538Z","1.0.0-beta.2":"2016-07-29T21:58:59.191Z","1.0.0-beta.1":"2016-07-26T20:29:33.366Z"},"users":{},"author":{"name":"Brent Jackson"},"versions":{"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","size":6280,"noattachment":false,"key":"/robox/-/robox-1.0.0-beta.8.tgz","tarball":"http://registry.cnpm.dingdandao.com/robox/download/robox-1.0.0-beta.8.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/robox-1.0.0-beta.8.tgz_1470073396174_0.7962731807492673"},"directories":{},"publish_time":1470073397019,"_hasShrinkwrap":false,"_cnpm_publish_time":1470073397019,"_cnpmcore_publish_time":"2021-12-16T21:03:50.620Z"},"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","size":6261,"noattachment":false,"key":"/robox/-/robox-1.0.0-beta.7.tgz","tarball":"http://registry.cnpm.dingdandao.com/robox/download/robox-1.0.0-beta.7.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/robox-1.0.0-beta.7.tgz_1469919564536_0.6206363260280341"},"directories":{},"publish_time":1469919567749,"_hasShrinkwrap":false,"_cnpm_publish_time":1469919567749,"_cnpmcore_publish_time":"2021-12-16T21:03:50.840Z"},"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","size":6236,"noattachment":false,"key":"/robox/-/robox-1.0.0-beta.6.tgz","tarball":"http://registry.cnpm.dingdandao.com/robox/download/robox-1.0.0-beta.6.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/robox-1.0.0-beta.6.tgz_1469915567289_0.8046879204921424"},"directories":{},"publish_time":1469915570242,"_hasShrinkwrap":false,"_cnpm_publish_time":1469915570242,"_cnpmcore_publish_time":"2021-12-16T21:03:51.046Z"},"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","size":6231,"noattachment":false,"key":"/robox/-/robox-1.0.0-beta.5.tgz","tarball":"http://registry.cnpm.dingdandao.com/robox/download/robox-1.0.0-beta.5.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/robox-1.0.0-beta.5.tgz_1469908135268_0.19284505397081375"},"directories":{},"publish_time":1469908137318,"_hasShrinkwrap":false,"_cnpm_publish_time":1469908137318,"_cnpmcore_publish_time":"2021-12-16T21:03:51.619Z"},"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","size":6228,"noattachment":false,"key":"/robox/-/robox-1.0.0-beta.4.tgz","tarball":"http://registry.cnpm.dingdandao.com/robox/download/robox-1.0.0-beta.4.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/robox-1.0.0-beta.4.tgz_1469898173992_0.8578600403852761"},"directories":{},"publish_time":1469898177025,"_hasShrinkwrap":false,"_cnpm_publish_time":1469898177025,"_cnpmcore_publish_time":"2021-12-16T21:03:51.837Z"},"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","size":6231,"noattachment":false,"key":"/robox/-/robox-1.0.0-beta.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/robox/download/robox-1.0.0-beta.3.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/robox-1.0.0-beta.3.tgz_1469832897928_0.8867402519099414"},"directories":{},"publish_time":1469832899538,"_hasShrinkwrap":false,"_cnpm_publish_time":1469832899538,"_cnpmcore_publish_time":"2021-12-16T21:03:52.072Z"},"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","size":6396,"noattachment":false,"key":"/robox/-/robox-1.0.0-beta.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/robox/download/robox-1.0.0-beta.2.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/robox-1.0.0-beta.2.tgz_1469829537383_0.2991880972404033"},"directories":{},"publish_time":1469829539191,"_hasShrinkwrap":false,"_cnpm_publish_time":1469829539191,"_cnpmcore_publish_time":"2021-12-16T21:03:52.298Z"},"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","size":4598,"noattachment":false,"key":"/robox/-/robox-1.0.0-beta.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/robox/download/robox-1.0.0-beta.1.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/robox-1.0.0-beta.1.tgz_1469564971329_0.25372325349599123"},"directories":{},"publish_time":1469564973366,"_hasShrinkwrap":false,"_cnpm_publish_time":1469564973366,"_cnpmcore_publish_time":"2021-12-16T21:03:52.508Z"}},"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","_attachments":{},"license":"MIT"}