{"_id":"@djthoms/pretty-checkbox","_rev":"2-4421ff73f2593ad787e8df6410d1ad75","name":"@djthoms/pretty-checkbox","dist-tags":{"latest":"3.1.0"},"versions":{"3.0.4":{"name":"@djthoms/pretty-checkbox","version":"3.0.4","description":"A pure css library to beautify checkbox and radio buttons.","main":"dist/pretty-checkbox.min.css","scripts":{"lint":"gulp lint:scss","fix":"stylelint \"src\\**\\*.scss\" --syntax scss --fix","format":"gulp css:format","build":"gulp build"},"publishConfig":{"access":"public"},"dependencies":{},"devDependencies":{"@djthoms/prettier-config":"^2.0.0","browser-sync":"^2.8.2","del":"^5.0.0","gulp":"^4.0.2","gulp-autoprefixer":"^7.0.0","gulp-clean-css":"^4.0.0","gulp-header-comment":"^0.8.0","gulp-rename":"^2.0.0","gulp-sass":"^4.1.0","gulp-sourcemaps":"^2.6.1","gulp-stylelint":"^13.0.0","prettier":"^2.0.5","rimraf":"^3.0.0","sass":"^1.26.10","stylelint":"^13.6.1","stylelint-config-recommended":"^3.0.0","stylelint-config-recommended-scss":"^4.2.0","stylelint-scss":"^3.18.0"},"browserslist":["> 5%","last 4 versions"],"repository":{"type":"git","url":"git+https://github.com/atomicpages/pretty-checkbox.git","link":"https://github.com/atomicpages/pretty-checkbox"},"keywords":["checkbox","radio","bootstrap","fonticon","icon","svg","switch","toggle","sass","css3","animation","pretty","check","colors"],"author":{"name":"Lokesh Rajendran"},"maintainers":[{"name":"djthomps","email":"djtthompson@gmail.com"}],"license":"MIT","bugs":{"url":"https://github.com/atomicpages/pretty-checkbox/issues"},"homepage":"https://lokesh-coder.github.io/pretty-checkbox","prettier":"@djthoms/prettier-config","gitHead":"803cf0023fe14152b0cdb1969032f3e13ae8c6db","_id":"@djthoms/pretty-checkbox@3.0.4","_nodeVersion":"12.14.0","_npmVersion":"6.14.7","_npmUser":{"name":"djthomps","email":"djtthompson@gmail.com"},"dist":{"integrity":"sha512-+Q64SoY8RhLoO9SIv9B1nDhdvbvHlvOR0muLeV7sufJ1jfWteCVAp89pabASDafzYRnNbAKwYl99Ho37kzrTog==","shasum":"ecb42dd6f6b6f358e347d518dd9e05b220014d9b","tarball":"https://registry.npmjs.org/@djthoms/pretty-checkbox/-/pretty-checkbox-3.0.4.tgz","fileCount":40,"unpackedSize":275047,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOs5nCRA9TVsSAnZWagAAQswQAI250Mh+T9cJAkadviyb\nvW+bsL8lSlBnBFClKHN+NvgcGQWPJkuqBlG93usABjiRYlxEI6+tJxtfZeZe\naBlFSuhaozXKq8V4oWG6c7Rd9gbZ+B9N+KMOHvOtAjBciGfX7tBq1xp9EacZ\nVbp5IrFJAlbVufjBzAag9loIcVcnjpC9BdM8uIHjmUqADKeduIiWdcPR2J9Q\nW6k9YH45yv3nI+qkLuopvAmgC7UZJ48B2OaqpLNtmodFY7sYs0mQp6I3p4lG\n6TFr8WM0k86CTdXutmus6sGGHRsurrQHjdXRxSsd1tS0GdsRqSoM3Wymjpqq\nc4AAppHLkWwmHRcNEg8vXs0lyiiYmaQTBmqw4dCabQk120qR+S2DIAFpTsSz\nim1SDKxx6AWtCOL9YQYIDY9YG32RqHRaLTALhB6BR27QJ2TILHBkFSJ/G5Cr\nLAr/1a67gbN7dFsyEXeO8ZruAYMD6/n+GxTzx7vLFNz2sbqAS7/AI6ngjrwy\nOyoqx1ts38NBJ3g24DqL+Mw19VVFsK73KRsVOsMnRF1U+KLbZ0LaVKvSkfaY\n3GCruyF5qOwEPhS+DOdjHeDi8t7LkmyEGeStpZcol4UTRjL57RLASepALtLS\nq7ISJPPHfUA3CQ2IszK6qNNj4hgErHkg6WbiaVtehIUXRMNAhSXqXHDObLd7\n3Qfa\r\n=M9+E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDQFCNCnXnxTwT3ZHysEWy6iNcKPcbIbWK27HUe+I4cwAiA851aN2dE8HAbBJOBcTnzku75xU071mcx56hvxr5Anew=="}]},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pretty-checkbox_3.0.4_1597689447340_0.135927965585257"},"_hasShrinkwrap":false},"3.1.0":{"name":"@djthoms/pretty-checkbox","version":"3.1.0","description":"A pure css library to beautify checkbox and radio buttons.","main":"dist/pretty-checkbox.min.css","scripts":{"clean":"del dist/","lint":"stylelint 'src/**/*.scss'","fix:scss":"npm run lint -- --fix","prebuild":"npm-run-all -p clean lint","pretest":"npm run build && cp dist/pretty-checkbox.css test/.","posttest":"del test/pretty-checkbox.css","build":"gulp build"},"publishConfig":{"access":"public"},"dependencies":{},"devDependencies":{"@djthoms/prettier-config":"^2.0.0","del":"^5.0.0","del-cli":"^3.0.1","gulp":"^4.0.2","gulp-autoprefixer":"^7.0.0","gulp-clean-css":"^4.0.0","gulp-header-comment":"^0.8.0","gulp-rename":"^2.0.0","gulp-sass":"^4.1.0","gulp-sourcemaps":"^2.6.1","gulp-stylelint":"^13.0.0","npm-run-all":"^4.1.5","prettier":"^2.0.5","sass":"^1.26.10","stylelint":"^13.6.1","stylelint-config-recommended":"^3.0.0","stylelint-config-recommended-scss":"^4.2.0","stylelint-scss":"^3.18.0"},"browserslist":["> 5%","last 4 versions"],"repository":{"type":"git","url":"git+https://github.com/atomicpages/pretty-checkbox.git","link":"https://github.com/atomicpages/pretty-checkbox"},"keywords":["checkbox","radio","bootstrap","fonticon","icon","svg","switch","toggle","sass","css3","animation","pretty","check","colors"],"author":{"name":"Lokesh Rajendran"},"maintainers":[{"name":"djthomps","email":"djtthompson@gmail.com"}],"license":"MIT","bugs":{"url":"https://github.com/atomicpages/pretty-checkbox/issues"},"homepage":"https://pretty-checkbox.netlify.app/","prettier":"@djthoms/prettier-config","gitHead":"d6ebbc717bf102d0be6b1e21764c78b99b57bfde","_id":"@djthoms/pretty-checkbox@3.1.0","_nodeVersion":"12.18.3","_npmVersion":"6.14.6","dist":{"integrity":"sha512-SToPkvm98m5GtHtwAQe5aJD0P5gSRj3HCuQaQKuYmLIAsXIb3/6WH08p9PPp1svDoJwvnGw4EZo3cQD6Hu4TFQ==","shasum":"bc1d70533ec662b1f9bb372be17a970373c7f074","tarball":"https://registry.npmjs.org/@djthoms/pretty-checkbox/-/pretty-checkbox-3.1.0.tgz","fileCount":77,"unpackedSize":590714,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWZLnCRA9TVsSAnZWagAAiOwP/01KGVgaWJQ2i1vwxcvF\nD9FifjaKJ8qTWDMfI8IsVWqKBxm4VrKPm9VWe9WuNKQgq1+7zKHU91VKeZ6B\nr4UUJpLhq1i7RKBpXanfKlGuL/V/FDNgaFXMEwTgN9BQWfb0O4CscPfO37Fy\nNuIbh7ljj59kWu5Mr5tOH45RnkV5vC8pJ8cmOyxq+yHLn+shREkz2ruOLO63\ntk7THNXMO/GJ2EjDK/4Eg5M3lWtS9uIGXCrRB6kKBugS1hp35zRW0ydZHSm1\nsiAp2BUKdHIHujwmeYchgpTOfxzWehgWXSQfKJv8Z6IO4o9bq7j6iyMp48M2\nk4PLCegcYzx2Aed39AG+9rMeA8yVya2Lx1+W8beo2F2nKYrw/6EFRvf/7i7V\ny4kQ/9+DEuK6pmEThDrE8IWbliVs5cVzNfAtsV5NbDe8DR3imAjR/4mk3upa\n7iISI+VrEayaV48eq8WkGDqoKdtfcLTDR28x4cfuSsdmIlgoFZUJxK6t524f\nNRhbAdtg8qcouC71DGS5EFzV+JVreZ27WgiRoz6ijZhKLTdijoTv7NqTAHT0\nXlQajUO+BFvHCiU2K7afI3tejrL8oGbgu73D8uk9Gl71hmpLrkQJ1zlMo0cU\n+K5bIbcwSg+b6x1CnIL9heugMXj/UWOQVf6rzfe6mrCPDvdfDJPU3vtaQc8l\n1TR3\r\n=bxmv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAq0+AXp1dEhLTIziKkCGgsKU9rBcPyi54r7f03S/bXgAiEA1L2MmKf8W0RTiY0LFhz/4akl7+acks8y2nUHhhVbXyM="}]},"_npmUser":{"name":"djthomps","email":"djtthompson@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pretty-checkbox_3.1.0_1599705831042_0.054425686198669165"},"_hasShrinkwrap":false}},"time":{"created":"2020-08-17T18:37:27.145Z","3.0.4":"2020-08-17T18:37:27.484Z","modified":"2022-04-05T04:50:40.393Z","3.1.0":"2020-09-10T02:43:51.198Z"},"maintainers":[{"name":"djthomps","email":"djtthompson@gmail.com"}],"description":"A pure css library to beautify checkbox and radio buttons.","homepage":"https://pretty-checkbox.netlify.app/","keywords":["checkbox","radio","bootstrap","fonticon","icon","svg","switch","toggle","sass","css3","animation","pretty","check","colors"],"repository":{"type":"git","url":"git+https://github.com/atomicpages/pretty-checkbox.git","link":"https://github.com/atomicpages/pretty-checkbox"},"author":{"name":"Lokesh Rajendran"},"bugs":{"url":"https://github.com/atomicpages/pretty-checkbox/issues"},"license":"MIT","readme":"<h1 align=\"center\">\n  <br>\n  <a href=\"https://pretty-checkbox.netlify.app/\"><img src=\"logo.png\" alt=\"Pretty checkbox\" width=\"100\"></a>\n  <br> <br> pretty-checkbox.css <br>\n</h1>\n\n<h4 align=\"center\">A pure CSS library to beautify checkbox and radio buttons.</h4>\n\n<p align=\"center\">\n <a href=\"https://github.com/atomicpages/pretty-checkbox/releases\">\n    <img src=\"https://img.shields.io/github/release/atomicpages/pretty-checkbox.svg?style=flat-square&colorA=8033b0&colorB=75b7dd\" alt=\"Github Release\">\n  </a>\n   <a href=\"LICENSE\">\n    <img src=\"https://img.shields.io/npm/l/@djthoms/pretty-checkbox.svg?style=flat-square&colorA=8033b0&colorB=75b7dd\" alt=\"Licence\">\n  </a>\n   <a href=\"#\">\n    <img src=\"https://img.shields.io/npm/dm/@djthoms/pretty-checkbox.svg?style=flat-square&colorA=8033b0&colorB=75b7dd\" alt=\"Downloads\">\n  </a>\n</p>\n<br>\n\n<div class=\"highlight highlight-source-shell\">\n<pre>\n<div align=\"center\"><strong >Demo and documentation</strong></div>\n<div align=\"center\"><a align=\"center\" href=\"https://pretty-checkbox.netlify.app/\">https://pretty-checkbox.netlify.app/</a></div>\n</pre>\n</div>\n\n<div align=\"center\">\n<img src=\"preview.gif\" alt=\"Pretty checkbox preview\"/>\n</div>\n\n## Features\n\n-   Basic\n    -   **Shapes** - _Square_, _Curve_, _Round_\n    -   **Variants** - _Default_, _Fill_, _Thick_\n    -   **Colors** - _Primary_, _Success_, _Info_, _Warning_, _Danger_\n    -   **Color types** - _Solid_, _Outline_\n    -   **Animations** - _Smooth_, _Tada_, _Jelly_, _Pulse_, _Rotate_\n-   Switch - iOS style - _Outline_, _Fill_, _Slim_\n-   Responsive\n-   No JavaScript\n-   Custom Font Icons\n-   SVG Icons\n-   Image support\n-   Toggle between icons / SVG's / images\n-   Lock\n-   State - _Focus_, _Hover_, _Indeterminate_\n-   Supports frameworks - _Bootstrap_, _Foundation_, _Sematic UI_, _Bulma_, ...\n-   SCSS customization\n-   Supports all modern browsers, including mobile devices\n-   Print friendly\n-   and more... ( _I am kidding, that's all!_ )\n\n## Installation\n\n### From CLI\n\nInstall using `npm` or `yarn`:\n\n```sh\nnpm install @djthoms/pretty-checkbox # or\nyarn add @djthoms/pretty-checkbox\n```\n\nAdd `pretty-checkbox.min.css` in your html:\n\n### From CDN\n\n```html\n<link\n    rel=\"stylesheet\"\n    href=\"https://unpkg.com/@djthoms/pretty-checkbox/dist/pretty-checkbox.min.css\"\n/>\n```\n\n### Manual download\n\nDownload the source from [`Github`](https://github.com/atomicpages/pretty-checkbox/archive/master.zip).\n\n```html\n<link rel=\"stylesheet\" href=\"<PATH>/pretty-checkbox/dist/pretty-checkbox.min.css\" />\n```\n\n`<PATH>` is where the library is downloaded.\n\n### SCSS\n\nYou can also import `pretty-checkbox.scss` in your main scss file.\n\n```scss\n@import '~@djthoms/pretty-checkbox/src/pretty-checkbox.scss';\n```\n\nPlease refer the document for SCSS settings.\n\n## Usage\n\nPretty checkbox comes with many styles,\n\n| Class name  | Description              |\n| :---------- | :----------------------- |\n| `p-default` | Basic style              |\n| `p-switch`  | iOS like toggle style    |\n| `p-icon`    | Custom font icons        |\n| `p-svg`     | Custom SVG files, markup |\n| `p-image`   | Tiny images              |\n\nAnd three shapes `p-round` `p-curve` `p-square` (default)\n\n### Basic checkbox\n\n```html\n<div class=\"pretty p-default\">\n    <input type=\"checkbox\" />\n    <div class=\"state\">\n        <label>Check me</label>\n    </div>\n</div>\n```\n\nBasic checkbox has three variants `p-fill` `p-thick` `p-outline` (default)\n\nYou can combine them.\n\n```html\n<div class=\"pretty p-default p-curve p-fill\">\n    <input type=\"checkbox\" />\n    <div class=\"state\">\n        <label>Fill</label>\n    </div>\n</div>\n```\n\n### Switch checkbox\n\nSwitch has three variants `p-outline` `p-fill` `p-slim`\n\n```html\n<div class=\"pretty p-switch p-fill\">\n    <input type=\"checkbox\" />\n    <div class=\"state\">\n        <label>On</label>\n    </div>\n</div>\n```\n\n### Custom Font icons\n\n```html\n<div class=\"pretty p-icon\">\n    <input type=\"checkbox\" />\n    <div class=\"state\">\n        <i class=\"icon fa fa-check\"></i>\n        <label>Check me</label>\n    </div>\n</div>\n```\n\n<blockquote>\n    <sub>\n    \t<strong>Note</strong>: class `icon` should be added along with icon class names\n    </sub>\n</blockquote>\n\n<blockquote>\n    <sub>\n    \t<strong>Note</strong>: For icons to work, you need to add appropriate font icons library. In above example , we used font awesome icon. So, FontAwesome should be included separately.\n    </sub>\n</blockquote>\n\n<div align=\"right\">\n <i><sub><a href=\"https://pretty-checkbox.netlify.app/docs/basic-concepts/icons\">\n more details</a></sub></i>\n</div>\n\n### SVG\n\nSupports SVG file in <img/> tag, markup (`<svg> ... </svg>`) and sprites\n\n```html\n<div class=\"pretty p-svg\">\n    <input type=\"checkbox\" />\n    <div class=\"state\">\n        <img class=\"svg\" src=\"file.svg\" />\n        <label>Check me</label>\n    </div>\n</div>\n```\n\n<blockquote>\n    <sub>\n    \t<strong>Note</strong>: class `svg` to be added in img tag or svg tag.\n    </sub>\n</blockquote>\n\n<div align=\"right\">\n <i><sub><a href=\"https://pretty-checkbox.netlify.app/docs/basic-concepts/icons#svg\">more details</a></sub></i>\n</div>\n\n### Image\n\nSupports any type of valid image format.\n\n```html\n<div class=\"pretty p-image\">\n    <input type=\"checkbox\" />\n    <div class=\"state\">\n        <img class=\"image\" src=\"/check.png\" />\n        <label>Block</label>\n    </div>\n</div>\n```\n\n<blockquote>\n    <sub>\n    \t<strong>Note</strong>: class `image` to be added in img tag.\n    </sub>\n</blockquote>\n\n<div align=\"right\">\n <i><sub><a href=\"https://pretty-checkbox.netlify.app/docs/basic-concepts/icons#images\">more details</a></sub></i>\n</div>\n\n### Colors\n\nThere are five solid colors `p-primary` `p-success` `p-warning` `p-info` `p-danger`\n\nAnd five outline colors `p-primary-o` `p-success-o` `p-warning-o` `p-info-o` `p-danger-o`\n\n```html\n<div class=\"pretty p-default p-curve p-thick\">\n    <input type=\"checkbox\" />\n    <div class=\"state p-warning\">\n        <label>Warning</label>\n    </div>\n</div>\n```\n\n<blockquote>\n    <sub>\n    \t<strong>Note</strong>: Color class must be added in state class. Solid colors and Ouline colors have distinct role in font icons and toggle feature.\n    </sub>\n</blockquote>\n\n<div align=\"right\">\n <i><sub><a href=\"https://pretty-checkbox.netlify.app/docs/basic-concepts/colors\">more details</a></sub></i>\n</div>\n\n## RTL Support\n\nInclude `rtl.css` in your source file :smile:\n\n## More\n\nThere are more features like **_Radio buttons_** , **_Toggle_** , **_States_** , **_Animations_** , **_Border less_** , **_Lock_** , **_Scale_**, **_SCSS Settings_**.\n\nPlease refer the [documentation](https://pretty-checkbox.netlify.app/docs/) to know about them.\n\n## Browser support\n\nWorks in all modern browsers.\n\n`Chrome >= 26` `Firefox >= 16` `Safari >= 6.1` `Opera >= 15` `IE >= 9`\n\n## Font Icon libraries\n\n-   [Font awesome](http://fontawesome.io/icons/)\n-   [Bootstrap Glyphicons](https://getbootstrap.com/docs/3.3/components/#glyphicons)\n-   [Material icon ( MDI )](https://materialdesignicons.com/)\n-   [Material icon ( ZMDI )](http://zavoloklom.github.io/material-design-iconic-font/icons.html)\n-   [Ion icons](http://ionicons.com/)\n-   [Typicons](http://www.typicons.com/)\n-   [Material icon ( Google )](https://material.io/icons)\n-   Others not tested, but will work ( 99% ).\n\n## SVG\n\n-   [UIKit](https://getuikit.com/docs/icon)\n-   [Feathers](https://feathericons.com/)\n-   Others\n\n## Libraries\n\n-   VueJs - [pretty-checkbox-vue](https://github.com/hamed-ehtesham/pretty-checkbox-vue)\n-   Angular - [ngx-pretty-checkbox](https://github.com/miladfm/ngx-pretty-checkbox)\n-   React - [pretty-checkbox-react](https://github.com/atomicpages/pretty-checkbox-react)\n\n## Inspiration\n\n-   [Awesome Bootstrap Checkbox](https://github.com/flatlogic/awesome-bootstrap-checkbox) - Idea\n-   [Animista](http://animista.net) - Animations\n\n## Contributions\n\nThanks to all those good people who spend their valuable time and helped to improve this library. Any Contributions are welcome!\n\n## License\n\nThis project is licensed under the MIT License\n\n<div align=\"center\"><sub>❤</sub></div>\n","readmeFilename":"README.md"}