{"_id":"@coffeekraken/form-style","_rev":"3-f4ceb92e917fbf8d8610b8ec832dd616","name":"@coffeekraken/form-style","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@coffeekraken/form-style","version":"0.0.1","description":"Full stack form styling with support of form-input, form-textarea, form-select, form-group and form-addon as well as colored versions of them...","homepage":"http://coffeekraken.io","repository":{"type":"git","url":"https://github.com/Coffeekraken/coffeekraken/tree/master/style/form-style"},"keywords":["coffee","kraken","coffeekraken","form","input","select","textarea","addon","group","webcomponent","component","html","sugar"],"author":{"name":"Coffeekraken","email":"hello@coffeekraken.io"},"contributors":[{"name":"Olivier Bossel","email":"olivier.bossel@gmail.com","url":"http://olivierbossel.com"}],"license":"MIT","dependencies":{},"devDependencies":{"@coffeekraken/sugar":"1.0.1"},"_id":"@coffeekraken/form-style@0.0.1","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-SsRbjzxbK/GLij2oKDNnFSpcrJOs8CcTqg278D2Jhr6RewNEDy7zRNHUteJbPbrFZ8u9/r6Y8rHwM1rd6U/nwA==","shasum":"1d525e85e3e0c9fcaee4af8a5aeb2f126353aee1","tarball":"https://registry.npmjs.org/@coffeekraken/form-style/-/form-style-0.0.1.tgz","fileCount":15,"unpackedSize":671183,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6TP0CRA9TVsSAnZWagAAGXAP/1TjxuxO1iA6BnI2Hokf\n24dxllb1BHu87L/dB5EfShIsttVTaZrjXKwRY/psHAi1tSY64KS01oaGwIUc\niPDBF0CqUh88qyYXDmknk7jztYvDyrD6Tbp5/gyd3zBJEIIzF1ja+q2Lf8LB\n0dw04ZU1QCiFuEHDsspgM2YojlSGxfh/kLDPAgGSci2ttYPT8ikyK89BDwwc\nVkBe3qt5h3+SCIqPHw/wy9sI/47zW37dzpwuMyuQo5pl2jw6XHUUyadCZ6oO\nqNxS0AHYOt4uTLmt5vRCscc68bbN/N72b3x02Pu2Nk9KeE0FnRjlD5bdvgsZ\nY5ptIR+8IztmNfLRSXzNLKH5jh23C0NEFXHTljHrdE38RvsRTbl3GKPeCFQA\nbQoXjXivKCCoriBIw3bzOiEcRHzpNc5544KgM33m5j68n0NWHIMUBQLSEDLF\nRgRwt1DflKXBGcKQTZiB+zF6vnF2dWGKII7nHkutmFcABt6+irZcXCH7QIe7\nWbXb4gHhekSL5spfkjqr5H5TLyvAq72afJ8/m0MECteOi+6P48ACfLvcKB5j\nWaUUKy7V8HK05RqZrWgCbqcB7Puo3/XudwN9jJE1qc/B5z2uQTUVb76lz9rA\nwPHnaiGPnd0kXQsu7bx5Sley3z/7/sBwOEwIzQjJnA3woysK06Jut02TZBPS\nRNyP\r\n=4AdP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCO20j888C0pyqTmfHUKjaPKhKdU3ZAVtUL6t8biDYOggIhAJDNYZg7TAspRSiWAoW+z1uu4h2hzFiQ4eU846iPHeT4"}]},"maintainers":[{"name":"olivierbossel","email":"olivier.bossel@gmail.com"}],"_npmUser":{"name":"olivierbossel","email":"olivier.bossel@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/form-style_0.0.1_1575564276070_0.8720800532536022"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.0.2":{"name":"@coffeekraken/form-style","version":"0.0.2","description":"Full stack form styling with support of form-input, form-textarea, form-select, form-group and form-addon as well as colored versions of them...","homepage":"http://coffeekraken.io","repository":{"type":"git","url":"https://github.com/Coffeekraken/coffeekraken/tree/master/style/form-style"},"keywords":["coffee","kraken","coffeekraken","form","input","select","textarea","addon","group","webcomponent","component","html","sugar"],"author":{"name":"Coffeekraken","email":"hello@coffeekraken.io"},"contributors":[{"name":"Olivier Bossel","email":"olivier.bossel@gmail.com","url":"http://olivierbossel.com"}],"license":"MIT","dependencies":{},"devDependencies":{"@coffeekraken/sugar":"1.0.1"},"_id":"@coffeekraken/form-style@0.0.2","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-wg64f1Ca2U5LRF2YCpV/TATmhOJtOdXgds7pAVK4yfDlqjCfoWUkoc1ISlqrIr9sThDvtsVBslyv5e8AsEeq4g==","shasum":"f4a87edf6f3608b115bfec80098e12d309debc0e","tarball":"https://registry.npmjs.org/@coffeekraken/form-style/-/form-style-0.0.2.tgz","fileCount":15,"unpackedSize":670625,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6UEQCRA9TVsSAnZWagAAtLYP/jj4ZuraaEPnFosOy8XM\n3V1LK//gjVHy9vHcFgwGTIOOyx2TXR18ky/WeK3CnA6jFdJB0XdPoPd5nm9J\n/EP/TA6Ip1y2dtHTOTO/QRj5VDrFf0GchnmxTQs3nuGhwVw2+Ctua+QeGBOG\nfpok6qH71r4Wc55Rj3ie5vL8bixLH/f8pQOoZNoPJXgC5KQZ7/2bPb88dwIk\n3QBPK9ryAcnTb62TAg66k0ACnCovkJaew86EZCi00XPQCa1HakQcelxHUybf\nvKuhY6HMzbm5tJYmJ0SqpP7daPTNr5igePxFEiZL8AIjkbA6wYlyyk/OSCOz\nnoNP/w1PJANZIHzAQd4uj6EtEKGLduJynOBu3B7NTPJZP8P5+19jodbGSjBc\ngWbVcvotEFjCUrxNg8prb+jeAzi3kRHDw+6aRwd83cmaCvXRnpb/Djx7mSTn\n4HfCp4kxG5rRpBr1FRm3URFe3+5CCOiK0mfd0qLjOG60Y6j8MaY4ncRb8A0Q\nuLEbvJ+4WYQ+FTj9ggfc65r8QjHkXKiNHDwKo7BkaQpGkrnTB1fAFOakZozB\nYH+OqYX4TaX//bd5/M2KIS4Df7HYmC74MYLh/PNk7mhtJE5zu9padSFf7uwR\n/ctJZeG5gxzbdI0FKOnzHJM//9oGKgJaoVPvjjxKg+pkhQISRrNEz9ZQyeqm\nEgXe\r\n=j4T4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE8UJ5l7V2X5Rdeu/gecTxydsmecpi3vol/Kj66Od93FAiB5IaEUTCTcvPyIfGM0LC69lxOtWpfERnejt6XFXuRjvA=="}]},"maintainers":[{"name":"olivierbossel","email":"olivier.bossel@gmail.com"}],"_npmUser":{"name":"olivierbossel","email":"olivier.bossel@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/form-style_0.0.2_1575567632476_0.8451940108667384"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"time":{"created":"2019-12-05T16:44:35.862Z","0.0.1":"2019-12-05T16:44:36.190Z","modified":"2022-07-27T14:25:26.827Z","0.0.2":"2019-12-05T17:40:32.696Z"},"maintainers":[{"name":"olivierbossel","email":"olivier.bossel@gmail.com"}],"description":"Full stack form styling with support of form-input, form-textarea, form-select, form-group and form-addon as well as colored versions of them...","homepage":"http://coffeekraken.io","keywords":["coffee","kraken","coffeekraken","form","input","select","textarea","addon","group","webcomponent","component","html","sugar"],"repository":{"type":"git","url":"https://github.com/Coffeekraken/coffeekraken/tree/master/style/form-style"},"contributors":[{"name":"Olivier Bossel","email":"olivier.bossel@gmail.com","url":"http://olivierbossel.com"}],"author":{"name":"Coffeekraken","email":"hello@coffeekraken.io"},"license":"MIT","readme":"# Coffeekraken s-form-style \n\n\n\n\n\nFull stack form styling with support of form-input, form-textarea, form-select, form-group and form-addon as well as colored versions of them...\n\n## Table of content\n\n1. [Features](#readme-features)\n2. [Install](#readme-install)\n3. [Get Started](#readme-get-started)\n4. [SASS API](doc/scss)\n\n\n\n## Features\n\n1. Styling for `input`, `textarea` and `select`\n2. `.form-group` support to display multiple inputs on the same line\n3. `.form-addon` to display addons aside a form input\n4. Colored version of each `input`, `textarea` and `select` available\n\n\n\n## Install\n\n```\nnpm install @coffeekraken/form-style --save\n```\n\n\n\n## Get Started\n\nFirst, [import and init sugar](https://github.com/Coffeekraken/coffeekraken/tree/master/util/sugar) into your project.\n\nThen, import the component into your scss file like so:\n\n```scss\n@use \"node_modules/@coffeekraken/form-style/index\" as form-style;\n```\n\nThen generate the classes using the provided mixins like so:\n\n```scss\n@include form-style.classes($colors: default primary secondary);\n```\n\nThen simply use it inside your html like so:\n\n```html\n
\n \n
\n
\n \n
\n
\n \n
\n```\n\n\n\n# Coffeekraken\n\nWe are a young collective of front-end creative developers with one goal in mind. Build tools to make every team working day life better. This is our first and only concern. All our tools are build around that purpose.\nAll what we provide are some cool tools that you can use the way you want. These tools features cover a large scope of the front-end workflow (styleguide generation, colors/fonts management, etc...). You can use only the parts that you need and let the rest aside...\n\n[](https://coffeekraken.io)\n","readmeFilename":"README.md"}
![](\".resources/coffeekraken-logo.jpg\"){kind=logo}
\n\n\n\n\n\nFull stack form styling with support of form-input, form-textarea, form-select, form-group and form-addon as well as colored versions of them...\n\n## Table of content\n\n1. [Features](#readme-features)\n2. [Install](#readme-install)\n3. [Get Started](#readme-get-started)\n4. [SASS API](doc/scss)\n\n\n\n## Features\n\n1. Styling for `input`, `textarea` and `select`\n2. `.form-group` support to display multiple inputs on the same line\n3. `.form-addon` to display addons aside a form input\n4. Colored version of each `input`, `textarea` and `select` available\n\n\n\n## Install\n\n```\nnpm install @coffeekraken/form-style --save\n```\n\n\n\n## Get Started\n\nFirst, [import and init sugar](https://github.com/Coffeekraken/coffeekraken/tree/master/util/sugar) into your project.\n\nThen, import the component into your scss file like so:\n\n```scss\n@use \"node_modules/@coffeekraken/form-style/index\" as form-style;\n```\n\nThen generate the classes using the provided mixins like so:\n\n```scss\n@include form-style.classes($colors: default primary secondary);\n```\n\nThen simply use it inside your html like so:\n\n```html\n