{"_id":"@aybolit/core","_rev":"1-bd98c23463ba798600721f08e0c4da6b","name":"@aybolit/core","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@aybolit/core","version":"0.1.0","author":{"name":"Serhii Kulykov","email":"serguey.kulikov@gmail.com"},"license":"MIT","main":"src/index.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/web-padawan/aybolit.git","directory":"packages/core"},"dependencies":{"lit-element":"^2.0.1","lit-html":"^1.0.0"},"devDependencies":{"@aybolit/test-helpers":"^0.1.0","@open-wc/testing-helpers":"^0.7.9","@pika/pack":"^0.3.0","@pika/plugin-build-web":"^0.3.0","@pika/plugin-bundle-web":"^0.3.0","@pika/plugin-standard-pkg":"^0.3.0"},"@pika/pack":{"pipeline":[["@pika/plugin-standard-pkg"],["@pika/plugin-build-web"],["@pika/plugin-bundle-web"]]},"scripts":{"dist":"pack build"},"gitHead":"991361f6365fce4319f736521597067d3714b28e","description":"Aybolit Core is a set of base classes built with [LitElement](https://github.com/Polymer/lit-element). Each class can be extended and registered as custom element.","bugs":{"url":"https://github.com/web-padawan/aybolit/issues"},"homepage":"https://github.com/web-padawan/aybolit#readme","_id":"@aybolit/core@0.1.0","_nodeVersion":"10.14.0","_npmVersion":"lerna/3.13.1/node@v10.14.0+x64 (darwin)","dist":{"integrity":"sha512-vubUODRgVEoMHGvkrXZBfhs+uv87rWktTNVRocQYwvXXz2A7ozQ07XknGAs2mvMMJ/qA74Q9ZqptE/KmJGrkRw==","shasum":"8645ecc32f6c4fe53015f868191f54c1649a3cf4","tarball":"https://registry.npmjs.org/@aybolit/core/-/core-0.1.0.tgz","fileCount":16,"unpackedSize":137929,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJciBj8CRA9TVsSAnZWagAAgwoP/1qbLDOsPyECrTJtqbS3\n7Y660UPb+uEql6PkK4BEBOaLe6876/GVROt9SfhE9j0r0QECxNXFvFp1aFsr\nyCptkRVY0DPCpCt6M7OMdyh1yUUKBsitxSQ3r9mJim58PgZfxbcFNURpfd75\nAunKjJ/fEXLQ7AC46oQYpvgqqFD2F9G8t0DczLfeQriMb/pWCb6i/+0SnbmB\nUnKUHlnQpucfUittudOw6DVYfn3ky3+9cEWQSXsUVFR+CxxNk+w4yvvbGYcj\npe4oURxKkl8iKhxFnFXK8e31jA3zq7+3RwN90WAK2RzUnNrp+hx5xUUDQQcp\nyzKn1oyIsmra8qYTqNRFp9zq097VWW4vqykJ/45hLpCItgsXZi3eJsAFDFpp\nWp5s7fqQPh0rYvYOiNe5bjq9ioqi9YpXODGLvswLixn1mY1cSRHloG2GBrE0\nM0s6rPF5BMkT8huGTtRaeOdSUdGhEPLYqxAXkTKBYXMA5wzoI8KzimzsWSi/\n6VJWDaHue/PbWZW5e+1b+ykP2bbpZQ/+w6zQIyDv8qr/VUf+PJ/760PhNj7g\n5/XEEZc6vBCyc1hGRM7aDxmRBuTrkFKI1f0KGWCJEOytiLcQv0+AgTXVS9rR\n3Hi3TBB2nq+wFH0lirK1QqpKmQzyhCP23z8Z+g5DP8APEWamXk48FmY7bQcE\nV6o/\r\n=Dm/X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBWx+g+F8LGf/BCAuGJ3UDIgMi1bjrP72iPuoeCfsCXkAiBqDxlEgqbo/pR1gG5WjWJd8SxlXpeIAj2SuUBM075qkw=="}]},"maintainers":[{"name":"web-padawan","email":"serguey.kulikov@gmail.com"}],"_npmUser":{"name":"web-padawan","email":"serguey.kulikov@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/core_0.1.0_1552423163846_0.4615082891353963"},"_hasShrinkwrap":false}},"time":{"created":"2019-03-12T20:39:23.664Z","0.1.0":"2019-03-12T20:39:24.009Z","modified":"2022-04-04T17:14:18.862Z"},"maintainers":[{"name":"web-padawan","email":"serguey.kulikov@gmail.com"}],"description":"Aybolit Core is a set of base classes built with [LitElement](https://github.com/Polymer/lit-element). Each class can be extended and registered as custom element.","homepage":"https://github.com/web-padawan/aybolit#readme","repository":{"type":"git","url":"git+https://github.com/web-padawan/aybolit.git","directory":"packages/core"},"author":{"name":"Serhii Kulykov","email":"serguey.kulikov@gmail.com"},"bugs":{"url":"https://github.com/web-padawan/aybolit/issues"},"license":"MIT","readme":"# Aybolit Core\n\nAybolit Core is a set of base classes built with [LitElement](https://github.com/Polymer/lit-element). Each class can be extended and registered as custom element.\n\n## Overview\n\nAybolit Core is meant to be used as a base for creating themable web components. It does not provide any CSS except for certain \"normalize\" styles (especially, [`hidden`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) attribute is forced to use `display: none !important` for all components).\n\n## Installation\n\nAybolit Core is available as [npm package](https://www.npmjs.com/package/@aybolit/core):\n\n```sh\n# with npm\nnpm i @aybolit/core --save\n\n# with yarn\nyarn add @aybolit/core\n```\n\n## Components\n\n- [x] Button\n- [x] Checkbox\n- [x] Progress\n- [x] Range\n- [x] Switch\n\n## Creating Components\n\nYou can extend a component base class like this:\n\n```js\nimport { ButtonElement } from '@aybolit/core';\nimport { css } from 'lit-element';\n\nclass CustomButton extends ButtonElement {\n  static get styles() {\n    return [\n      /* core styles */\n      super.styles,\n      /* your own CSS */\n      css`\n        .button {\n          color: var(--my-button-color, #111);\n        }\n      `\n    ];\n  }\n}\n\ncustomElements.define('custom-button', CustomButton);\n```\n","readmeFilename":"README.md"}