{"_id":"@ellakcy/fa-checkbox","_rev":"5-8a8f0369b7de24e93ec741f38d4e4d90","name":"@ellakcy/fa-checkbox","dist-tags":{"latest":"2.0.1"},"versions":{"0.0.9":{"name":"@ellakcy/fa-checkbox","author":{"name":"Cypriot Free Software Foundation"},"license":"MIT","version":"0.0.9","description":"CSS and SASS lib that shows a shows beautifull checkboxed using fontawesome","main":"index.html","keywords":["css","checkbox","fontawesome"],"scripts":{"start":"npm-run-all --parallel watch-css start-server","watch-css":"sass --watch scss:dev","start-server":"live-server","sass":"sass scss:dist","prepare":"husky install","version":"echo $npm_package_version"},"husky":{"hooks":{"applypatch-msg":"echo \"[Husky] applypatch-msg\"","pre-applypatch":"echo \"[Husky] pre-applypatch\"","post-applypatch":"echo \"[Husky] post-applypatch\"","pre-commit":"echo \"[Husky] pre-commit\"","pre-push":"echo \"[Husky] pre-push\""}},"devDependencies":{"live-server":"^1.2.2","npm-run-all":"^4.1.5","sass":"^1.69.7","husky":"^8.0.3"},"dependencies":{},"gitHead":"0b61163c1d8383ed83bfd8829edf92f67e59de47","_id":"@ellakcy/fa-checkbox@0.0.9","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-mxmy28Zmq3sbU2qAZdDnLEOEcBm7UIk3n2+hXeRjVn9iz9kJN4UBtJd+IwL+DF4+9+AuhrCSM7S9DiNo7WW2OA==","shasum":"71e6a091aed085ef886d584accd520ff65595758","tarball":"https://registry.npmjs.org/@ellakcy/fa-checkbox/-/fa-checkbox-0.0.9.tgz","fileCount":14,"unpackedSize":14102,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAGCpH4W6io3rPP3yOdM+ZC77x4toyOGZs652JsyPCkXAiA3ds3i4shhMfU00UM9eC555YUvKmeIgznQ4SSbQ02xyw=="}]},"_npmUser":{"name":"pc_magas","email":"pcmagas@disroot.org"},"directories":{},"maintainers":[{"name":"pc_magas","email":"pcmagas@disroot.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fa-checkbox_0.0.9_1706389501141_0.33564277146644583"},"_hasShrinkwrap":false},"0.0.10-dev.0":{"name":"@ellakcy/fa-checkbox","author":{"name":"Cypriot Free Software Foundation"},"license":"MIT","version":"0.0.10-dev.0","description":"CSS and SASS lib that shows a shows beautifull checkboxed using fontawesome","main":"index.html","keywords":["css","checkbox","fontawesome"],"scripts":{"start":"npm-run-all --parallel watch-css start-server","watch-css":"sass --watch scss:dev","start-server":"live-server","sass":"sass scss:dist","prepare":"husky install","version":"echo $npm_package_version"},"husky":{"hooks":{"applypatch-msg":"echo \"[Husky] applypatch-msg\"","pre-applypatch":"echo \"[Husky] pre-applypatch\"","post-applypatch":"echo \"[Husky] post-applypatch\"","pre-commit":"echo \"[Husky] pre-commit\"","pre-push":"echo \"[Husky] pre-push\""}},"devDependencies":{"live-server":"^1.2.2","npm-run-all":"^4.1.5","sass":"^1.69.7","husky":"^8.0.3"},"dependencies":{},"gitHead":"6c6c3ea961691d4fdeaf9dd0f7b36afab360eaf9","_id":"@ellakcy/fa-checkbox@0.0.10-dev.0","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Iwyzgou0pgR26/UZ7mExWH1mHfQG5FKrLRJllN2ZgrILNpmhMrj7rXSHF2MCUS8C6wheU7mqE6BT4cEC0vWoOw==","shasum":"09b12a3096fbbb853672192e50482fc7bf1c6bf3","tarball":"https://registry.npmjs.org/@ellakcy/fa-checkbox/-/fa-checkbox-0.0.10-dev.0.tgz","fileCount":14,"unpackedSize":14106,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDEXeZMVnRxk8q2xKswZ6TBNAbdwrSjNmR8GdBfaYFXkwIhAJvVJvPEnRDJeCCXpzOOWFvsir4TV4E6omPbQx/1MM/r"}]},"_npmUser":{"name":"pc_magas","email":"pcmagas@disroot.org"},"directories":{},"maintainers":[{"name":"pc_magas","email":"pcmagas@disroot.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fa-checkbox_0.0.10-dev.0_1706390963214_0.5601763276045735"},"_hasShrinkwrap":false},"0.0.10-dev.2":{"name":"@ellakcy/fa-checkbox","author":{"name":"Cypriot Free Software Foundation"},"license":"MIT","version":"0.0.10-dev.2","description":"CSS and SASS lib that shows a shows beautifull checkboxed using fontawesome","main":"index.html","keywords":["css","checkbox","fontawesome"],"scripts":{"start":"npm-run-all --parallel watch-css start-server","watch-css":"sass --watch scss:dev","start-server":"live-server","sass":"sass scss:dist","prepare":"husky install","version":"echo $npm_package_version"},"husky":{"hooks":{"applypatch-msg":"echo \"[Husky] applypatch-msg\"","pre-applypatch":"echo \"[Husky] pre-applypatch\"","post-applypatch":"echo \"[Husky] post-applypatch\"","pre-commit":"echo \"[Husky] pre-commit\"","pre-push":"echo \"[Husky] pre-push\""}},"devDependencies":{"live-server":"^1.2.2","npm-run-all":"^4.1.5","sass":"^1.69.7","husky":"^8.0.3"},"dependencies":{},"_id":"@ellakcy/fa-checkbox@0.0.10-dev.2","gitHead":"1200a23da90a1c9afb90cc95292f46e21b70e5b1","_nodeVersion":"21.6.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-tNSVxHSsbNw3lJYD45jnozUTacCuStBgKwLqqTxdh+qImvaHOy9Imrs0ahG0dQvvG58kCUlvQobLIl+LUYqYEw==","shasum":"268847a54396ae43e02b4475ac2d571af4a4a6df","tarball":"https://registry.npmjs.org/@ellakcy/fa-checkbox/-/fa-checkbox-0.0.10-dev.2.tgz","fileCount":15,"unpackedSize":16549,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFFnPJ62CTqnIM4g6nq4GpXVLqxFIwQPj60f+k+WTDJwAiAwbNCBVmRF0f1N5lI5qnlnEtqOQ/f5mXT41jH2s7xpfQ=="}]},"_npmUser":{"name":"pc_magas","email":"pcmagas@disroot.org"},"directories":{},"maintainers":[{"name":"pc_magas","email":"pcmagas@disroot.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fa-checkbox_0.0.10-dev.2_1706392647620_0.6102128446065813"},"_hasShrinkwrap":false},"0.0.12":{"name":"@ellakcy/fa-checkbox","author":{"name":"Cypriot Free Software Foundation"},"license":"MIT","version":"0.0.12","description":"CSS and SASS lib that shows a shows beautifull checkboxed using fontawesome","main":"index.html","keywords":["css","checkbox","fontawesome"],"scripts":{"start":"npm-run-all --parallel watch-css start-server","watch-css":"sass --watch scss:dev","start-server":"live-server","sass":"sass scss:dist","prepare":"husky install","version":"echo $npm_package_version","bump-version":"node scripts/bump-version.js","pre-merge-commit":"npm run bump-version && git add package.json && git add package-lock.json"},"husky":{"hooks":{"pre-merge-commit":"npm run pre-merge-commit"}},"devDependencies":{"husky":"^8.0.3","inquirer":"^9.2.13","live-server":"^1.2.2","npm-run-all":"^4.1.5","sass":"^1.69.7"},"_id":"@ellakcy/fa-checkbox@0.0.12","gitHead":"e8897a91f54a17777fac862c50490622a610f730","_nodeVersion":"21.6.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-ld/C+D2Z7/18XXqTjh4jJHCUXa7VEfj6OzpwNg92iQptu9WaasOOQCNdIPAYE6+xm04kDBZVwis+SwoAdFK28g==","shasum":"f2da3ded6dbd96453844edfdd4c59f1081464752","tarball":"https://registry.npmjs.org/@ellakcy/fa-checkbox/-/fa-checkbox-0.0.12.tgz","fileCount":16,"unpackedSize":17267,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH/EQJHuZTUFz51hKFJlLGKR6grKB76kpP5RW2xXmRAxAiB/1f9iiPVB60WBLG+0C+Ms0j1yriA6kfwkKC0Rq3Z06g=="}]},"_npmUser":{"name":"pc_magas","email":"pcmagas@disroot.org"},"directories":{},"maintainers":[{"name":"pc_magas","email":"pcmagas@disroot.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fa-checkbox_0.0.12_1706478713983_0.5948036637433032"},"_hasShrinkwrap":false},"1.1.1":{"name":"@ellakcy/fa-checkbox","author":{"name":"Cypriot Free Software Foundation"},"license":"MIT","version":"1.1.1","description":"CSS and SASS lib that shows a shows beautifull checkboxed using fontawesome","main":"index.html","keywords":["css","checkbox","fontawesome"],"scripts":{"test":"exit 0","start":"npm-run-all --parallel watch-css start-server","watch-css":"sass --watch scss:dev","start-server":"live-server","sass":"sass scss:dist","version":"echo $npm_package_version","bump-version":"node scripts/bump-version.mjs","prepare":"husky"},"husky":{"hooks":{}},"devDependencies":{"husky":"^9.0.10","live-server":"^1.2.2","npm-run-all":"^4.1.5","sass":"^1.69.7"},"_id":"@ellakcy/fa-checkbox@1.1.1","gitHead":"76f060a13efeedfae2252cc8476ed3f25fdff3f6","_nodeVersion":"21.6.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-xD+nrsHWjdsUiiZWz4i7UCfVmaz6U3hRL5cKy91vvsYjvdlogkH+gDvjK3h6M+LOALzmsWwHTeLoVUEvXhydhQ==","shasum":"ccbc0586ab181d22478824cde039fbd5a8a1ee14","tarball":"https://registry.npmjs.org/@ellakcy/fa-checkbox/-/fa-checkbox-1.1.1.tgz","fileCount":15,"unpackedSize":16334,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGoYMKxT1IHs2fceuUSMjY77ghMkiB33xKjD5Dgr4QNEAiEAyXv69LIGtFzFZjEUpYChAmzmQ6JF5IXtfjm1yS4Ylko="}]},"_npmUser":{"name":"pc_magas","email":"pcmagas@disroot.org"},"directories":{},"maintainers":[{"name":"pc_magas","email":"pcmagas@disroot.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fa-checkbox_1.1.1_1706996948605_0.7283937299846226"},"_hasShrinkwrap":false},"2.0.1":{"name":"@ellakcy/fa-checkbox","author":{"name":"Cypriot Free Software Foundation"},"license":"MIT","version":"2.0.1","description":"CSS and SASS lib that shows a shows beautifull checkboxed using fontawesome","main":"index.html","keywords":["css","checkbox","fontawesome"],"scripts":{"test":"exit 0","start":"npm-run-all --parallel watch-css start-server","watch-css":"sass --watch scss:dev","start-server":"live-server","sass":"sass scss:dist","version":"echo $npm_package_version","bump-version":"node scripts/bump-version.mjs","prepare":"husky"},"husky":{"hooks":{}},"devDependencies":{"husky":"^9.0.10","live-server":"^1.2.2","npm-run-all":"^4.1.5","sass":"^1.69.7"},"_id":"@ellakcy/fa-checkbox@2.0.1","gitHead":"9649223d1a269ab1229fff75001f11a97f89cf87","_nodeVersion":"21.6.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-SZXha9PjapWfjp2DIKZTIGOLWsHtSKafqUcZZJhzmn6+uA8EvhnGYINlq2hw+kFb1xgGnihv5h6iPsbJKbU/jA==","shasum":"83dd50f2daa0fa62373affb45bdbc2c6c671c655","tarball":"https://registry.npmjs.org/@ellakcy/fa-checkbox/-/fa-checkbox-2.0.1.tgz","fileCount":39,"unpackedSize":36846,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC5hTTSPtSOPgJlz4xbC7hxKU7w0gYML8TKMAMm91zWWAiBdpE1L0C4PAXTGXikYBL+VFX+h7JQxRkEondvppXa59A=="}]},"_npmUser":{"name":"pc_magas","email":"pcmagas@disroot.org"},"directories":{},"maintainers":[{"name":"pc_magas","email":"pcmagas@disroot.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fa-checkbox_2.0.1_1707666537734_0.7528384511665283"},"_hasShrinkwrap":false}},"time":{"created":"2024-01-27T21:05:01.034Z","0.0.9":"2024-01-27T21:05:01.307Z","modified":"2024-02-11T15:48:58.116Z","0.0.10-dev.0":"2024-01-27T21:29:23.371Z","0.0.10-dev.2":"2024-01-27T21:57:27.786Z","0.0.12":"2024-01-28T21:51:54.172Z","1.1.1":"2024-02-03T21:49:08.785Z","2.0.1":"2024-02-11T15:48:57.900Z"},"maintainers":[{"name":"pc_magas","email":"pcmagas@disroot.org"}],"description":"CSS and SASS lib that shows a shows beautifull checkboxed using fontawesome","keywords":["css","checkbox","fontawesome"],"author":{"name":"Cypriot Free Software Foundation"},"license":"MIT","readme":"# fa-checkbox\n\nCSS and SASS library for Checkboxes and radio buttons that display fa-check icon from fontawesome.\n\n> NOTE:\n> README Under constant update.\n\n# How to install\n\n### Step 1: Install\n\n```\nnpm i @ellakcy/fa-checkbox\n```\n\n### Step 2: Load Css\n\nBuilt CSS is located at `./node_modules/dist/all.css`  in this package.\n\nYou can include it in you html like:\n\n```\n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css\">\n<link rel=\"stylesheet\" type=\"text/css\" href=\"node_modules/dist/all.css\">\n```\n\n# Checkbox icons\n\n## Classes:\n\nThe library allows you to use the following classes from font awesome:\n\n* `fa-check`: https://fontawesome.com/icons/check?f=classic&s=solid\n* `fa-square-check`: https://fontawesome.com/icons/square-check?f=classic&s=regular\n\nThat display the appropriate icon as its value. For the solid version of them also use the `fa-solid` class.\n\n### For checkboxes:\n\nAs you can see place `fa-check` class to checkbox html input. Replace it with `fa-square-check` for the altenrate icon.\n\n#### Normal\n```\n<input type=\"checkbox\" class=\"fa-check\" name=\"myRadioGroup\">\n<input type=\"checkbox\" class=\"fa-square-check\" name=\"myRadioGroup\">\n```\n\n#### Solid\n\n```\n<input type=\"checkbox\" class=\"fa-solid fa-check\" name=\"myRadioGroup\">\n<input type=\"checkbox\" class=\"fa-solid fa-square-check\" name=\"myRadioGroup\">\n```\n\n### For radio buttons:\n\n```\n<input type=\"radio\" class=\"fa-solid fa-check\" name=\"myRadioGroup\">\n<input type=\"radio\" class=\"fa-solid fa-square-check\" name=\"myRadioGroup\">\n```\n\nSame thing as checkboxes do apply in radio buttons as well.\n\n### For select html\n\nSame thing does apply upon select and option:\n\n> Only `multiple` is supported. Class `.solid` is not supported.\n\n\n#### using fa-square-check\n```\n<select class=\"fa-square-check\" multiple>\n            <option selected>Option 1</option>\n            <option selected>Option 2</option>\n            <option>Option 3</option>\n        </select>\n```\n\n#### using fa-check\n\n```\n<select class=\"fa-check\" multiple>\n            <option selected>Option 1</option>\n            <option selected>Option 2</option>\n            <option>Option 3</option>\n        </select>\n```\n\n# Border and radius\n\nSupported only fr *checkboxes* and *radio* buttons.\n\n## Setting 1px border:\n\nUse `border` class:\n\n### At a checkbox:\n\n```\n<input type=\"checkbox\" class=\"fa-check border\" name=\"myRadioGroup\">\n```\n\n### At a radio button\n```\n<input type=\"radio\" class=\"fa-check border\" name=\"myRadioGroup\">\n```\n\n## Setting radius:\n\nUse `radius` class:\n\n### At a checkbox:\n\n```\n<input type=\"checkbox\" class=\"fa-check radius\" name=\"myRadioGroup\">\n```\n\n### At a radio button\n```\n<input type=\"radio\" class=\"fa-check radius\" name=\"myRadioGroup\">\n```\n\n# Strikethrough\n\n## At a label section\n\n\n### Using radio\n\n#### Approach 1\n```\n<input id=\"rs1\" type=\"radio\" class=\"fa-check\" name=\"myRadioGroup\">\n<label for=\"rs1\" class=\"strike\">Milk</label>\n```\n\n#### Approach 2\n\n```\n<label class=\"strike\">\n    <input id=\"rs6\" type=\"radio\" class=\"fa-check\" name=\"myRadioGroup\"> \n    Bread\n</label>\n```\n\n\n### Using checkbox\n\n#### Approach 1\n```\n<input id=\"rs1\" type=\"checkbox\" class=\"fa-check\" name=\"myRadioGroup\"><label for=\"rs1\" class=\"strike\">Milk</label>\n```\n\n#### Approach 2\n\n```\n<label class=\"strike\">\n    <input id=\"rs6\" type=\"checkbox\" class=\"fa-check\" name=\"myRadioGroup\"> \n    Bread\n</label>\n```\n\n## Using select multiple\n\n### Strikethroiush upon selected\n\nAt code bellow the `Option1` and `Option2` will have strikethrough as text styling\n\n```\n<select class=\"strike\" multiple>\n    <option selected>Option 1</option>\n    <option selected>Option 2</option>\n    <option>Option 3</option>\n</select>\n```\n\n### Strikethroiush upon unselected\n\nAt code bellow the `Option3` will have strikethrough as text styling\n\n```\n<select class=\"strike-opposite\" multiple>\n    <option selected>Option 1</option>\n    <option selected>Option 2</option>\n    <option>Option 3</option>\n</select>\n```\n\n# Example\n\nLook at **index.html** in this project.\n\n# LICENCE\n\nRead **LICENCE.md** file","readmeFilename":"README.md"}