{"_id":"@bestyled/system","_rev":"5-4f9a751f0750bba37095d4f2e9a07064","name":"@bestyled/system","dist-tags":{"latest":"1.0.3"},"versions":{"0.1.3":{"name":"@bestyled/system","version":"0.1.3","description":"BeStyled System Property Groups, for React, React Native, React Native Web, and typescript","scripts":{"build":"tsc","lint":"berun-dev lint"},"main":"dist/","typings":"dist/","keywords":["components","react","react-component","ui","design-system","styled-system","bestyled-system","styled-components","presentational","stateless","functional","typescript"],"author":{"name":"BeStyled contributors"},"license":"Apache-2.0","publishConfig":{"access":"public"},"dependencies":{"styled-system":"^4.1.0"},"repository":{"type":"git","url":"git+https://github.com/bestyled/bestyled.git"},"gitHead":"32fb02e5d2603ecb1e812851b3b949eb36fb4901","bugs":{"url":"https://github.com/bestyled/bestyled/issues"},"homepage":"https://github.com/bestyled/bestyled#readme","_id":"@bestyled/system@0.1.3","_nodeVersion":"10.15.1","_npmVersion":"lerna/3.15.0/node@v10.15.1+x64 (darwin)","dist":{"integrity":"sha512-zFCWP9hKOCom6wVjA10Pe+ROLAXXfFLoj+4JqvhsNYDv85BDI/DLCDzJRP0JrJPHQNZMbcXo1rhqkZbPtvnFkg==","shasum":"f14f0c0651c8ba95e08286222024da006e2dbe0a","tarball":"https://registry.npmjs.org/@bestyled/system/-/system-0.1.3.tgz","fileCount":46,"unpackedSize":85909,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdD9xgCRA9TVsSAnZWagAAu7cP/379Yag9ca1vrkC+yZwz\nBAhKfZ1m1VN5nXu4l8YfupyaA509YnzZQVF8SEcJgd0+mEUoYduTxdlIIZkh\nFZvYNf1iCC/a/mL8QNDfAFr6vWcRPjKXR22eJuoEAe6woj8uLiKuXJymADv+\nkhq9tVtuSSSfaaUuDUAuyVni59lockNuuO3pdzPi9e0DPJ/xPiT1hnjDgAR0\nZOEi46cz7mq/B04aaO7kCrpeP5raU52prh2Gwh8hSEiGAaB6WjkfwHg9vNDV\nbY+QxndM9WSj4/EyjhUKFd/2aEqlZiyUm7WZR1ta26OBALyqQ9+ORnJCsgrM\nUDyIylj1jcP2Vgjr1tFvgd1RVQHZW2avLZEliTjKAt35wgPlqfObr5Pw4F0Y\nQt8Mlf3BYaWiETn42oZZ1CTfz6xSYJ/Ay2Vv917oX6B6UvggO4aC4s0OLygI\n1HoDIrxmgM4tUSg/JKu99ANL62iTjWybUJdcQy9Fe94NSmj7aTvyAvI1RKmt\nTf5KJKzPWwLAkaaJPN1JPweJkRyyr0HgZdqkWSOWJ/9NE/QdeuUjL22hcx+2\nzl5SbY5l6qGkvhOV3p9/Pk4/ibcvtDDRsSBaFwlI0iEr1uOVys0Wp8gwllNd\nlHa7b/L1u5o0YbQSoZI7RVA9x/EGRgRCh++Hbq9p2cqWwL5ftx/d6Vokgt8F\ndJ3K\r\n=2/iU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0zpeZiY0DF0hZZSZfm7xUeHm17EXL1c9O6kDEVNJnLgIhAJNns4dZx2JyoolTltlEqtbOyLnL1POJ9VcGcgWTwf28"}]},"maintainers":[{"name":"guycreate","email":"guy@nodekit.io"}],"_npmUser":{"name":"guycreate","email":"guy@nodekit.io"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system_0.1.3_1561320543502_0.7870697535151068"},"_hasShrinkwrap":false},"1.0.1":{"name":"@bestyled/system","version":"1.0.1","description":"BeStyled System Property Groups, for React, React Native, React Native Web, and typescript","main":"dist/index.js","ts:main":"src/index.ts","types":"src/index.ts","author":{"name":"BeStyled contributors"},"keywords":["components","react","react-component","ui","design-system","styled-system","bestyled-system","radix-system","styled-components","emotion","presentational","stateless","functional","typescript"],"license":"Apache-2.0","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/bestyled/bestyled.git"},"scripts":{"build":"tsc","lint":"berun-dev lint"},"dependencies":{"@styled-system/core":"^5.1.2","@styled-system/css":"^5.1.5","@styled-system/theme-get":"^5.1.2","@styled-system/variant":"^5.1.5","csstype":"^2.6.11"},"devDependencies":{},"peerDependencies":{},"bugs":{"url":"https://github.com/bestyled/bestyled/issues"},"homepage":"https://github.com/bestyled/bestyled#readme","_id":"@bestyled/system@1.0.1","_nodeVersion":"12.18.2","_npmVersion":"6.14.8","dist":{"integrity":"sha512-Cuw9MCg+dUpoazIQ/erpSSn+CzVcibm/KYRjRTScbphDQlp2EI1gXUnL3NcSvUZdYn44P86XVbfmAKTP6AY2fw==","shasum":"85debf1072b331525b0c102c33cafdbe4a2c26ff","tarball":"https://registry.npmjs.org/@bestyled/system/-/system-1.0.1.tgz","fileCount":61,"unpackedSize":128520,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfouKYCRA9TVsSAnZWagAAq6IQAIzRXeDZFDUN4Qe0LTJU\n8HE2QHNa0g0uePvizQIbKPY7hrDGv7L/tXmJkesGjeXdYNPWLwmKSnHqM8nH\ns6haN0CPUuNpS85BerUapNMdzUEphnVvwgfE7tZQ6RILPvskh/BkLLyeeHsD\nrnOL1D22Z6wYwYXZPa6Y6mEpQdvPfOeYFVksoh2ad2YIlwG1RZr/6YzW1QA+\nJT8CunXNkjGKNocm5jWGsVtw1NrpP3IUCc/SJCoSWQsnNIjjwyYAViwZae2/\n8uBGWKcYe8qM/JM6qkOJ5oniyke4CJ2C9B9x3WMj9qux3SelW8NYSAoWscdC\nBEvRo5ej+kUPmIVpDmmLjIRF3j73rSKG/2K2tgQ6WB1Yh8g53CwGN+iEP8n0\nVbiEmEJGZbEI83fbRb4hSAzzLXPRqSyJ324wH8XRfRYSXOcKKjeGwHy++xWd\nbt9yH7AO4fwXAyddA9wTxRGyBkxN6DJKNP8j9tgKObqOsrvUirQmBB8P4AhH\nkajeOFBv629YcPNtXCiicW375tujS1B0AoVwkvKqlIjs3Wy9jzy1K5gGVmiB\nQEbvWH2Po9dl5ccwJj1fC2qi75TnGV6bktoBT3ytPxnHGPppXXZVLXK81r9l\nlQ/W2+1GQuNnn86ddqUlcnc+YboNWKauj3/DFVx0mLZpInZe4lP9mgSZRFfW\nR4p4\r\n=zapt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFaHojQq+waQLah/DrhpFW1OGOUfKxpZ9uhehGjy6+AVAiBQhXPA7Os/gcbAa3S9Cf7/4AneUsAHrKxRaXosXr/dhA=="}]},"_npmUser":{"name":"guycreate","email":"guy@nodekit.io"},"directories":{},"maintainers":[{"name":"guycreate","email":"guy@nodekit.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system_1.0.1_1604510359628_0.8653813215092883"},"_hasShrinkwrap":false},"1.0.2":{"name":"@bestyled/system","version":"1.0.2","description":"BeStyled System Property Groups, for React, React Native, React Native Web, and typescript","main":"dist/index.js","ts:main":"src/index.ts","types":"src/index.ts","author":{"name":"BeStyled contributors"},"keywords":["components","react","react-component","ui","design-system","styled-system","bestyled-system","radix-system","styled-components","emotion","presentational","stateless","functional","typescript"],"license":"Apache-2.0","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/bestyled/bestyled.git"},"scripts":{"build":"tsc","lint":"berun-dev lint"},"dependencies":{"@styled-system/core":"^5.1.2","@styled-system/css":"^5.1.5","@styled-system/theme-get":"^5.1.2","@styled-system/variant":"^5.1.5","csstype":"^2.6.11"},"devDependencies":{},"peerDependencies":{},"bugs":{"url":"https://github.com/bestyled/bestyled/issues"},"homepage":"https://github.com/bestyled/bestyled#readme","_id":"@bestyled/system@1.0.2","_nodeVersion":"12.18.2","_npmVersion":"6.14.8","dist":{"integrity":"sha512-EhAI7VgGJSWU301TtnaEN3ZRHEtj5hK7UBiUs8tExSpx8nCW08OiqYdHJyZgK32MS5NtpU4KyY7o0nwePEcdqA==","shasum":"4bce7ed89332169571c07b2467d957e028b79d75","tarball":"https://registry.npmjs.org/@bestyled/system/-/system-1.0.2.tgz","fileCount":61,"unpackedSize":128520,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfovibCRA9TVsSAnZWagAAsJcP/2X5ZGn3UoVC5sDgmztW\nmhtmKYOLrQklx+Wa6HIo84F/Rc302Z3Srwdn+k9sacyY9fXLuM5UygsNrXiK\ndbjmUo21+Oib2LIYEuh5c7a5Mz9Q5wTOO9HjExt03vbGxFe7Bdq9uQbhR4pR\n5y0gqbuZ8pFFjreMpMh554dKpm3vM+QqqU+fF9PfQ/XYcLDqF/7W4h2YeYYe\nupjf3LNp+qfBZPnCRYrIms9rsUz+HO0/8qcB3zTRc6maZ26TkN7P95NXVxuM\nh82HghwswnMBauztuZVfD9a4pOR6KCwnqcFVljI15hJXvtId9p+KhHn5Npmx\nlPGk6Qb9pW+3dRSUK0/mcry4JPTcVp9e5hBA+sSmxUSi4xbyM9Zrh4qqwn9A\nzhmli/tZoEYoOwHNgxUV1KuuEFB0eLOiLI/0VDIA4vN7eJVqa6hncjrBC1Hq\nYtuD8VuEX+w7wdgoexjM9L0t2jh1lTGxRckx0pKmHblpTwJQmEKdGSbUfIj/\n3ituBZ078r1NK9yGgQCxscqIwe2cWtqcGPuaMlggBTu+Rf95cGPCOlQVkJcB\nN8AirYcq4BT6kt29SPsfJ2Nld4FrVUVrG1mzTyuaIG2w6HUiNHnTC4xV3/TB\nv++K26qgfyCj5zRp5pT1OcpfBtpysP2B5ud3985jwInjJIm1YLPLSQ0DbM4P\n/3Ib\r\n=wo02\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLMRvyPT7UWfbEWn31kG/u6Rp4iEhCSjygvF+tYMyszwIhAPqx/NOL0tL/DRtjL55g38SiRWiOGph7DqsCO5BhHLFg"}]},"_npmUser":{"name":"guycreate","email":"guy@nodekit.io"},"directories":{},"maintainers":[{"name":"guycreate","email":"guy@nodekit.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system_1.0.2_1604515994775_0.7532238633278563"},"_hasShrinkwrap":false},"1.0.3":{"name":"@bestyled/system","version":"1.0.3","description":"BeStyled System Property Groups, for React, React Native, React Native Web, and typescript","main":"dist/index.js","ts:main":"src/index.ts","types":"src/index.ts","author":{"name":"BeStyled contributors"},"keywords":["components","react","react-component","ui","design-system","styled-system","bestyled-system","radix-system","styled-components","emotion","presentational","stateless","functional","typescript"],"license":"Apache-2.0","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/bestyled/bestyled.git"},"scripts":{"build":"tsc","lint":"berun-dev lint"},"dependencies":{"@styled-system/core":"^5.1.2","@styled-system/css":"^5.1.5","@styled-system/theme-get":"^5.1.2","@styled-system/variant":"^5.1.5","csstype":"^2.6.11"},"devDependencies":{},"peerDependencies":{},"bugs":{"url":"https://github.com/bestyled/bestyled/issues"},"homepage":"https://github.com/bestyled/bestyled#readme","_id":"@bestyled/system@1.0.3","_nodeVersion":"12.18.2","_npmVersion":"6.14.8","dist":{"integrity":"sha512-GEP5I04tFJCgtsumVLkqLoYRkPdeK79puwx82BNS8JdalYZQgPcI4PuJPRuXR/uu9dV0AUOARK6RU73o8ZIJMQ==","shasum":"218a822425ff36a6438961941e62e0b85a95edfe","tarball":"https://registry.npmjs.org/@bestyled/system/-/system-1.0.3.tgz","fileCount":61,"unpackedSize":128520,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoxGXCRA9TVsSAnZWagAAc2MQAJ5lVqT3XVIS02s2IFQe\n5oh4bRR/MX0mSFIyPvlzBVEbH40I7w87q0dCW9uRYO4CWba5S7fM7Sv3OrXK\ndlaZ8SCO78l3gQY6GD0WkzpZRXgx0/kbHbDKciJgF+u7XhvM9eztnCOhAsB0\npaVcRQ0e/fHDi8PsAD5fVFz80Kx5vfFgqZHBgWxzsiEkiNlssv+By0a3AmSX\n1zH+EkH3BLAGYMGRB6NwZt6SR8WFvr4Ruw77EsWScnNAD7HeEHNsFKOoLcqV\n6soEqyPFlpGI3BrERDMXS4PbXtMe8IAFjqxaaLuHzk+BkH+PuYrPZlDARICl\ndYQLBNbzcrb9w5QvPPTssW/Tuq9XsT3M6DzzmHMxMqCp0fYxuLX+dQLkxhUt\nv8+j/I+ikjy98zn7tUjra96XKjWxs8/ELnIOw6x+kQ2iZOHbsMOSm+BLTGwm\nxQ+SOulYl9A+Kk/Fsq1SBCxYe5hKFK4hJxabmGZOEcpfTMfBcJFCFL2EoaFy\nEfeBFqGAxYxl2nz/ob9iN+qdeVOK/aSlVCgVw7rFPldESZtFaqJICfULucuq\n4fJE8dVgv8BJypP0YixQVGeDBv2tfMwd5e8DzUVSAYmC8SV5NQnHb52a9Cd8\nT0hVzDpcU79Pyx9teU/4XBz1lLfudtOUSqrBxmJr+Q1C13KnLZnX3pMLlVDS\nbsjW\r\n=r7gZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCQ1E9SOElTsRsKviuQ/IzprekEj/gMPtQatGie6nA7xAIhAI3xttUnMj74R7nwm9vWMNd3rOl7dRJKHSfUQ4ntqQxv"}]},"_npmUser":{"name":"guycreate","email":"guy@nodekit.io"},"directories":{},"maintainers":[{"name":"guycreate","email":"guy@nodekit.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/system_1.0.3_1604522391222_0.5159659734420325"},"_hasShrinkwrap":false}},"time":{"created":"2019-06-23T20:09:03.453Z","0.1.3":"2019-06-23T20:09:03.652Z","modified":"2022-04-04T18:33:56.627Z","1.0.1":"2020-11-04T17:19:19.754Z","1.0.2":"2020-11-04T18:53:14.976Z","1.0.3":"2020-11-04T20:39:51.388Z"},"maintainers":[{"email":"admin@tinia.org","name":"tinialabs1"},{"email":"guy-nodekit@barnardmail.net","name":"guycreate"}],"description":"BeStyled System Property Groups, for React, React Native, React Native Web, and typescript","homepage":"https://github.com/bestyled/bestyled#readme","keywords":["components","react","react-component","ui","design-system","styled-system","bestyled-system","radix-system","styled-components","emotion","presentational","stateless","functional","typescript"],"repository":{"type":"git","url":"git+https://github.com/bestyled/bestyled.git"},"author":{"name":"BeStyled contributors"},"bugs":{"url":"https://github.com/bestyled/bestyled/issues"},"license":"Apache-2.0","readme":"# Bestyled System\n\nBestyled system provides commonly-used groupings from [styled-system](https://github.com/styled-system/styled-system)\n\n- border\n- common\n- flex and flex_item\n- grid\n- position\n- svg\n- touchable\n- typography\n\nIt includes both the individual attribute and `sx` shorthands.\n\n## System UI\n\n\n\n### Usage\n\n```js\nimport { BorderProps, borderProps, CommonProps, commonProps, compose } from '@bestyled/system'\n\n// compose multiple together for performance\nconst systemStyles = compose(borderProps, commonProps)\n\nexport const SHConversationBackground =\n  styled <\n  React.FC <\n  BorderProps & CommonProps >>\n    Position`\n  background-color: ${props => props.theme.colors.SHOffWhite};\n  background-image: url(img/background600.png);\n  background-position: bottom left;\n  background-repeat: repeat;\n  flex-direction: column;\n  ${systemStyles}\n`\n```\n\n\n","readmeFilename":"README.md"}