{"_id":"@casterlabs/heroicons-svelte","_rev":"3-718599c2f2ce1c6a38470cfbc16a839e","name":"@casterlabs/heroicons-svelte","dist-tags":{"latest":"2.2.2"},"versions":{"2.2.0":{"name":"@casterlabs/heroicons-svelte","version":"2.2.0","keywords":["svelte"],"author":{"url":"https://casterlabs.co","name":"Casterlabs","email":"support@casterlabs.co"},"license":"MIT","_id":"@casterlabs/heroicons-svelte@2.2.0","maintainers":[{"name":"e3ndr","email":"admin@casterlabs.co"}],"homepage":"https://github.com/Casterlabs/heroicons-svelte#readme","bugs":{"url":"https://github.com/Casterlabs/heroicons-svelte/issues"},"dist":{"shasum":"eae611517fdf1ad64708832a5d0fd0d9e385a693","tarball":"https://registry.npmjs.org/@casterlabs/heroicons-svelte/-/heroicons-svelte-2.2.0.tgz","fileCount":657,"integrity":"sha512-+FxpNzR/s72nOeKj6eFSfXKelbDhSvF+tE831ieosp50h2jb2CqiiumZJx28VnbHo1fgsepFg4H8i8lF20Rvkg==","signatures":[{"sig":"MEQCIDIjgfCPvpfZRbncyFgQnRdF5T8yfQ3aiHBtSkrFRiUmAiAN/c7MoxhvtGGSPGGx27Pb7YP/FLwLbS6HdSV19mId9w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1596890},"type":"module","types":"./dist/index.d.ts","svelte":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"gitHead":"d028b240bbefc14a8c1b5673f7c60c7c141b53a9","scripts":{"dev":"npm run generate && vite dev","lint":"prettier --check . && eslint .","build":"npm run generate && vite build && npm run prepack","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","format":"prettier --write .","prepack":"npm run generate && svelte-kit sync && svelte-package && publint","prepare":"svelte-kit sync || echo ''","preview":"vite preview","generate":"node generate.js","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"},"_npmUser":{"name":"e3ndr","email":"admin@casterlabs.co"},"repository":{"url":"git+https://github.com/Casterlabs/heroicons-svelte.git","type":"git"},"_npmVersion":"10.9.0","description":"A collection of Svelte components for Heroicons, a set of free MIT-licensed high-quality SVG icons by TailwindLabs https://github.com/tailwindlabs/heroicons","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.5.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.0","eslint":"^9.18.0","svelte":"^5.0.0","globals":"^16.0.0","publint":"^0.3.2","prettier":"^3.4.2","@eslint/js":"^9.18.0","typescript":"^5.0.0","svelte-check":"^4.0.0","@sveltejs/kit":"^2.16.0","@eslint/compat":"^1.2.5","@sveltejs/package":"^2.0.0","typescript-eslint":"^8.20.0","eslint-plugin-svelte":"^3.0.0","@sveltejs/adapter-auto":"^4.0.0","eslint-config-prettier":"^10.0.1","prettier-plugin-svelte":"^3.3.3","@sveltejs/vite-plugin-svelte":"^5.0.0"},"peerDependencies":{"svelte":"^5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/heroicons-svelte_2.2.0_1743639814835_0.6898129494044212","host":"s3://npm-registry-packages-npm-production"}},"2.2.1":{"name":"@casterlabs/heroicons-svelte","version":"2.2.1","keywords":["svelte"],"author":{"url":"https://casterlabs.co","name":"Casterlabs","email":"support@casterlabs.co"},"license":"MIT","_id":"@casterlabs/heroicons-svelte@2.2.1","maintainers":[{"name":"e3ndr","email":"admin@casterlabs.co"}],"homepage":"https://github.com/Casterlabs/heroicons-svelte#readme","bugs":{"url":"https://github.com/Casterlabs/heroicons-svelte/issues"},"dist":{"shasum":"5b249847aac5c4b4ed9a31c72ee7be3421a9f29c","tarball":"https://registry.npmjs.org/@casterlabs/heroicons-svelte/-/heroicons-svelte-2.2.1.tgz","fileCount":657,"integrity":"sha512-15H7KuccQxG6mS6wZfD6jhSVfZBHTK3Qj8xR/QYq8VmQG4+7Pmf7En0IhcEHq6ixUEPNbbvZJKIOhZvPbxw2aQ==","signatures":[{"sig":"MEYCIQCqpFbSBc18y7G0Da7KbIj/9LrQCPTqvaJP0f480N+NvQIhAOB4q5qQ+KSRMPfT7XNJTehvfEb2tCmvEe++mjVJxSi+","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1596936},"type":"module","types":"./dist/index.d.ts","svelte":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"gitHead":"9a1a6e893214ebdc3cb081924afd5254a891ea18","scripts":{"dev":"npm run generate && vite dev","lint":"prettier --check . && eslint .","build":"npm run generate && vite build && npm run prepack","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","format":"prettier --write .","prepack":"npm run generate && svelte-kit sync && svelte-package && publint","prepare":"svelte-kit sync || echo ''","preview":"vite preview","publish":"npm publish --access public","generate":"node generate.js","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"},"_npmUser":{"name":"e3ndr","email":"admin@casterlabs.co"},"repository":{"url":"git+https://github.com/Casterlabs/heroicons-svelte.git","type":"git"},"_npmVersion":"10.9.0","description":"A collection of Svelte components for Heroicons, a set of free MIT-licensed high-quality SVG icons by TailwindLabs https://github.com/tailwindlabs/heroicons","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.5.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.0","eslint":"^9.18.0","svelte":"^5.0.0","globals":"^16.0.0","publint":"^0.3.2","prettier":"^3.4.2","@eslint/js":"^9.18.0","typescript":"^5.0.0","svelte-check":"^4.0.0","@sveltejs/kit":"^2.16.0","@eslint/compat":"^1.2.5","@sveltejs/package":"^2.0.0","typescript-eslint":"^8.20.0","eslint-plugin-svelte":"^3.0.0","@sveltejs/adapter-auto":"^4.0.0","eslint-config-prettier":"^10.0.1","prettier-plugin-svelte":"^3.3.3","@sveltejs/vite-plugin-svelte":"^5.0.0"},"peerDependencies":{"svelte":"^5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/heroicons-svelte_2.2.1_1743640217105_0.034359728173788184","host":"s3://npm-registry-packages-npm-production"}},"2.2.2":{"name":"@casterlabs/heroicons-svelte","version":"2.2.2","license":"MIT","description":"A collection of Svelte components for Heroicons, a set of free MIT-licensed high-quality SVG icons by TailwindLabs https://github.com/tailwindlabs/heroicons","author":{"name":"Casterlabs","email":"support@casterlabs.co","url":"https://casterlabs.co"},"repository":{"type":"git","url":"git+https://github.com/Casterlabs/heroicons-svelte.git"},"scripts":{"publish":"npm publish --access public","generate":"node generate.js","dev":"npm run generate && vite dev","build":"npm run generate && vite build && npm run prepack","preview":"vite preview","prepare":"svelte-kit sync || echo ''","prepack":"npm run generate && svelte-kit sync && svelte-package && publint","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch","format":"prettier --write .","lint":"prettier --check . && eslint ."},"sideEffects":["**/*.css"],"svelte":"./dist/index.js","types":"./dist/index.d.ts","type":"module","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"peerDependencies":{"svelte":"^5.0.0"},"devDependencies":{"@eslint/compat":"^1.2.5","@eslint/js":"^9.18.0","@sveltejs/adapter-auto":"^4.0.0","@sveltejs/kit":"^2.16.0","@sveltejs/package":"^2.0.0","@sveltejs/vite-plugin-svelte":"^5.0.0","eslint":"^9.18.0","eslint-config-prettier":"^10.0.1","eslint-plugin-svelte":"^3.0.0","globals":"^16.0.0","prettier":"^3.4.2","prettier-plugin-svelte":"^3.3.3","publint":"^0.3.2","svelte":"^5.0.0","svelte-check":"^4.0.0","typescript":"^5.0.0","typescript-eslint":"^8.20.0","vite":"^6.0.0"},"keywords":["svelte"],"_id":"@casterlabs/heroicons-svelte@2.2.2","gitHead":"706af7036f93ad066680ced4590dfd8a4bb8d896","bugs":{"url":"https://github.com/Casterlabs/heroicons-svelte/issues"},"homepage":"https://github.com/Casterlabs/heroicons-svelte#readme","_nodeVersion":"22.5.1","_npmVersion":"10.9.0","dist":{"integrity":"sha512-RwUMsqo9E9vNXPW47NIod1Ixk6+hcs5KE+Dp85jq17+ntXwEqgpwQ9I5FamQdDbp7M0H27iRKtPeb+8lb2H+Og==","shasum":"0538d39a121ca0d66d6c70d97e1990d6915db6a0","tarball":"https://registry.npmjs.org/@casterlabs/heroicons-svelte/-/heroicons-svelte-2.2.2.tgz","fileCount":657,"unpackedSize":1804525,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCICmAV8dyh7+yf4PmhBd1PR4A91Rbd/xSKjZ9Y/8fe1vZAiEAnsZGz7i0M3jAOSpJza5wLBpaFG6z3GRg5inHoEaQDkQ="}]},"_npmUser":{"name":"e3ndr","email":"balexbowles@gmail.com"},"directories":{},"maintainers":[{"name":"e3ndr","email":"balexbowles@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/heroicons-svelte_2.2.2_1745426912876_0.8876265336828271"},"_hasShrinkwrap":false}},"time":{"created":"2025-04-03T00:23:34.758Z","modified":"2025-04-23T16:48:33.323Z","2.2.0":"2025-04-03T00:23:35.092Z","2.2.1":"2025-04-03T00:30:17.325Z","2.2.2":"2025-04-23T16:48:33.132Z"},"bugs":{"url":"https://github.com/Casterlabs/heroicons-svelte/issues"},"author":{"name":"Casterlabs","email":"support@casterlabs.co","url":"https://casterlabs.co"},"license":"MIT","homepage":"https://github.com/Casterlabs/heroicons-svelte#readme","keywords":["svelte"],"repository":{"type":"git","url":"git+https://github.com/Casterlabs/heroicons-svelte.git"},"description":"A collection of Svelte components for Heroicons, a set of free MIT-licensed high-quality SVG icons by TailwindLabs https://github.com/tailwindlabs/heroicons","maintainers":[{"name":"e3ndr","email":"balexbowles@gmail.com"}],"readme":"# HeroIcons for Svelte\n\nA collection of Svelte components for Heroicons, a set of free MIT-licensed high-quality SVG icons by TailwindLabs https://github.com/tailwindlabs/heroicons\n\n## Installation\n\n```bash\nnpm install @casterlabs/heroicons-svelte\n```\n\n## Usage\n\n```javascript\n<script>\n    import IconAcademicCap from '@casterlabs/heroicons-svelte';\n</script>\n\n<IconAcademicCap theme=\"outline\" />\n<IconAcademicCap theme=\"solid\" />\n<IconAcademicCap theme=\"mini\" />\n<IconAcademicCap theme=\"micro\" />\n```\n\nAnd that's it!\n\nYou can also lookup the component in a map:\n\n```javascript\n<script lang=\"ts\">\n\timport { ICONS } from '$lib/index.js';\n\n\tconst ChosenIcon = ICONS['academic-cap'];\n</script>\n\n<ChosenIcon theme=\"outline\" />\n```\n\nThis is useful for dynamic UIs where it's not feasible to pass a reference to a component.\n\n## Customization\n\nEach SVG has already been rewritten to use `currentColor` for their fill/stroke. You can target an icon using the following CSS:\n\n```css\nsvg[data-icon='academic-cap'] {\n\t/* Custom CSS here! */\n}\n```\n\nOr, you can use the `class` and `style` attributes:\n\n```javascript\n<script>\n    import IconAcademicCap from '@casterlabs/heroicons-svelte';\n</script>\n\n<IconAcademicCap theme=\"micro\" class=\"my-custom-class\" style=\"transform: rotate(45deg);\" />\n```\n\nThe following attributes are available:\n\n- `[data-type=\"svelte-heroicons\"]`\n- `[data-icon=\"NAME\"]`\n- `[data-theme=\"THEME\"]`\n","readmeFilename":"README.md"}