{"_id":"@dgrammatiko/qr-element","name":"@dgrammatiko/qr-element","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@dgrammatiko/qr-element","version":"1.0.0","description":"Creates a QR image","main":"src/index.mjs","type":"module","scripts":{"dev":"npx vite","build":"npx vite build --config ./vite.config.js"},"dependencies":{"headless-qr":"^1.0.3"},"license":"MIT","author":{"name":"Dimitris Grammatikogiannis"},"repository":{"type":"git","url":"git+https://github.com/dgrammatiko/qr-element.git"},"keywords":["QR-code","Web-component","vanilla","javascript"],"publishConfig":{"access":"public"},"_id":"@dgrammatiko/qr-element@1.0.0","gitHead":"b18cdc357a0ae156bef8c6f36e758dc5447a7fa1","bugs":{"url":"https://github.com/dgrammatiko/qr-element/issues"},"homepage":"https://github.com/dgrammatiko/qr-element#readme","_nodeVersion":"23.7.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-O4uMo5p0wC5WZDn0BS5hXDGHMrkCSf1OGYuzy2oBkaacif/dOdUMMTiEVLiAgpJtpGYjL883Wyd5IW7pcHzydA==","shasum":"25d987a25580b53ae88af6a024d8a2a6893b1259","tarball":"https://registry.npmjs.org/@dgrammatiko/qr-element/-/qr-element-1.0.0.tgz","fileCount":11,"unpackedSize":23985,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDPOEbqd+dyIK7zENU15Gp6FRFVqnDLcu4DaH+0T9VBuQIhAIvGDVYtJbqA0W4H+QSnpk0JeKQ9CugHPWBN4JZVkixg"}]},"_npmUser":{"name":"dgrammatiko","email":"d.grammatiko@gmail.com"},"directories":{},"maintainers":[{"name":"dgrammatiko","email":"d.grammatiko@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/qr-element_1.0.0_1738569399288_0.5000242018589633"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-03T07:56:39.180Z","1.0.0":"2025-02-03T07:56:39.460Z","modified":"2025-02-03T07:56:39.720Z"},"maintainers":[{"name":"dgrammatiko","email":"d.grammatiko@gmail.com"}],"description":"Creates a QR image","homepage":"https://github.com/dgrammatiko/qr-element#readme","keywords":["QR-code","Web-component","vanilla","javascript"],"repository":{"type":"git","url":"git+https://github.com/dgrammatiko/qr-element.git"},"author":{"name":"Dimitris Grammatikogiannis"},"bugs":{"url":"https://github.com/dgrammatiko/qr-element/issues"},"license":"MIT","readme":"# QR Web component\n\nUsing https://github.com/Rich-Harris/headless-qr\n\n\n## Attributes/properties\n- `input<string>`: the string that the QR Code will be created for\n- `width<string>`: the width (also height, qr codes are square) in px, ie `150px`\n\n## Styling\n\n```css\n/**\n * Set the color of the light parts of the QR Code\n */\nqr-element.blue {\n  background-color: gold; /** Usually white */\n}\n/**\n * Set the color of the dark parts of the QR Code\n */\nqr-element.blue::part(canvas) {\n  --canvas-fill: blue; /** Usually black */\n}\n```\n","readmeFilename":"README.md"}