Primeros Pasos
Roadmap
Estado actual y progreso del desarrollo de los componentes de Spartan.
Esta sección muestra el estado actual del desarrollo de los componentes de Spartan. Los gráficos reflejan el progreso en cinco dimensiones clave: TypeScript, Dark Mode, Responsive, Tests y Documentación.
Estado General
TypeScript
74%
39/53 componentes
Dark Mode
2%
1/53 componentes
Responsive
2%
1/53 componentes
Tests
59%
24✓ 12~ 17✗ componentes
Figma
8%
4/53 componentes
Documentación
60%
25✓ 14~ 14✗ componentes
Indicadores por Dimensión
| Componente | ||||||||
|---|---|---|---|---|---|---|---|---|
| Entrada de datos | ||||||||
| SInput | ✓ | ✗ | ✗ | ✗ | 85% | |||
| SInputAmount | ✓ | ✗ | ✗ | ✗ | 65% | |||
| SInputDate | ✗ | ✗ | ✗ | ✗ | 0% | |||
| SInputIncrement | ✗ | ✗ | ✗ | ✗ | 0% | |||
| SInputMask | ✗ | ✗ | ✗ | ✗ | 0% | |||
| SInputOtp | ✗ | ✗ | ✗ | ✗ | 0% | |||
| SInputPassword | ✗ | ✗ | ✗ | ✗ | 0% | |||
| SInputTag | ✗ | ✗ | ✗ | ✗ | 0% | |||
| STextarea | ✗ | ✗ | ✗ | ✗ | 0% | |||
| SCombobox | ✗ | ✗ | ✗ | ✗ | 0% | |||
| SSelect | ✗ | ✗ | ✗ | ✗ | 0% | |||
| Selectores | ||||||||
| SCheckbox | ✓ | ✗ | ✗ | ✗ | 94% | |||
| SRadio | ✓ | ✗ | ✗ | ✗ | 100% | |||
| SRadioGroup | ✓ | ✗ | ✗ | ✗ | 100% | |||
| SSwitch | ✓ | ✗ | ✗ | ✗ | 100% | |||
| SSelector | ✓ | ✗ | ✗ | ✗ | 0% | |||
| SMultiSelector | ✓ | ✗ | ✗ | ✗ | 0% | |||
| Visualización | ||||||||
| SAlert | ✓ | ✗ | ✗ | ✗ | 100% | |||
| SAvatar | ✓ | ✓ | ✗ | ✗ | 100% | |||
| SBadge | ✓ | ✓ | ✗ | ✗ | 100% | |||
| SCard | ✓ | ✓ | ✗ | ✗ | 90% | |||
| SCardBrand | ✓ | ✗ | ✗ | ✗ | 50% | |||
| SCaption | ✓ | ✗ | ✗ | ✗ | 100% | |||
| SLink | ✓ | ✗ | ✗ | ✗ | 100% | |||
| SToast | ✓ | ✗ | ✗ | ✗ | 66% | |||
| SBreadcrumbs | ✓ | ✗ | ✗ | ✗ | 100% | |||
| SSkeleton | ✓ | ✗ | ✓ | ✓ | 100% | |||
| SPlacetopayLogo | ✓ | ✗ | ✗ | ✗ | 100% | |||
| Modales | ||||||||
| SModal | ✓ | ✗ | ✗ | ✗ | 76% | |||
| SModalCard | ✓ | ✗ | ✗ | ✗ | 84% | |||
| SModalConfirm | ✓ | ✗ | ✗ | ✗ | 0% | |||
| SModalLeft | ✓ | ✗ | ✗ | ✗ | 100% | |||
| SModalSide | ✓ | ✗ | ✗ | ✗ | 100% | |||
| SPopover | ✓ | ✗ | ✗ | ✗ | 61% | |||
| STooltip | ✓ | ✗ | ✗ | ✗ | 70% | |||
| SDropdown | ✓ | ✗ | ✗ | ✗ | 73% | |||
| Estructura | ||||||||
| SAccordion | ✓ | ✗ | ✗ | ✗ | 100% | |||
| SSidebar | ✓ | ✗ | ✗ | ✗ | 65% | |||
| STab | ✓ | ✗ | ✗ | ✗ | 43% | |||
| STable | ✓ | ✗ | ✗ | ✗ | 73% | |||
| SDTable | ✓ | ✗ | ✗ | ✗ | 86% | |||
| STemplateHeaderTable | ✗ | ✗ | ✗ | ✗ | 0% | |||
| SSteps | ✗ | ✗ | ✗ | ✗ | 0% | |||
| SPaginator | ✗ | ✗ | ✗ | ✗ | 0% | |||
| SStackedList | ✗ | ✗ | ✗ | ✗ | 0% | |||
| SButtonGroup | ✗ | ✗ | ✗ | ✗ | 0% | |||
| Utilidades | ||||||||
| SButton | ✓ | ✓ | ✗ | ✗ | 100% | |||
| SLabel | ✓ | ✗ | ✗ | ✗ | 100% | |||
| SFilter | ✓ | ✗ | ✗ | ✗ | 67% | |||
| SCopy | ✓ | ✗ | ✗ | ✗ | 62% | |||
| Tipografía | ||||||||
| SPageTitle | ✓ | ✗ | ✗ | ✗ | 100% | |||
| SSectionTitle | ✓ | ✗ | ✗ | ✗ | 100% | |||
| SSectionDescription | ✓ | ✗ | ✗ | ✗ | 100% | |||
Prioridades Actuales
Dark Mode
Implementar soporte de modo oscuro en todos los componentes. Actualmente es la dimensión con menor cobertura.
Tests
Aumentar la cobertura de tests unitarios, especialmente en componentes de selectores y utilidades.
Responsive
Asegurar que todos los componentes funcionen correctamente en dispositivos móviles y tablets.
Documentación
Completar la documentación de componentes con estado parcial o mínimo, incluyendo ejemplos interactivos.
Objetivos v3.0 Estable
- Soporte completo de Dark Mode en todos los componentes
- Cobertura de tests superior al 80% en cada componente
- Documentación completa con ejemplos interactivos para todos los componentes
- Diseño responsive validado en todos los componentes de estructura y entrada de datos
- Tipado TypeScript estricto con exports de todos los tipos públicos