{"_id":"@claralight-design/symbol-kit-react","name":"@claralight-design/symbol-kit-react","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@claralight-design/symbol-kit-react","version":"0.1.0","description":"React components for ClaraLight Design symbols.","type":"module","sideEffects":false,"license":"MIT","engines":{"node":">=22.0.0"},"exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"./icons/*":{"types":"./src/icon.d.ts","default":"./dist/icons/*.js"}},"dependencies":{"@claralight-design/symbol-kit-core":"^0.1.0"},"peerDependencies":{"react":">=18.0.0"},"devDependencies":{"@types/react":"^19.2.0","@types/react-dom":"^19.2.0","react":"^19.2.0","react-dom":"^19.2.0","typescript":"^5.8.3","vitest":"^3.2.4"},"scripts":{"build":"node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\" && node ./node_modules/typescript/bin/tsc -p tsconfig.json","generate":"node scripts/generate-icons.mjs","test":"node ./node_modules/vitest/vitest.mjs run","check":"pnpm generate && pnpm build && pnpm test"},"_id":"@claralight-design/symbol-kit-react@0.1.0","_integrity":"sha512-9R3YYr4LH3TxGEbcvEld40xkUNZf9gsopgod+S7dvnesoRZXUdsbsnS2L6ep75vFfgwqv7b8N5S9oO8Hdw6BkQ==","_resolved":"/private/var/folders/fg/zk2tqtd51gz2m5bl4qfnvnpw0000gn/T/98df9d7fe5c6f0572d127d5458bc575d/claralight-design-symbol-kit-react-0.1.0.tgz","_from":"file:claralight-design-symbol-kit-react-0.1.0.tgz","_nodeVersion":"24.14.1","_npmVersion":"11.11.0","dist":{"integrity":"sha512-9R3YYr4LH3TxGEbcvEld40xkUNZf9gsopgod+S7dvnesoRZXUdsbsnS2L6ep75vFfgwqv7b8N5S9oO8Hdw6BkQ==","shasum":"ae4875f6b848ce86d6b96a9b17a498916b442484","tarball":"https://registry.npmjs.org/@claralight-design/symbol-kit-react/-/symbol-kit-react-0.1.0.tgz","fileCount":468,"unpackedSize":144947,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQC3O6fLHhHVt1DEaD8Tq/ln61H752L6uBAJNtUZyE8logIgDLPOcHGerJgVm/7Jp3cJxlG1bTgiUYTat+VyhO1V8j8="}]},"_npmUser":{"name":"alanyan9526","email":"3618542587@qq.com"},"directories":{},"maintainers":[{"name":"alanyan9526","email":"3618542587@qq.com"},{"name":"lesetong","email":"oscarlbw@qq.com"},{"name":"yulimfish","email":"feifanxiaowang@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/symbol-kit-react_0.1.0_1784455730348_0.8869810661649296"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-19T10:08:50.206Z","0.1.0":"2026-07-19T10:08:50.487Z","modified":"2026-07-19T10:08:50.757Z"},"maintainers":[{"name":"alanyan9526","email":"3618542587@qq.com"},{"name":"lesetong","email":"oscarlbw@qq.com"},{"name":"yulimfish","email":"feifanxiaowang@163.com"}],"description":"React components for ClaraLight Design symbols.","license":"MIT","readme":"# @claralight-design/symbol-kit-react\n\nSymbol Kit 的 React 图标组件包。每个图标均为独立的命名组件，运行时只依赖 Symbol Kit Core。\n\n```tsx\nimport { CreditCard } from \"@claralight-design/symbol-kit-react\";\n\nexport function Example() {\n  return <CreditCard size={24} weight=\"regular\" variant=\"duotone\" title=\"信用卡\" />;\n}\n```\n\n也可以通过子路径默认导入单个图标：\n\n```tsx\nimport CreditCard from \"@claralight-design/symbol-kit-react/icons/CreditCard\";\n```\n\n配置 `@claralight-design/symbol-kit-unplugin` 后，同一个子路径可以直接使用 `.symbol-kit/input` 中新增的图标，无需重新生成或发布 React 包。\n\n组件支持所有原生 SVG 属性，并提供 `size`、`weight`、`variant`、`accentColor`、`accentOpacity` 和 `title`。无可访问名称时，图标默认作为装饰元素隐藏。\n","readmeFilename":"README.md","_rev":"1-50e6295f587639cabbdaabbb8284f528"}