{"_id":"@codeplex-sac/iconos","_rev":"5-df959782700e061a9649fcb880ffd36f","name":"@codeplex-sac/iconos","dist-tags":{"latest":"0.0.11"},"versions":{"0.0.6":{"name":"@codeplex-sac/iconos","version":"0.0.6","_id":"@codeplex-sac/iconos@0.0.6","maintainers":[{"name":"b_manuel","email":"b_manuel@codeplex.pe"},{"name":"codeplexdev","email":"codeplexdev@codeplex.pe"}],"dist":{"shasum":"1a443b729bc52fd32bb43dc14a250ae3936479a6","tarball":"https://registry.npmjs.org/@codeplex-sac/iconos/-/iconos-0.0.6.tgz","fileCount":5,"integrity":"sha512-5RygrM+mNa7w0ZMrUd3niCkSqncTVQ8bNOIgU/8l+crlJAV3cVm9UkVp/WojQ1OcJL819fZlV9CymIq/oeopBQ==","signatures":[{"sig":"MEYCIQC4auKW19KCs1Nsj5sbpD3dzRKZjmSy8U9TOYAr822MvAIhAJVqIjkHvIeTE+Bd4LnMsG0WrGnHL5FGTzsrLwmuI6zj","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":127436},"main":"./index.js","type":"module","types":"./index.d.ts","module":"./index.js","exports":{".":{"types":"./index.d.ts","import":"./index.js","require":"./index.js"}},"gitHead":"a79a8026b56a9210697ddccebd35f8eab7c3686a","_npmUser":{"name":"codeplexdev","email":"codeplexdev@codeplex.pe"},"_npmVersion":"10.9.2","description":"El sistema de iconos semánticos de **Codeplex-SAC**, basado en **Google Material Symbols Rounded**. Este paquete proporciona una iconografía consistente, moderna y alineada con la tipografía **Poppins**.","directories":{},"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","@mui/material":"^7.3.6"},"_npmOperationalInternal":{"tmp":"tmp/iconos_0.0.6_1780500337739_0.11178265501414253","host":"s3://npm-registry-packages-npm-production"}},"0.0.8":{"name":"@codeplex-sac/iconos","version":"0.0.8","_id":"@codeplex-sac/iconos@0.0.8","maintainers":[{"name":"b_manuel","email":"b_manuel@codeplex.pe"},{"name":"codeplexdev","email":"codeplexdev@codeplex.pe"}],"dist":{"shasum":"658fe46a8791a9c3ad854d2beaddca4e45fcc1f9","tarball":"https://registry.npmjs.org/@codeplex-sac/iconos/-/iconos-0.0.8.tgz","fileCount":5,"integrity":"sha512-eBtXzaQ/ZayVWfu/Y6EcjgUNTrYzfb9ywt340vqKiVx8wOzazEuSEfBTK5aXt9TNvZmpdbQuWXmVQjFReXV8JA==","signatures":[{"sig":"MEYCIQDKDpLQRbjVgH+y4fd3LNzQ9cx+diNgxnW+kSSxkYapUQIhAL1QigqHvYSZN9ojvIKAJFsW/xPcgcdb9etO81f1m34d","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":126993},"main":"./index.js","type":"module","types":"./index.d.ts","module":"./index.js","exports":{".":{"types":"./index.d.ts","import":"./index.js","require":"./index.js"}},"gitHead":"c886c9d5d03a410cd5133a1c63b41eb74189be22","_npmUser":{"name":"codeplexdev","email":"codeplexdev@codeplex.pe"},"_npmVersion":"10.9.2","description":"Sistema de iconos semánticos de **Codeplex-SAC**, basado en **Google Material Symbols Rounded**. Iconografía consistente y moderna, alineada con la tipografía **Poppins**.","directories":{},"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","@mui/material":"^7.3.6"},"_npmOperationalInternal":{"tmp":"tmp/iconos_0.0.8_1781294928101_0.13921027012446285","host":"s3://npm-registry-packages-npm-production"}},"0.0.9":{"name":"@codeplex-sac/iconos","version":"0.0.9","_id":"@codeplex-sac/iconos@0.0.9","maintainers":[{"name":"b_manuel","email":"b_manuel@codeplex.pe"},{"name":"codeplexdev","email":"codeplexdev@codeplex.pe"}],"dist":{"shasum":"b42ee2ef3e3d39fd86e407427faa18e9a9c0ff2a","tarball":"https://registry.npmjs.org/@codeplex-sac/iconos/-/iconos-0.0.9.tgz","fileCount":5,"integrity":"sha512-YBUZZUjaFmZwaDLNgvrLuST5teOL4HOgyfmN2DvKfmg5dyLo+/eUhckiFYpYrY1CDZipJ+mPVGZHKvtKrDhHzw==","signatures":[{"sig":"MEUCIBB8UFJuY3FpfPXb5mZaZChuzpMSH8MgBCxyTUczs9MhAiEA5Ty7ESRo6rw6e4umBWWq3pnffHZaTDcr/9EoWGi+yVk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":126993},"main":"./index.js","type":"module","types":"./index.d.ts","module":"./index.js","exports":{".":{"types":"./index.d.ts","import":"./index.js","require":"./index.js"}},"gitHead":"94151effdd9fac04980a1149ec780786fc70cc36","_npmUser":{"name":"codeplexdev","email":"codeplexdev@codeplex.pe"},"_npmVersion":"10.9.2","description":"Sistema de iconos semánticos de **Codeplex-SAC**, basado en **Google Material Symbols Rounded**. Iconografía consistente y moderna, alineada con la tipografía **Poppins**.","directories":{},"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","@mui/material":"^7.3.6"},"_npmOperationalInternal":{"tmp":"tmp/iconos_0.0.9_1781544044716_0.47589419501198416","host":"s3://npm-registry-packages-npm-production"}},"0.0.10":{"name":"@codeplex-sac/iconos","version":"0.0.10","_id":"@codeplex-sac/iconos@0.0.10","maintainers":[{"name":"b_manuel","email":"b_manuel@codeplex.pe"},{"name":"codeplexdev","email":"codeplexdev@codeplex.pe"}],"dist":{"shasum":"e8f218eac538bc811af8e94efec14b42382bdd03","tarball":"https://registry.npmjs.org/@codeplex-sac/iconos/-/iconos-0.0.10.tgz","fileCount":5,"integrity":"sha512-0BobI1z+6taFc/cWAexvG+AZ9XeWrS4vgrpITBnO/7d1D/2hVo65BkXq7gcKj8AI9l4IRD17DTsoNvb7pSeeYw==","signatures":[{"sig":"MEYCIQC9GfIyrZFWJlnHgKDUy4+bPD6y75+IPrYrj1myULG6CgIhANPtvy8aoqerfOLVZwHylpL4zI2PttCiVzLLqVHO9G5y","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":126994},"main":"./index.js","type":"module","types":"./index.d.ts","module":"./index.js","exports":{".":{"types":"./index.d.ts","import":"./index.js","require":"./index.js"}},"gitHead":"94151effdd9fac04980a1149ec780786fc70cc36","_npmUser":{"name":"codeplexdev","email":"codeplexdev@codeplex.pe"},"_npmVersion":"10.9.2","description":"Sistema de iconos semánticos de **Codeplex-SAC**, basado en **Google Material Symbols Rounded**. Iconografía consistente y moderna, alineada con la tipografía **Poppins**.","directories":{},"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","@mui/material":"^7.3.6"},"_npmOperationalInternal":{"tmp":"tmp/iconos_0.0.10_1781977538073_0.1763066490240499","host":"s3://npm-registry-packages-npm-production"}},"0.0.11":{"name":"@codeplex-sac/iconos","version":"0.0.11","type":"module","main":"./index.js","module":"./index.js","types":"./index.d.ts","exports":{".":{"types":"./index.d.ts","import":"./index.js","require":"./index.js"}},"publishConfig":{"access":"public"},"peerDependencies":{"@mui/material":"^7.3.6","react":"^19.0.0","react-dom":"^19.0.0"},"dependencies":{"tslib":"^2.3.0"},"gitHead":"c0cbacfc4475c905cb4d7a510f963be540061d0a","_id":"@codeplex-sac/iconos@0.0.11","description":"Sistema de iconos semánticos de **Codeplex-SAC**, basado en **Google Material Symbols Rounded**. Iconografía consistente y moderna, alineada con la tipografía **Poppins**.","_nodeVersion":"24.18.0","_npmVersion":"11.16.0","dist":{"integrity":"sha512-WDYTwQU70j6MP/38YG5W54iknIeJ5XpxCWbBk3CR75ZT/ijYYhQj8YBUAteuRaBNV3W6JViIjJhZgYC6sItaXA==","shasum":"90977e034d9631b350570212c012d4e3c47e49a4","tarball":"https://registry.npmjs.org/@codeplex-sac/iconos/-/iconos-0.0.11.tgz","fileCount":5,"unpackedSize":126994,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCICrZkcyR15qzuSyqBwXxdKlglvU5wj/xie5+OvrxN1BbAiBKoqtXmmRzNRs3vizRTS15xzuMzcvgfrSmug/Kx7debQ=="}]},"_npmUser":{"name":"b_manuel","email":"b_manuel@codeplex.pe"},"directories":{},"maintainers":[{"name":"b_manuel","email":"b_manuel@codeplex.pe"},{"name":"codeplexdev","email":"codeplexdev@codeplex.pe"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/iconos_0.0.11_1782918140391_0.5692580578351656"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-03T15:25:37.584Z","modified":"2026-07-01T15:02:20.678Z","0.0.6":"2026-06-03T15:25:38.007Z","0.0.8":"2026-06-12T20:08:48.236Z","0.0.9":"2026-06-15T17:20:44.858Z","0.0.10":"2026-06-20T17:45:38.201Z","0.0.11":"2026-07-01T15:02:20.521Z"},"description":"Sistema de iconos semánticos de **Codeplex-SAC**, basado en **Google Material Symbols Rounded**. Iconografía consistente y moderna, alineada con la tipografía **Poppins**.","maintainers":[{"name":"b_manuel","email":"b_manuel@codeplex.pe"},{"name":"codeplexdev","email":"codeplexdev@codeplex.pe"}],"readme":"# @codeplex-sac/iconos\n\nSistema de iconos semánticos de **Codeplex-SAC**, basado en **Google Material Symbols Rounded**. Iconografía consistente y moderna, alineada con la tipografía **Poppins**.\n\n## Instalación\n\n```bash\nbun add @codeplex-sac/iconos @codeplex-sac/tema @mui/material @emotion/react @emotion/styled\n```\n\n> [!IMPORTANT]\n> Este paquete depende de la inyección de fuentes realizada por `CodeplexProveedorTema` de `@codeplex-sac/tema`. Asegúrate de tenerlo configurado en la raíz de tu aplicación.\n\n---\n\n## Componente Base: CodeplexIcono\n\n`CodeplexIcono` renderiza cualquier icono de Google Material Symbols usando **ligaduras**.\n\n**Props:**\n| Propiedad | Tipo | Por defecto | Descripción |\n| :--- | :--- | :--- | :--- |\n| `nombre` | `string` | — | Nombre oficial del icono (ej: `'search'`, `'home'`). |\n| `relleno` | `boolean` | `false` | Activa el estilo sólido (FILL 1). |\n| `color` | `'primario' \\| 'secundario' \\| 'error' \\| 'exito' \\| 'advertencia' \\| 'info' \\| 'heredado'` | `'heredado'` | Color semántico del icono. |\n\n**Uso:**\n```tsx\nimport { CodeplexIcono } from '@codeplex-sac/iconos';\n\nexport const Ejemplo = () => (\n  <CodeplexIcono nombre=\"settings\" color=\"primario\" relleno />\n);\n```\n\n---\n\n## Catálogo de Iconos Semánticos\n\nIconos preconfigurados que no requieren la prop `nombre`. Úsalos para mantener consistencia semántica en toda la aplicación.\n\n### Acciones Comunes\n| Componente | Icono | Componente | Icono |\n| :--- | :--- | :--- | :--- |\n| `CodeplexIconoBuscar` | `search` | `CodeplexIconoBorrar` | `delete` |\n| `CodeplexIconoEditar` | `edit` | `CodeplexIconoGuardar` | `save` |\n| `CodeplexIconoSubir` | `cloud_upload` | `CodeplexIconoEnviar` | `send` |\n| `CodeplexIconoAnadir` | `add_circle` | `CodeplexIconoQuitar` | `do_not_disturb_on` |\n| `CodeplexIconoCerrar` | `close` | `CodeplexIconoDescargar` | `download` |\n| `CodeplexIconoRefrescar` | `refresh` | `CodeplexIconoFiltro` | `filter_alt` |\n\n### Seguridad y Autenticación\n| Componente | Icono | Componente | Icono |\n| :--- | :--- | :--- | :--- |\n| `CodeplexIconoSeguridad` | `security` | `CodeplexIconoCandado` | `lock` |\n| `CodeplexIconoLlave` | `key` | `CodeplexIconoEscudo` | `shield` |\n\n### Estados y Feedback\n| Componente | Icono | Componente | Icono |\n| :--- | :--- | :--- | :--- |\n| `CodeplexIconoExito` | `check_circle` | `CodeplexIconoInformacion` | `info` |\n| `CodeplexIconoError` | `error` | `CodeplexIconoAyuda` | `help` |\n| `CodeplexIconoAlerta` | `warning` | `CodeplexIconoProgreso` | `autorenew` |\n\n### Comunicación y Social\n| Componente | Icono | Componente | Icono |\n| :--- | :--- | :--- | :--- |\n| `CodeplexIconoCorreo` | `mail` | `CodeplexIconoTelefono` | `phone` |\n| `CodeplexIconoCompartir` | `share` | `CodeplexIconoChat` | `forum` |\n\n### Finanzas y Comercio\n| Componente | Icono | Componente | Icono |\n| :--- | :--- | :--- | :--- |\n| `CodeplexIconoBilletera` | `account_balance_wallet` | `CodeplexIconoBanco` | `account_balance` |\n| `CodeplexIconoMoneda` | `payments` | `CodeplexIconoCarrito` | `shopping_cart` |\n| `CodeplexIconoPrecio` | `sell` | `CodeplexIconoRecibo` | `receipt` |\n\n### Multimedia\n| Componente | Icono | Componente | Icono |\n| :--- | :--- | :--- | :--- |\n| `CodeplexIconoImagen` | `image` | `CodeplexIconoCamara` | `photo_camera` |\n| `CodeplexIconoVideo` | `videocam` | `CodeplexIconoColeccion` | `collections` |\n\n### Estructura e Interfaz\n| Componente | Icono | Componente | Icono |\n| :--- | :--- | :--- | :--- |\n| `CodeplexIconoDiseno` | `dashboard` | `CodeplexIconoBarraLateral` | `view_sidebar` |\n| `CodeplexIconoCaja` | `inbox` | `CodeplexIconoCuadricula` | `grid_view` |\n| `CodeplexIconoPila` | `layers` | `CodeplexIconoContenedor` | `view_quilt` |\n\n---\n\n## Mejores Prácticas\n\n1. **Semántica sobre nombre**: usa `CodeplexIconoBorrar` en lugar de `<CodeplexIcono nombre=\"delete\" />` para mantener la consistencia en el mantenimiento.\n2. **Relleno**: activa `relleno` para estados activos o acciones primarias.\n3. **Tamaño**: hereda el `fontSize` de MUI — usa `fontSize=\"large\"` directamente en el componente.\n\n## Licencia\n\nPropiedad privada de **Codeplex SAC**. Todos los derechos reservados.\n","readmeFilename":"README.md"}