@imj_media/ui 1.2.19 → 1.2.21

package/CHANGELOG.md

@@ -5,6 +5,46 @@ Todos los cambios notables de este proyecto serán documentados en este archivo.
 El formato está basado en [Keep a Changelog](https://keepachangelog.com/es-ES/1.0.0/),
 y este proyecto adhiere a [Semantic Versioning](https://semver.org/lang/es/).
 
+## [1.2.21] - 2026-01-XX
+
+### Added
+- **Title - Soporte para Children**: El componente Title ahora puede recibir el contenido tanto mediante la prop `title` como mediante `children`
+  - La prop `title` ahora es opcional (`title?: string`)
+  - Nueva prop `children?: ReactNode` para pasar el contenido como children
+  - El componente usa `title || children` para determinar el contenido a mostrar
+  - Permite mayor flexibilidad: usar `title` para texto simple o `children` para contenido más complejo (JSX, elementos con formato, etc.)
+  - Nueva historia `WithChildren` en Storybook que demuestra diferentes casos de uso con children
+  - Actualizada la historia `Default` para mostrar ejemplos con ambas formas de uso
+  - Actualizados `argTypes` en Storybook para incluir control de `children`
+  - Actualizada la documentación del componente para mencionar soporte de `children`
+
+## [1.2.20] - 2026-01-XX
+
+### Added
+- **Title - Prop `center` para Alineación Centrada**: Nueva prop `center` que permite centrar horizontalmente el contenido del título
+  - Nueva prop `center?: boolean` en `TitleProps` para controlar la alineación del contenido
+  - Cuando `center` es `true`, se aplica `ui-justify-center` al contenedor flex
+  - Útil para secciones destacadas, páginas de bienvenida o títulos que requieren alineación centrada
+  - Nueva story `Centered` en Storybook que demuestra diferentes variantes de títulos centrados (con y sin icono, con iconos duotone)
+  - Actualización de `argTypes` en Storybook para incluir control de la prop `center`
+- **Title - Historias Completas de Storybook**: Sistema completo de historias para el componente Title
+  - Nueva historia `Default` que muestra el título básico sin icono
+  - Nueva historia `WithIcon` que demuestra títulos con diferentes iconos Font Awesome Duotone
+  - Nueva historia `WithDuotoneSemanticColors` que muestra iconos duotone con colores semánticos (success, warning, danger, info, brand)
+  - Nueva historia `WithDuotoneColorCombinations` que demuestra combinaciones creativas de colores del sistema de diseño
+  - Nueva historia `WithDifferentOpacities` que muestra variaciones de opacidad para efectos visuales
+  - Nueva historia `WithCustomClassName` que ejemplifica el uso de clases CSS personalizadas
+  - Nueva historia `RealWorldExamples` que muestra casos de uso prácticos (Dashboard, Gestión de Archivos, Calendario, etc.)
+  - Todas las historias incluyen descripciones, ejemplos visuales y código de ejemplo usando `StoryBox`
+  - Documentación completa con `tags: ['autodocs']` para generación automática de documentación
+
+### Fixed
+- **Title - Corrección de Clases de Tipografía**: Corrección del uso de clases de tipografía para headings
+  - Reemplazada la clase compuesta `ui-leading-tracking-h3` (que no funcionaba correctamente) por clases individuales de Tailwind
+  - Ahora usa `ui-leading-heading-h3` y `ui-tracking-heading-h3` que están correctamente definidas en la configuración de Tailwind
+  - Las clases individuales se generan desde las configuraciones de `lineHeight` y `letterSpacing` en `tailwind.config.js`
+  - Mejora la consistencia y funcionalidad de los estilos tipográficos del componente
+
 ## [1.2.19] - 2026-01-XX
 
 ### Added