{"_id":"@bitcoinbeachtravemuende/bitcoin-logo","_rev":"1-36216ac31fef39877d0996b813c03d81","name":"@bitcoinbeachtravemuende/bitcoin-logo","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@bitcoinbeachtravemuende/bitcoin-logo","version":"0.1.0","main":"dist/index.js","module":"dist/index.js","type":"module","types":"types/bitcoin-logo.d.ts","scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview","manifest":"custom-elements-manifest analyze","prepublishOnly":"npm run build"},"devDependencies":{"@custom-elements-manifest/analyzer":"^0.9.2","typescript":"^5.2.2","vite":"^5.1.0"},"customElements":"custom-elements.json","_id":"@bitcoinbeachtravemuende/bitcoin-logo@0.1.0","gitHead":"c6f559dfaeff4b2fa969b1b1bf2f96ef54f6ef11","description":"(Official) `Bitcoin` logo provided as [Web Component](https://developer.mozilla.org/en-US/docs/Web/API/Web_components). It based on the original graphic promoted by `bitboy` in 2010 as described by [`Bitcoin Design`](https://bitcoin.design) [here](https:/","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-qHEsNdp6KsDM4Rt+FsZ8A2cZyLtCOEODxX4OuCLs62hMQcQDbnSDGnJ7jguCb1Ilq28qkv/rMW5+1LozvsRe+g==","shasum":"5b113e8f63052dd1136c812499651f77978765c5","tarball":"https://registry.npmjs.org/@bitcoinbeachtravemuende/bitcoin-logo/-/bitcoin-logo-0.1.0.tgz","fileCount":6,"unpackedSize":9719,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCs6CUrYOjPg5cPczkFaHhC78Kal2sBMbsgF0zJRsPjPAIgERI/zMPrVG5F1HdkoIVivoAuJGunAOegfoKe7kOUofw="}]},"_npmUser":{"name":"sectore","email":"email@jkrause.io"},"directories":{},"maintainers":[{"name":"sectore","email":"email@jkrause.io"},{"name":"bitcoinbeachtravemuende-admin","email":"bitcoinbeachtravemuende-admin@proton.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/bitcoin-logo_0.1.0_1708701945818_0.09076918726599681"},"_hasShrinkwrap":false},"0.1.1":{"name":"@bitcoinbeachtravemuende/bitcoin-logo","description":"(Official) Bitcoin logo provided as Web Component","version":"0.1.1","license":"MIT","homepage":"https://github.com/BitcoinBeachTravemuende/bitcoin-logo-webcomponent","repository":{"type":"git","url":"git+https://github.com/BitcoinBeachTravemuende/bitcoin-logo-webcomponent.git"},"bugs":{"url":"https://github.com/BitcoinBeachTravemuende/bitcoin-logo-webcomponent/issues"},"main":"dist/index.js","module":"dist/index.js","type":"module","types":"types/bitcoin-logo.d.ts","scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview","manifest":"custom-elements-manifest analyze","prepublishOnly":"npm run build"},"devDependencies":{"@custom-elements-manifest/analyzer":"^0.9.2","typescript":"^5.2.2","vite":"^5.1.0"},"customElements":"custom-elements.json","_id":"@bitcoinbeachtravemuende/bitcoin-logo@0.1.1","gitHead":"8456f196e25883dc6296529f30bd0be7e04a57dc","_nodeVersion":"20.11.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-Og8RFs9VkaGNxrnyQZHyXeExZ9t+XNamy5XUchjmzx6xllpF2luMGxx0tCmr/e02A55b0au3ZL/UPpsWPh8JCA==","shasum":"0aba0fc45ce0fc0b556e363bef72c22b91fe18a7","tarball":"https://registry.npmjs.org/@bitcoinbeachtravemuende/bitcoin-logo/-/bitcoin-logo-0.1.1.tgz","fileCount":6,"unpackedSize":10983,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBawCc3ScJsz7OIV+oss5b0tPWlBVlnaqIqw7oAKVGMrAiBo1tdDOeA2XGUlWsPy4qY8D3cPgftyEPDceJdt7hdyCg=="}]},"_npmUser":{"name":"sectore","email":"email@jkrause.io"},"directories":{},"maintainers":[{"name":"sectore","email":"email@jkrause.io"},{"name":"bitcoinbeachtravemuende-admin","email":"bitcoinbeachtravemuende-admin@proton.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/bitcoin-logo_0.1.1_1709911387049_0.361778671696263"},"_hasShrinkwrap":false}},"time":{"created":"2024-02-23T15:25:45.730Z","0.1.0":"2024-02-23T15:25:45.936Z","modified":"2024-03-08T15:23:07.669Z","0.1.1":"2024-03-08T15:23:07.186Z"},"maintainers":[{"name":"sectore","email":"email@jkrause.io"},{"name":"bitcoinbeachtravemuende-admin","email":"bitcoinbeachtravemuende-admin@proton.me"}],"description":"(Official) Bitcoin logo provided as Web Component","readme":"# `<bitcoin-logo />`\n\n(Official) `Bitcoin` logo provided as [Web Component](https://developer.mozilla.org/en-US/docs/Web/API/Web_components). It based on the original graphic promoted by `bitboy` in 2010 as described by [`Bitcoin Design`](https://bitcoin.design) [here](https://bitcoin.design/guide/getting-started/visual-language/#update-by-bitboy).\n\nThe SVG itself is friendly borrowed from `Bitcoin Design` ([source](https://bitcoin.design/assets/images/guide/getting-started/visual-language/bitcoin-symbol.svg)).\n\n## Few variants\n\n![bitcoin-logo-webcomponent](https://github.com/BitcoinBeachTravemuende/bitcoin-logo-webcomponent/assets/47693/1157247c-6b2e-4fda-aa90-e2d6a096e0f9)\n\n\n## Features\n\n- Customize size and colors as you like\n- SVG based\n- No dependencies\n- Small bundle size: `3.26 kB │ gzip: 1.63 kB`\n- Supported by modern browsers\n- Use it with your favourite web framework\n\n## Usage\n\n### Installation \n\nUse your favourite Node package manager to install `bitcoin-logo` web component.\n\n`npm`\n\n```bash\nnpm install @bitcoinbeachtravemuende/bitcoin-logo\n```\n\n`bun`\n\n```bash\nbun add @bitcoinbeachtravemuende/bitcoin-logo\n```\n\n`pnpm`\n\n```bash\npnpm add @bitcoinbeachtravemuende/bitcoin-logo\n```\n\n`yarn`\n\n```bash\nyarn add @bitcoinbeachtravemuende/bitcoin-logo\n```\n\n### Use bundle via `unpkg`\n\nTBD\n\n### Properties\n\n- `size: string`: Valid size value in `px`, `%` or `em`. For example: `size=\"300px\"`, `size=\"50%\"` or `size=\"300px\"`\n- `background-color: string`: Background color. Value can be either a valid color `name` or a `hex` color, eg. `bgColor=\"white\"` or `bgColor=\"#FFF\"`\n- `color: string`: Color of the capital `₿`. Value can be either a valid color `name` or a `hex` color, eg. `color=\"black\"` or `color=\"#000\"`\n\n### Examples\n\n**_Default_**\n\n```html\n<bitcoin-logo />\n```\n\n**_Custom colors_**\n\n```html\n<bitcoin-logo color=\"white\" background-color=\"black\"></bitcoin-logo>\n```\n\n\n**_All custom values_**\n\n```html\n<bitcoin-logo size=\"300px\" background-color=\"black\" color=\"white\"></bitcoin-logo>\n```\n\n## Build\n\n### Requirements\n\n#### Nix\n\nInstall [Nix](https://zero-to-flakes.com/install)\n\n#### Other\n\nInstall [`pnpm`](https://pnpm.io/) or any other Node package manager ([`bun`](https://bun.sh/), [`npm`](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm), [`yarn`](https://yarnpkg.com/) or whatever)\n\n### Local build\n\n- Install dependencies (command might be different for other package manager)\n\n```bash\npnpm install\n```\n\n- Local build\n\n```bash\npnpm dev\n```\nOpen http://localhost:5173\n\n- Release build\n\n```bash\npnpm build\n```\nBuild sources land into `dist` folder.\n\n## License\n\n[MIT](./LICENSE)\n","readmeFilename":"README.md","homepage":"https://github.com/BitcoinBeachTravemuende/bitcoin-logo-webcomponent","repository":{"type":"git","url":"git+https://github.com/BitcoinBeachTravemuende/bitcoin-logo-webcomponent.git"},"bugs":{"url":"https://github.com/BitcoinBeachTravemuende/bitcoin-logo-webcomponent/issues"},"license":"MIT"}