{"_id":"@benjeau/react-native-draw-extras","_rev":"4-4a6916f0557be1ae12e69918bd974780","name":"@benjeau/react-native-draw-extras","dist-tags":{"latest":"0.2.2"},"versions":{"0.1.0":{"name":"@benjeau/react-native-draw-extras","version":"0.1.0","description":"Extra components for @benjeau/react-native-draw Canvas component","main":"lib/commonjs/index","module":"lib/module/index","types":"lib/typescript/index.d.ts","react-native":"src/index","source":"src/index","scripts":{"prepare":"bob build"},"repository":{"type":"git","url":"git+https://github.com/BenJeau/react-native-draw.git","directory":"packages/react-native-draw-extras"},"author":{"name":"Benoit Jeaurond","email":"benoit@jeaurond.dev","url":"https://github.com/BenJeau"},"license":"MIT","bugs":{"url":"https://github.com/BenJeau/react-native-draw/issues"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"homepage":"https://github.com/BenJeau/react-native-draw#readme","keywords":["react-native-component","react-component","react-native","ios","android","draw","svg"],"devDependencies":{"@react-native-community/slider":"^4.2.0","@types/react":"^17.0.1","@types/react-native":"0.64.3","react":"17.0.1","react-native":"0.64.3","react-native-builder-bob":"^0.18.2","react-native-svg":"^12.1.1","typescript":"^4.5.5"},"peerDependencies":{"@react-native-community/slider":">=4.0.0","react":"*","react-native":"*","react-native-svg":">=12.0.0"},"react-native-builder-bob":{"source":"src","output":"lib","targets":["commonjs","module","typescript"]},"gitHead":"35dacae8f6063d0394ca5eda3691a0525c9b1100","_id":"@benjeau/react-native-draw-extras@0.1.0","_nodeVersion":"17.2.0","_npmVersion":"8.2.0","dist":{"integrity":"sha512-VTn0+Smx5hRdAsQbAZOrSGllDNXyRFvsJF+SkIEp3sTVilTaTfT11RWGBKFLNmLcReUqsfWSau8MXknBTVjPtw==","shasum":"e0622860f7cf94f82e959d4d3c56ebd974a12b52","tarball":"https://registry.npmjs.org/@benjeau/react-native-draw-extras/-/react-native-draw-extras-0.1.0.tgz","fileCount":98,"unpackedSize":174011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAWWoCRA9TVsSAnZWagAACPYP/i/BUEF5oIfvlbhFNwFh\nUGIP7QvLT4+82noMEbwgSMVgcVnJF8lUespPHJW6qz1wCoKjvBzutBnj9aek\nfSYm7/ZnR2yT4RZY22Ye83LC/Uq/anorV3w3MqPiFVpTuyad3q/5+5Tn1y9B\nRYXgnh6K+oftp32UUYmbPZDQcKZnJBsxvtZ6JQg0iIGJgY1gGzHUuVrFAze1\nKmW++lhk/nwFaH0E4gz7uJw4nsIgR5LBG7jj+f27zLo+23/jyKkVbwUlGfSv\nK4NkoL457sJSV6XExMXxgr5AwiIpmkrsgRHT4K+wyWaRjz4mm7EFvyBVnhWQ\nciUjmT5eO5KsoYUGGBmd/11d5Ox1FOVCWcbBf9MkgVRRsLyVtiINsQX1pOT5\n/2DYdEEFjGsZg/ht7JiZ4fC/nZ0eHaejpCGo5msplc1tEb9daKV92sNGe9f8\n08f6CS03qxDhHs2dEHBPBlCiWFQ9vdLgtJn3TUIVhG6JGwLBkD2J2QghP2Ek\nHJYP/aZGj9kA+t3pXgU+U8zOe6Wlszebe3ORIVdJv4FHXoFWjbHSYbFkNBPP\nG35ZGgH9kV+gpz+foswu1i6FoJS03FMARlXsH5F5PznYTuTosKQdOfGZgYeH\nCivnfbPhwj5aFmBV6MzbQGjnvBZeOmMsxxZTl+N3KPkfsSXe6upIkT/9IxCx\npm+O\r\n=bzs8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBGpGr1s2MK/2F3lkPYWZy+axwzalS6BtjXEa0iB8Q+YAiBUhMS2nrWCmnlbgUDTuXBTkSNHPqKOwFkwTtMtkaSiHQ=="}]},"_npmUser":{"name":"benjeau","email":"benoit@jeaurond.dev"},"directories":{},"maintainers":[{"name":"benjeau","email":"benoit@jeaurond.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-draw-extras_0.1.0_1644258727931_0.6642470751969685"},"_hasShrinkwrap":false},"0.2.0":{"name":"@benjeau/react-native-draw-extras","version":"0.2.0","description":"Extra components for @benjeau/react-native-draw Canvas component","main":"lib/commonjs/index","module":"lib/module/index","types":"lib/typescript/index.d.ts","react-native":"src/index","source":"src/index","scripts":{"prepare":"bob build"},"repository":{"type":"git","url":"git+https://github.com/BenJeau/react-native-draw.git","directory":"packages/react-native-draw-extras"},"author":{"name":"Benoit Jeaurond","email":"benoit@jeaurond.dev","url":"https://github.com/BenJeau"},"license":"MIT","bugs":{"url":"https://github.com/BenJeau/react-native-draw/issues"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"homepage":"https://github.com/BenJeau/react-native-draw#readme","keywords":["react-native-component","react-component","react-native","ios","android","draw","svg"],"devDependencies":{"@react-native-community/slider":"^4.2.0","@types/react":"^17.0.1","@types/react-native":"0.64.3","react":"17.0.1","react-native":"0.64.3","react-native-builder-bob":"^0.18.2","react-native-svg":"^12.1.1","typescript":"^4.5.5"},"peerDependencies":{"@react-native-community/slider":">=4.0.0","react":"*","react-native":"*","react-native-svg":">=12.0.0"},"react-native-builder-bob":{"source":"src","output":"lib","targets":["commonjs","module","typescript"]},"gitHead":"40015b875ab7f695b87bc2108d27ea1d09f128cf","_id":"@benjeau/react-native-draw-extras@0.2.0","_nodeVersion":"17.2.0","_npmVersion":"lerna/4.0.0/node@v17.2.0+arm64 (darwin)","dist":{"integrity":"sha512-Cci/CDkLiBXt0cKQL3YFxezYVsDOYPCIEl1Aj2D0mr7/ZJW3fHUStsY9CmttISY83XLkqhR2LYflnTOJeofu8Q==","shasum":"7a95f36146fb1b6604a9a553ab6ed39412cc0fed","tarball":"https://registry.npmjs.org/@benjeau/react-native-draw-extras/-/react-native-draw-extras-0.2.0.tgz","fileCount":99,"unpackedSize":175083,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiO0q9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpbaA//YT/nmQG8j1TDOabgHrWKPFRV444sbyHJ+CahWLo1Mdt/D0RH\r\n1FEM4bG1xXzWsOsCJ4OqQnGBBJwba0Yd7gxyDGyX1ezJIQVKhqHowgJ30jkf\r\nizihY63ESVdY66NuaaUujmduFjfFIZ7RsKaXxfs5xop1Tc0X7W/X5KiwHRHE\r\nb77HHhMI92RJzlg+B0VJtV8xWs1n6ugSse70bJx93qugtWZ17poLWtUYU/qB\r\nJQVetNZJa9n7STiOKcHqkRwROPWTdRNEruK98KVsxg9fun1t5GiwnTJLoetj\r\nP/vcSGP4iGnMkPSf/RblQGIVvEZW+1Knqp1zzkZB6448gaLXJizLbMoYdqxv\r\n8CAMBmBQZHRjn/P2PUG4XXIDCt+YCTLZH+/L9pBPKLzjqyuFim5aaugZUbO1\r\nJVq7ik7v040Gch5PAm4CYXzz5kMRckArciSAT1Lhgk5U7zbHxVIIqk/vWYjD\r\nV7jaEierFcoBQotnb4LPcLX3Muw0UolbJivhuEn0M/zExVNFfe2/kkoti/j4\r\n6QpavvGdgJM1isuMyFFK5JuwmbWCmuJUynqy9rLfna1giWlbr8bpGrwZugdf\r\nhAvy5+B5gY10D3H2728hhK8NbY+/Mn/o/SLjwaZtforXh44c3U7efaKhk2Fc\r\nBFKfLxLQsfu9xB6+oDJui8byXEsKfa8TmSg=\r\n=BMQ+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC/VgrvthrHbvCORuI2rsUKmAJDdNGd+VB3U1bla60npgIhAPBhD+Qh3Ar2fr/+8d8BFFAt8jp8ZJSdmyxhzjHwvNki"}]},"_npmUser":{"name":"benjeau","email":"benoit@jeaurond.dev"},"directories":{},"maintainers":[{"name":"benjeau","email":"benoit@jeaurond.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-draw-extras_0.2.0_1648052925329_0.6058429281057625"},"_hasShrinkwrap":false},"0.2.1":{"name":"@benjeau/react-native-draw-extras","version":"0.2.1","description":"Extra components for @benjeau/react-native-draw Canvas component","main":"lib/commonjs/index","module":"lib/module/index","types":"lib/typescript/index.d.ts","react-native":"src/index","source":"src/index","scripts":{"prepare":"bob build"},"repository":{"type":"git","url":"git+https://github.com/BenJeau/react-native-draw.git","directory":"packages/react-native-draw-extras"},"author":{"name":"Benoit Jeaurond","email":"benoit@jeaurond.dev","url":"https://github.com/BenJeau"},"license":"MIT","bugs":{"url":"https://github.com/BenJeau/react-native-draw/issues"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"homepage":"https://github.com/BenJeau/react-native-draw#readme","keywords":["react-native-component","react-component","react-native","ios","android","draw","svg"],"devDependencies":{"@react-native-community/slider":"^4.2.0","@types/react":"^17.0.1","@types/react-native":"0.64.3","react":"17.0.1","react-native":"0.64.3","react-native-builder-bob":"^0.18.2","react-native-svg":"^12.1.1","typescript":"^4.5.5"},"peerDependencies":{"@react-native-community/slider":">=4.0.0","react":"*","react-native":"*","react-native-svg":">=12.0.0"},"react-native-builder-bob":{"source":"src","output":"lib","targets":["commonjs","module","typescript"]},"gitHead":"35dacae8f6063d0394ca5eda3691a0525c9b1100","_id":"@benjeau/react-native-draw-extras@0.2.1","_nodeVersion":"17.2.0","_npmVersion":"8.2.0","dist":{"integrity":"sha512-pYebGjp1cFqVOj2BcfvIzfN2JSEKOgrput6UqVlVEsSXw1NBN8m6ijwSUptp5KihcGV9i28jHQOZFjeQ5QVNMg==","shasum":"9f784d83b6131a709e7c6c50541d73cdb81648f9","tarball":"https://registry.npmjs.org/@benjeau/react-native-draw-extras/-/react-native-draw-extras-0.2.1.tgz","fileCount":98,"unpackedSize":174011,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCn8Xrw3K6/ujuFyyv8ZOAQ8h9RvhjE6DRBywiLVGBYRgIgEWGJ26ghqQ8pdQtJiLdhpYWkMHjoiZvE+biIZPfVNlU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihUMQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4dg//Qx3tRAN8ECKOl35q1+zUf6/+c4XOM6AzdkhHebInEbhChBIj\r\n9FfgDUvl+uq2me5uKb0W8y5F3X5Po+pYGjAV3AY4NW0tU+3dwPPJZZnXeSjp\r\nDUHegDpJUWshFXqSGQR4L62R5qPFxw0V7AtWceItoQMxNEGhi2ZteQXCHYOc\r\nxKdsfVrFfYBxZRTTt4PuXRjpVn9OinJdqUNk7UNOl+OPTQZutt2eI4M4dpfe\r\n8bua89oainHGYSP5WHorrzbOZ6vOP2cLohr8IFuUPZh49fTNPSxxczJMIkdm\r\n80N29QCMGTNcMH7kaTy4BsTGewsHCW3WpmWeNuBMnZAqYGObT30uU2PU5gfy\r\nF5BNuLLBrSW1c7sSr6gq3rCcrwt9H+2mYK7oOZP2RdYiJu+O34gewt3aCRH0\r\nW/Fc720Lx8HcBjN+PwHw0MI1XqSpvLsHhlzkgJyFypM832zI9Eqy6KEJF2Eq\r\nej9j/6WUUVRm50FS1qqz94gLGKHwQIJm+n7nT5JaFcapGBQLPuvZpySvL1eL\r\nitKfc0GogNv7LUFiFiqrsrW1U/5pKNBx2GkT2+81Ktmsj/hdMIzF//b9uXBg\r\nAsetlYUrHrIPREgIkRsSXF1xagkt+6MTBlrI9tcT9zJLUENoi4KBjbvQk+Yz\r\nbzM5c3cotJaQuHAB4pkQWkG6+5lXbXoE6Ps=\r\n=t7cf\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"benjeau","email":"benoit@jeaurond.dev"},"directories":{},"maintainers":[{"name":"benjeau","email":"benoit@jeaurond.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-draw-extras_0.2.1_1652900624734_0.4255111775663416"},"_hasShrinkwrap":false},"0.2.2":{"name":"@benjeau/react-native-draw-extras","version":"0.2.2","description":"Extra components for @benjeau/react-native-draw Canvas component","main":"lib/commonjs/index","module":"lib/module/index","types":"lib/typescript/src/index.d.ts","react-native":"src/index","source":"src/index","scripts":{"prepare":"bob build"},"repository":{"type":"git","url":"git+https://github.com/BenJeau/react-native-draw.git","directory":"packages/react-native-draw-extras"},"author":{"name":"Benoit Jeaurond","email":"benoit@jeaurond.dev","url":"https://github.com/BenJeau"},"license":"MIT","bugs":{"url":"https://github.com/BenJeau/react-native-draw/issues"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"homepage":"https://github.com/BenJeau/react-native-draw#readme","keywords":["react-native-component","react-component","react-native","ios","android","draw","svg"],"devDependencies":{"@react-native-community/slider":"^4.2.0","@types/react":"^17.0.1","@types/react-native":"0.64.3","react":"17.0.1","react-native":"0.64.3","react-native-builder-bob":"^0.18.2","react-native-svg":"^12.1.1","typescript":"^4.5.5"},"peerDependencies":{"@react-native-community/slider":">=4.0.0","react":"*","react-native":"*","react-native-svg":">=12.0.0"},"react-native-builder-bob":{"source":"src","output":"lib","targets":["commonjs","module","typescript"]},"gitHead":"35dacae8f6063d0394ca5eda3691a0525c9b1100","_id":"@benjeau/react-native-draw-extras@0.2.2","_nodeVersion":"17.2.0","_npmVersion":"8.2.0","dist":{"integrity":"sha512-ChrMvrsDPZ0jPVF80yCCfRoy3S1zk6JZMEiEUTvcXL/jZlcN+I8MucmyYZgVWtuhaj2A16QK2uLJIkhpSzOWAg==","shasum":"be16844746faa0db33fa3ecb82048fae8a05d77e","tarball":"https://registry.npmjs.org/@benjeau/react-native-draw-extras/-/react-native-draw-extras-0.2.2.tgz","fileCount":98,"unpackedSize":174015,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFkOqJq637O3fyvNiQRzLYHXcEgsRqZsjjO0AaoqyRt0AiEAkVqKVqHv473O9lLybSGRweT0xW4q9iv+rnSpjtgr3DI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihUQOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpJ/Q//XPI2Azs8dKucmvPuh2dRrY6tmDRwbief7/Fh1wCvlUQJx0Qm\r\nxMmtSdGLtfYTGgjtE6pN8rQQRBcmGjkL+DDhkGw1JJPi5kyM/1N95GiOImKb\r\nP8kgtVeO5TgoqQzLi3seZAFdDhQg2h6i9vDzn/mR4wgHvtjciG98isdkEtTi\r\nAQHuR/gEFt1ROpxBB6mfRVkCPiRg2iVGo2EeR5rCpdlPFcZlt7b719z0XGsl\r\nQOOfJurFSSQXEZ2VF8dAegLMfSW0ykHK6kwgVPnFTvExhXycXKw9hGoPuAia\r\nuGPJQf1pVOGILPfgoPOl3ylP4Vtp+pQqhSVT6NOj8tBzdGNJ4kY+1uNva0cF\r\netJGG5r66FlYIPP2A1xE+iBpH5oSn5+oFqqtHmYbQV813TkXewUkP5Os7XZb\r\nYizirQPDHqr7hagxHeH/8ryz6WjVnvdP+cDZwxpdeFZdck0a47R6yzCBvAp+\r\nGtDaV31gOztewApGgjaZzRS50HY9oRl1vU9iXivWpQuSRLsNEgA2u71lsxXM\r\nVUcqVEiXtYgwE8a7XUHVgA9y/PV0tYPmn0Z86CJgSA66gPFBdXZxCltEL+jE\r\nC+4fJagh1oa2yxPGdIGl9Fq8Hn6V28PpxYqC0zH53fP44lpEP07QiSNi0UBN\r\nYZKe8rPYh8HlLvBfdoTUj7430mqLloei3MI=\r\n=JZ7x\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"benjeau","email":"benoit@jeaurond.dev"},"directories":{},"maintainers":[{"name":"benjeau","email":"benoit@jeaurond.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-draw-extras_0.2.2_1652900878736_0.015419469933000585"},"_hasShrinkwrap":false}},"time":{"created":"2022-02-07T18:32:07.854Z","0.1.0":"2022-02-07T18:32:08.093Z","modified":"2022-05-18T19:07:59.000Z","0.2.0":"2022-03-23T16:28:45.517Z","0.2.1":"2022-05-18T19:03:44.948Z","0.2.2":"2022-05-18T19:07:58.882Z"},"maintainers":[{"name":"benjeau","email":"benoit@jeaurond.dev"}],"description":"Extra components for @benjeau/react-native-draw Canvas component","homepage":"https://github.com/BenJeau/react-native-draw#readme","keywords":["react-native-component","react-component","react-native","ios","android","draw","svg"],"repository":{"type":"git","url":"git+https://github.com/BenJeau/react-native-draw.git","directory":"packages/react-native-draw-extras"},"author":{"name":"Benoit Jeaurond","email":"benoit@jeaurond.dev","url":"https://github.com/BenJeau"},"bugs":{"url":"https://github.com/BenJeau/react-native-draw/issues"},"license":"MIT","readme":"# @benjeau/react-native-draw-extras\n\n[![NPM badge](https://img.shields.io/npm/v/@benjeau/react-native-draw-extras)](https://www.npmjs.com/package/@benjeau/react-native-draw-extras) [![CircleCI Status](https://img.shields.io/circleci/build/gh/BenJeau/react-native-draw)](https://app.circleci.com/pipelines/github/BenJeau/react-native-draw) ![Platform badge](https://img.shields.io/badge/platform-android%20%7C%20ios%20%7C%20web-blue)\n\nExtra components to complement [@benjeau/react-native-draw](https://github.com/BenJeau/react-native-draw):\n\n* `CanvasControls`\n  * Clear drawing\n  * Undo last path\n  * Includes the `BrushPreview` component\n  * Toggle between drawing and erasing\n  * Toggle visibility of `BrushProperties`\n* `BrushPreview`\n  * Displays an SVG preview of the stroke (color, thickness, opacity)\n* `BrushProperties`\n  * Includes the `ColorPicker` component\n  * Slider to change brush opacity\n  * Slider to change brush size\n* `ColorPicker`\n  * Grid of color where the user can select a color\n\n## Installation\n\n```sh\nnpm install @benjeau/react-native-draw-extras\n# or\nyarn add @benjeau/react-native-draw-extras\n```\n\n> Also, you need to install [@react-native-community/slider](https://github.com/callstack/react-native-slider) and [react-native-svg](https://github.com/react-native-svg/react-native-svg), and follow their installation instructions.\n\n## Example\n\nPlease see the [example](../../example/) Expo application showcasing the components\n\n## Props\n\n### CanvasControls\n\nContains all the props of [BrushProperties](#brushproperties) and the following:\n\n| name                      | description                                          | type                   | default   |\n| ------------------------- | ---------------------------------------------------- | ---------------------- | --------- |\n| `onClear`                 | Callback when the clear button is pressed            | `() => void`           | -         |\n| `onUndo`                  | Callback when the undo button is pressed             | `() => void`           | -         |\n| `onToggleEraser`          | Callback when the eraser button is pressed           | `() => void`           | -         |\n| `onToggleBrushProperties` | Callback when the brush properties button is pressed | `() => void`           | -         |\n| `buttonStyle`             | Override the style of the buttons                    | `StyleProp<ViewStyle>` | -         |\n| `tool`                    | Initial tool of the canvas                           | `brush` or `eraser`    | -         |\n| `deleteButtonColor`       | Delete button color                                  | `string`               | `#81090A` |\n| `otherButtonsColor`       | Other buttons color (undo and eraser mode toggle)    | `string`               | `#DDD`    |\n\n### BrushPreview\n\n| name           | description                                           | type                        | default      |\n| -------------- | ----------------------------------------------------- | --------------------------- | ------------ |\n| `color`        | Color of the brush strokes                            | `string`                    | - (required) |\n| `thickness`    | Thickness of the brush strokes                        | `number`                    | - (required) |\n| `opacity`      | Opacity of the brush strokes                          | `number`                    | - (required) |\n| `brushPreview` | Brush preview preset, for different kinds of previews | `stroke` or `dot` or `none` | - (required) |\n\n### BrushProperties\n\nContains all the props of [ColorPicker](#colorpicker) and the following:\n\n| name                | description                                                                                         | type                             | default |\n| ------------------- | --------------------------------------------------------------------------------------------------- | -------------------------------- | ------- |\n| `thickness`         | Thickness of the brush strokes                                                                      | `number`                         | `3`     |\n| `opacity`           | Opacity of the brush strokes                                                                        | `number`                         | `1`     |\n| `onThicknessChange` | Callback when brush size is changed via the slider                                                  | `(newThickness: number) => void` | -       |\n| `onOpacityChange`   | Callback when brush opacity is changed via the slider                                               | `(newOpacity: number) => void`   | -       |\n| `opacityStep`       | Step value of the opacity slider, should be between 0 and 1                                         | `number`                         | `0.1`   |\n| `thicknessMin`      | Minimum value of the thickness slider                                                               | `number`                         | `5`     |\n| `thicknessMax`      | Maximum value of the thickness slider                                                               | `number`                         | `35`    |\n| `thicknessStep`     | Step value of the thickness slider, should be between `props.thicknessMin` and `props.thicknessMax` | `number`                         | `1`     |\n| `sliderColor`       | Slider color                                                                                        | `string`                         | `#000`  |\n| `style`             | Style of the container                                                                              | `StyleProp<ViewStyle>`           | -       |\n\n### ColorPicker\n\n| name            | description                                                                                                                                                                                    | type                         | default                                |\n| --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------- | -------------------------------------- |\n| `color`         | Brush color, one from the colors provided                                                                                                                                                      | `string`                     | - (required)                           |\n| `onColorChange` | Callback when a color is selected                                                                                                                                                              | `(newColor: string) => void` | - (required)                           |\n| `colors`        | Color picker colors, specifying the color picker sections each containing rows of colors. First array defines the sections, second one defines the rows, and the last one defines the columns. | `string[][][]`               | [`DEFAULT_COLORS`](./src/constants.ts) |\n| `style`         | Style of the container                                                                                                                                                                         | `StyleProp<ViewStyle>`       | -                                      |\n\n## Helper functions\n\n* If you want to know if a color is bright or not, `isBright()` is available to detect if a HEX color is bright or dark.\n\n## Contributing\n\nSee the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.\n\n## License\n\nMIT","readmeFilename":"README.md"}