{"_id":"reline","_rev":"5-1ccb60cfef11cca2f6529d8aeb2ea29d","name":"reline","description":"React SVG line icon components","dist-tags":{"latest":"1.0.0-beta.3"},"versions":{"1.0.0-beta.1":{"name":"reline","version":"1.0.0-beta.1","description":"React SVG line icon components","main":"index.js","scripts":{"prepublish":"mkdir -p dist && babel src --out-dir dist","build":"webpack -p","start":"webpack-dev-server"},"keywords":["react","react-component","svg","line"],"author":{"name":"Brent Jackson"},"license":"MIT","devDependencies":{"babel-cli":"^6.11.4","babel-loader":"^6.2.5","babel-preset-es2015":"^6.13.2","babel-preset-react":"^6.11.1","babel-preset-stage-0":"^6.5.0","chroma-js":"^1.2.1","hello-color":"^1.0.1","hotdamn":"^1.1.0-beta.1","react":"^15.3.1","react-dom":"^15.3.1","webpack":"^1.13.1","webpack-dev-server":"^1.14.1"},"dependencies":{"understyle":"^1.2.0"},"gitHead":"e6cba2f393499d22b497c4bd2f1d8a51e587b193","_id":"reline@1.0.0-beta.1","_shasum":"e8f231d4ba496e4d0cee207a4edd377e4a5324b8","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.2.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"e8f231d4ba496e4d0cee207a4edd377e4a5324b8","tarball":"https://registry.npmjs.org/reline/-/reline-1.0.0-beta.1.tgz","integrity":"sha512-vwR2yB2pygdbLUgdOc+yi0p04dUZsEjHDfC7RyoGd/tJho3VWSug7qUNqtBN7TndnJJyCJQtoBOr9Rame6M0ig==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbXTLwR+T6nrP0TRjKJ/wAKGOZ7dnXXqdtNVVsUHRvaAIhAI18D9qItYIzL6L9c5JZU6cHz05Vp2oqzX7DHmRezHlH"}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/reline-1.0.0-beta.1.tgz_1471920546010_0.054347325349226594"}},"1.0.0-beta.2":{"name":"reline","version":"1.0.0-beta.2","description":"React SVG line icon components","main":"index.js","scripts":{"prepublish":"mkdir -p dist && babel src --out-dir dist","build":"webpack -p","start":"webpack-dev-server"},"keywords":["react","react-component","svg","line"],"author":{"name":"Brent Jackson"},"license":"MIT","devDependencies":{"babel-cli":"^6.11.4","babel-loader":"^6.2.5","babel-preset-es2015":"^6.13.2","babel-preset-react":"^6.11.1","babel-preset-stage-0":"^6.5.0","chroma-js":"^1.2.1","hello-color":"^1.0.1","hotdamn":"^1.1.0-beta.1","react":"^15.3.1","react-dom":"^15.3.1","rebass":"^0.3.1","reflexbox":"^2.1.0","webpack":"^1.13.1","webpack-dev-server":"^1.14.1"},"dependencies":{"understyle":"^1.2.0"},"gitHead":"29e0a6706733b891601b06b83e08738ddb12ed5e","_id":"reline@1.0.0-beta.2","_shasum":"996513de10f5188b85df868e40cbc3f66376a7ee","_from":".","_npmVersion":"3.10.2","_nodeVersion":"6.2.1","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"996513de10f5188b85df868e40cbc3f66376a7ee","tarball":"https://registry.npmjs.org/reline/-/reline-1.0.0-beta.2.tgz","integrity":"sha512-8NTBgzIw5U6zOJBOA49rT2YVdzGii6DGbGVvrzRwtEcKoo7JsDJnYwkT1qpE4pYUWviwc9IXJ0xtNi7ul6AfrA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDnK6+aCMLrPQdWSljiJVrWyiKaF5ZxSmjNbIyCg+Cc5QIhALqjqT1+ZWJtxzu2qEptPTUuJ+QBw7GcCy/WdHphBU5j"}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/reline-1.0.0-beta.2.tgz_1472067210844_0.6673740718979388"}},"1.0.0-beta.3":{"name":"reline","version":"1.0.0-beta.3","description":"React SVG line icon components","main":"dist/index.js","scripts":{"prepublish":"mkdir -p dist && babel src --out-dir dist","build":"webpack -p","start":"webpack-dev-server"},"keywords":["react","react-component","svg","line"],"author":{"name":"Brent Jackson"},"license":"MIT","devDependencies":{"babel-cli":"^6.11.4","babel-loader":"^6.2.5","babel-preset-es2015":"^6.13.2","babel-preset-react":"^6.11.1","babel-preset-stage-0":"^6.5.0","chroma-js":"^1.2.1","hello-color":"^1.0.1","hotdamn":"^1.1.0-beta.1","react":"^15.3.1","react-dom":"^15.3.1","rebass":"^0.3.1","reflexbox":"^2.1.0","webpack":"^1.13.1","webpack-dev-server":"^1.14.1"},"dependencies":{"understyle":"^1.2.0"},"gitHead":"dd1cea4642bd09f0dd69d291682cbeaf2c07e43a","_id":"reline@1.0.0-beta.3","_shasum":"91c3ef72917a958ff53c7f036fbe88d0cd5c2a75","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.2.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"91c3ef72917a958ff53c7f036fbe88d0cd5c2a75","tarball":"https://registry.npmjs.org/reline/-/reline-1.0.0-beta.3.tgz","integrity":"sha512-Mh5bFPPzy0+WaPHHY7XIFvVLIgasI4ajGSCMcqSG0WR+kqL3htxqQBJJ4UAE11iV+PFrPxLl6oO60tUG0fvTKg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA8XhHlivuQw5Rgcr6TGaAb2DQuxaMYj+RoHiTXnjx/tAiB6huJ8zx9Im7diD9YdO9qKfq6maAUy2EANLDlgEXDoyA=="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/reline-1.0.0-beta.3.tgz_1472399665429_0.39498760970309377"}}},"readme":"\n# Reline\n\nReact SVG line icon components\n\nhttp://jxnblk.com/reline\n\n```js\nnpm i reline\n```\n\n```js\nimport React from 'react'\nimport { Line } from 'reline'\n\nconst Demo = () => (\n  <div>\n    <Line path={[\n      [0, 0],\n      [16, 16]\n    ]} />\n  </div>\n)\n```\n\n```js\nimport React from 'react'\nimport { Icon } from 'reline'\n\nconst Demo = () => (\n  <div>\n    <Icon name='chevron' down />\n  </div>\n)\n```\n\n```js\nimport React from 'react'\nimport {\n  X,\n  Chevron\n} from 'reline'\n\nconst Demo = () => (\n  <div>\n    <X />\n    <Chevron right />\n  </div>\n)\n```\n\n## Components\n\n### Line\n\nCreates SVG icons with straight lines\n\n**Props**\n\n- `path` - an array of x/y coordinate arrays to create straight lines, based on a 16x16 grid\n- `paths` - an array of path arrays to create segmented lines\n- `size` - number indicating the width and height of the icon in pixels (default `16`)\n- `strokeWidth` - number indicating the stroke width of the icon in pixels (default `3`)\n- `stroke` - string for the stroke color (default `currentcolor`)\n\n### Icon\n\nLine component for icons based on common shapes\n\n**Props**\n\n- `name` - key for icon name, one of the following:\n  - `x`\n  - `plus`\n  - `minus`\n  - `chevron`\n  - `arrow`\n  - `triangle`\n  - `square`\n  - `diamond`\n  - `burger`\n- `up` - sets orientation for directional icons (chevron, arrow, & triangle)\n- `down` - sets orientation for directional icons\n- `left` - sets orientation for directional icons\n- `right` - sets orientation for directional icons\n\n### Primitive Components\n\n- `X` - X-shaped icon\n- `Plus` - plus symbol icon\n- `Minus` - minus symbol icon\n- `Chevron` - chevron-shaped icon\n- `Arrow` - arrow-shaped icon\n- `Triangle` - triangle-shaped icon\n- `Square` - square-shaped icon\n- `Diamond` - diamond-shaped icon\n- `Burger` - hamburger icon\n\nMIT License\n\n","maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"time":{"modified":"2022-06-26T10:58:46.283Z","created":"2016-08-23T02:49:08.040Z","1.0.0-beta.1":"2016-08-23T02:49:08.040Z","1.0.0-beta.2":"2016-08-24T19:33:32.625Z","1.0.0-beta.3":"2016-08-28T15:54:26.510Z"},"keywords":["react","react-component","svg","line"],"author":{"name":"Brent Jackson"},"license":"MIT","readmeFilename":"README.md"}