{"_id":"@aaronschubert0/blocks","_rev":"1-e8f7c325c8c9d789402a05b59e7565f0","name":"@aaronschubert0/blocks","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@aaronschubert0/blocks","version":"0.0.1","description":"A set of UI primitives that can be rendered across Web, iOS, and Android","main":"index.js","scripts":{"test":"test"},"bugs":{"url":"https://github.com/aaronschubert0/blocks/issues"},"repository":{"type":"git","url":"git+https://github.com/aaronschubert0/blocks.git"},"keywords":["blocks","primitives","react","react-native","universal","view"],"author":{"name":"Aaron Schubert"},"license":"MIT","gitHead":"a93ece352ad6cfbc7da19b888c40989b0f82e12f","homepage":"https://github.com/aaronschubert0/blocks#readme","_id":"@aaronschubert0/blocks@0.0.1","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"aaronschubert0","email":"aaronschubert0@gmail.com"},"dist":{"integrity":"sha512-Ybvtx1VRVbfpsSbYcer5LYozBcKo3QJZ+h5QO+brB/BR48AS1NDlVI5e2Uwaz5v36+iIIjD27AnVRhBz87Z1Vg==","shasum":"0dad3b5d07d437b7202df9a16087f4453d5188b4","tarball":"https://registry.npmjs.org/@aaronschubert0/blocks/-/blocks-0.0.1.tgz","fileCount":4,"unpackedSize":4532,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5h0PCRA9TVsSAnZWagAA8csP/28LW2GWAATovNmwgQrR\nblKl/iu4jPhx3yzzdTnEbjsEdfXvN7/ovf9qv1/vB2r1CiPq5ggEokQqa9q4\neaLT3fIvDue7kvN4o71VHuMMLqwqiVGE2jXMqctPgGay4ykqvzH/sFwM+2Jg\neeR6PBoOtUPCdG4EmKfXEHMzVJd1uyJahsIu0XewxUEXrJHVzZH4ioJ7PcuD\nC9q10FFM8cJ/KxrpovAmBARPW++huTGgGnlGfF6xxZjLmDPdy/6wyIOKPdjM\ntyxr/+ImW5Nu3x6PFu3u6es265T5/ThEzdUv9is099z++niWDb8L1tjMO3q6\nOwbvMgs8R/QtpBlouptBnrZ1AgCPqSQ6ndLvKuvTh/WPZO2vGTdovKNorp8l\nF1v0b4NX1/tx1kxG24BDDRRB1nVTnLxbtLW/jQ7zdiNMsMFa7YtXqxfjKlGT\nbQZqNhUK+oEPmnA8sFhJFqt2ZfDyXk8Z5o9RQV3yyPLot9S+oIspOWwkdY6F\na1fkych1R5R3VyZ/j2WYD2ysFvNtFODsVmUMV3yHwI04GQ8SjaS8h4pUkvwo\nBbj2Gkls2EzVDy0LKfdO5IgjO1QPOdwB/Ms5eTpFLhXUwyUJAIXZGkY+TmKN\nJ9akV2ajS9cssHi6k7OEjWJH+hykxgJiPqaCjrycmj1BwB7QqwpkmZUbB0TP\nALdY\r\n=rcAg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBwe4tVvXBE1FNQ7eiWklngju4ZmI8TCmr1kOJCo5oVhAiEApjVGAFF24yjwSPKFQSV9eeohR5Uzny8bsXZyDEYgGs8="}]},"maintainers":[{"name":"aaronschubert0","email":"aaronschubert0@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/blocks_0.0.1_1575361806725_0.9353911212814046"},"_hasShrinkwrap":false}},"time":{"created":"2019-12-03T08:30:06.688Z","0.0.1":"2019-12-03T08:30:06.837Z","modified":"2022-04-04T10:55:46.070Z"},"maintainers":[{"name":"aaronschubert0","email":"aaronschubert0@gmail.com"}],"description":"A set of UI primitives that can be rendered across Web, iOS, and Android","homepage":"https://github.com/aaronschubert0/blocks#readme","keywords":["blocks","primitives","react","react-native","universal","view"],"repository":{"type":"git","url":"git+https://github.com/aaronschubert0/blocks.git"},"author":{"name":"Aaron Schubert"},"bugs":{"url":"https://github.com/aaronschubert0/blocks/issues"},"license":"MIT","readme":"# Blocks\n\n## Platform differences\n\n#### lineHeight\n\n```ts\ntype PixelLineHeight = string;\ntype RelativeLineHeight = number;\n/* Web */\ntype LineHeight = RelativeLineHeight | PixelLineHeight;\n/* iOS & Android */\ntype LineHeight = PixelLineHeight;\n```\n\n```ts\ntype LineHeight = PixelLineHeight;\n```\n\n#### borderStyle\n\n```ts\n/**\n * Web\n *\n * @required for border to appear\n *\n * @default \"none\"\n */\ntype BorderStyle =\n  | \"none\"\n  | \"hidden\"\n  | \"dotted\"\n  | \"dashed\"\n  | \"solid\"\n  | \"double\"\n  | \"groove\"\n  | \"ridge\";\n\n/**\n * iOS & Android\n *\n * @optional\n *\n * @default \"solid\"\n */\ntype BorderStyle = \"solid\" | \"dotted\" | \"dashed\";\n```\n\n```ts\n/**\n * blocks\n *\n * @optional\n *\n * @default \"solid\"\n */\ntype BorderStyle = \"solid\" | \"dotted\" | \"dashed\";\n```\n\n#### boxSizing\n\n```ts\n/**\n * Web\n *\n * @optional\n *\n * @default \"content-box\"\n */\ntype BoxSizing = \"content-box\" | \"border-box\";\n\n/**\n * iOS & Android\n *\n * @default \"border-box\"\n */\ntype BoxSizing = \"border-box\";\n```\n\n```ts\n/**\n * blocks\n *\n * @default \"border-box\"\n */\ntype BoxSizing = \"border-box\";\n```\n\n#### shadow\n\n```ts\n/**\n * Web\n *\n * @optional\n *\n * @default \"none\"\n */\ninterface Shadow {\n  inset?: boolean;\n  offsetX: PixelValue;\n  offsetY: PixelValue;\n  blurRadius: PixelValue;\n  spreadRadius: PixelValue;\n  color: Color;\n}\n\n/**\n * iOS\n *\n * @optional\n *\n * @default undefined\n */\n\ninterface ShadowOffset {\n  width: number; // x\n  height: number; // y\n}\n\ninterface Shadow {\n  shadowColor: Color;\n  shadowOffset: ShadowOffset;\n  shadowOpacity: number;\n  shadowRadius: number;\n}\n\n/**\n * Android\n *\n * @optional\n *\n * @default undefined\n */\n\ninterface Shadow {\n  elevation: number;\n}\n```\n\n```ts\n/**\n * blocks\n *\n * @optional\n *\n * @default undefined\n */\ninterface Shadow {\n  color: Color;\n  offset: {\n    x: number;\n    y: number;\n  };\n  opacity: number;\n  radius: number;\n}\n```\n\n#### fontFamily\n\n```ts\n/**\n * Web, iOS, Android & blocks\n *\n * @optional\n *\n * @default OS/Device Specific\n *\n * String specified is unique per platform hence it's inclusion.\n */\ntype FontFamily = string;\n```\n\n#### CSS Values\n\n#### display\n\n```ts\n/**\n * Web\n *\n * @optional\n *\n * @default element specific\n */\n\ntype Display = \"block\" | \"grid\" | \"flex\" | \"inline\" | \"table\" ...\n\n/**\n * iOS & Android\n *\n * @optional\n *\n * @default \"flex\"\n */\n\ntype Display = \"flex\"\n```\n\n```ts\n/**\n * blocks\n *\n * @optional\n *\n * @default \"flex\"\n */\n\ntype Display = \"flex\";\n```\n\n#### Rendering Text\n\nOn Web you're able to render text anywhere in the DOM, on iOS & Android you can only render text inside a `<Text />` component. Blocks adheres to this convention, meaning that any text must be wrapped in a `<Text />` component.\n\n#### Outline / Border\n\nBorder is supported on Web, iOS and Android. Outline is only supported on Web. Therefore blocks only supports border at this present time.\n","readmeFilename":"README.md"}