{"_id":"@brq-innovation/design-system-icons","name":"@brq-innovation/design-system-icons","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.4":{"name":"@brq-innovation/design-system-icons","version":"1.0.4","type":"module","main":"react/index.js","types":"react/index.d.ts","exports":{".":{"import":"./react/index.js","types":"./react/index.d.ts"},"./react":{"import":"./react/index.js","types":"./react/index.d.ts"},"./react/*":{"import":"./react/icons/*.js","types":"./react/icons/*.d.ts"}},"scripts":{"generate":"npx tsx scripts/generate-icons.ts","build":"npm run generate && tsc --project tsconfig.react.json","clean":"rm -rf react/icons react/index.ts react/types.ts","prepublishOnly":"npm run build"},"keywords":["icons","svg","design-system","react"],"author":"","license":"ISC","description":"Design System Icons - SVG to React components","devDependencies":{"@types/node":"^20.10.0","@types/react":"^19.0.0","react":"^19.0.0","tsx":"^4.7.0","typescript":"^5.3.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0"},"peerDependenciesMeta":{"react":{"optional":true}},"gitHead":"ea36b947d957c880fa021d0b8e7c8ff7db785a39","_id":"@brq-innovation/design-system-icons@1.0.4","_nodeVersion":"24.13.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-fMFUwfHeqCsiRlChmyyEzwhho1ZVwHNQV+lM1qXWXZKMIQh75oKYp1zn9brR++o2W4tPH6lQwcpCkWJDI2uO2Q==","shasum":"e50ef50573f909450cd9e27a418185ef8e8d05e0","tarball":"https://registry.npmjs.org/@brq-innovation/design-system-icons/-/design-system-icons-1.0.4.tgz","fileCount":7182,"unpackedSize":8221689,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCi47JUDxLK8s3NLjol26IQV106ZOenEYfq+TJRtPWo/wIgcEJYwYRIqIeywFtmevjycmLw+cZ+25RVMGgIUgG+ZvI="}]},"_npmUser":{"name":"brq-innovation","email":"licenciamentobrq@brq.com"},"directories":{},"maintainers":[{"name":"brq-innovation","email":"licenciamentobrq@brq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/design-system-icons_1.0.4_1775833170486_0.7169070097060588"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-10T14:59:30.426Z","1.0.4":"2026-04-10T14:59:30.728Z","modified":"2026-04-10T14:59:30.882Z"},"maintainers":[{"name":"brq-innovation","email":"licenciamentobrq@brq.com"}],"description":"Design System Icons - SVG to React components","keywords":["icons","svg","design-system","react"],"license":"ISC","readme":"# ds-template-icons\n\nDesign System Icons - Biblioteca de ícones SVG para uso em qualquer framework.\n\nOs ícones são fornecidos como SVGs puros em `src/` e podem ser consumidos diretamente ou convertidos para o framework desejado. Um script de geração para React já está incluso.\n\n## Instalação\n\n```bash\nnpm install\n```\n\n## Scripts\n\n| Script | Descrição |\n|--------|-----------|\n| `npm run generate` | Gera componentes React em `react/` a partir dos SVGs |\n| `npm run build` | Executa generate + compila TypeScript |\n| `npm run clean` | Remove arquivos gerados |\n\n> Os SVGs em `src/` são puros e prontos para uso em qualquer projeto, sem necessidade de geração.\n\n## Estrutura de Diretórios\n\n```\nsrc/\n├── base/           # Ícones base\n├── country/        # Bandeiras de países\n├── feature/        # Ícones de features (badges)\n└── payment-method/ # Ícones de métodos de pagamento\n```\n\n## Uso\n\n```tsx\nimport { House, User, Warning } from 'ds-template-icons/react';\n\n<House />\n<Warning size={32} color=\"red\" />\n```\n\n## Adicionar Novos Ícones (para geração React)\n\n1. Adicione o arquivo SVG na pasta correta em `src/`\n2. Execute `npm run generate`\n3. Commit as alterações\n\n### Nomenclatura de Arquivos\n\n- Arquivos em `kebab-case`: `arrow-up.svg` → `ArrowUp`\n- Arquivos iniciados com número: `12-hours.svg` → `Icon12Hours`\n\n### Categorias de Features\n\nÍcones em `src/feature/` geram componentes com wrapper circular:\n\n| Feature | Ícone Base |\n|---------|------------|\n| `FeatureBrand` | Zap |\n| `FeatureNeutral` | Zap |\n| `FeatureSuccess` | CheckCircle |\n| `FeatureError` | AlertCircle |\n| `FeatureWarning` | AlertTriangle |\n| `FeatureInfo` | HelpCircle |\n\n## Props (Componentes React Gerados)\n\n### Ícones Base\n\n| Prop | Tipo | Padrão | Descrição |\n|------|------|--------|-----------|\n| `size` | `number \\| string` | `24` | Tamanho do ícone |\n| `color` | `string` | `currentColor` | Cor do ícone |\n| `fill` | `string` | `none` | Cor de preenchimento |\n| `stroke` | `string` | - | Cor da linha |\n| `strokeWidth` | `number` | `24` | Espessura da linha |\n| `className` | `string` | - | Classes CSS |\n\n### Ícones de Feature\n\n| Prop | Tipo | Padrão | Descrição |\n|------|------|--------|-----------|\n| `size` | `12 \\| 16 \\| 20 \\| 24 \\| 32` | `24` | Tamanho do ícone |\n| `color` | `string` | - | Cor do ícone |\n| `backgroundColor` | `string` | - | Cor de fundo do círculo |\n| `className` | `string` | - | Classes CSS (Tailwind) |\n","readmeFilename":"README.md","_rev":"1-8a3cb8587b9c48fddc12e0f379f3d0b8"}