@imj_media/ui 1.2.11 → 1.2.13

package/CHANGELOG.md

@@ -5,6 +5,59 @@ 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.13] - 2025-01-22
+
+### Added
+- **Avatar - AvatarStack Component**: Nuevo componente para mostrar múltiples avatares apilados con efecto de superposición
+  - Nueva prop `stack` que acepta un array de avatares para mostrar en formato apilado
+  - Detección automática de tipo: si un avatar tiene `src`, automáticamente se usa `type='people'` sin necesidad de especificarlo
+  - Prop `maxVisible` para limitar el número de avatares visibles, mostrando un contador automático con el número restante (ej: "+5")
+  - Props `counterColor` y `counterTheme` para personalizar el avatar contador cuando se excede `maxVisible`
+  - Prop `stroke` para agregar borde a todos los avatares del stack (incluyendo el contador)
+  - Márgenes negativos automáticos según el tamaño del avatar para crear el efecto de superposición
+  - Padding derecho proporcional al tamaño para compensar el espacio de los márgenes negativos
+  - Nueva story `AvatarStack` que demuestra diferentes variaciones: stack con imágenes, stack mixto, stack con letras, stack con contador, y stack con límite máximo
+  - Soporte para todos los tamaños de avatar (xxs, xs, sm, md, lg, xl)
+  - Tipos flexibles `AvatarStackItem` que permiten pasar avatares sin especificar `type` cuando tienen `src`
+
+### Fixed
+- **Modal - Border-radius cuando footer está oculto**: Mejora en el manejo del border-radius del body cuando el footer está oculto
+  - El `ModalBody` ahora aplica `ui-rounded-b-lg` cuando `hideFooter={true}` para mantener el mismo border-radius que tendría el footer
+  - El `ModalFooter` también tiene `ui-rounded-b-lg` para mantener consistencia visual
+  - Integración de `hideFooter` en el contexto del Modal para que esté disponible en todos los componentes hijos
+  - Mejora en la experiencia visual cuando el footer está oculto, manteniendo el border-radius correcto en la parte inferior del modal
+
+## [1.2.12] - 2025-01-16
+
+### Added
+- **Modal - Prop hideFooter**: Nueva prop `hideFooter` que permite forzar que no aparezca el footer del modal, sin importar qué otras props estén activas
+  - La prop `hideFooter` tiene prioridad sobre todas las demás props relacionadas con el footer
+  - Útil cuando se necesita ocultar el footer incluso si hay botones de cancelar o éxito configurados
+  - Nueva story `HideFooter` que demuestra el uso de esta funcionalidad
+- **Badge - Color Personalizado**: Nueva funcionalidad para la prop `customColor` que permite usar un color hexadecimal o un color fijo que sobrescribe el color por defecto
+  - La prop `customColor` se aplica mediante estilos inline que tienen mayor especificidad que las clases CSS
+  - Soporte para colores hexadecimales (`#FF0000`, `#0066FF`, etc.), colores RGBA (`rgba(255, 99, 71, 0.3)`), y nombres de color CSS
+  - En theme `solid`: usa el color personalizado como `backgroundColor` y el texto en blanco
+  - En theme `soft`: usa el color personalizado como `backgroundColor` y como `color` de texto
+  - Si `stroke` está activo, también aplica el color personalizado al `borderColor`
+  - Nueva story `CustomColor` que demuestra el uso de colores personalizados en diferentes configuraciones
+- **Icon - Padding mejorado**: Mejora en la prop `padding` del componente Icon
+  - Agregados nuevos valores de padding: `'xl'` y `'2xl'` para mayor flexibilidad de layout
+  - Actualizada la lógica de manejo de background para aplicar padding condicionalmente según la presencia de un fondo
+  - Mejora en la consistencia del espaciado interno del icono
+- **Popup - Prop stopPropagationList**: Nueva prop para controlar la propagación de eventos
+  - Prop `stopPropagationList` que controla si se detiene la propagación de eventos de click dentro del popup (por defecto `true`)
+  - Permite que los clicks en items de lista dentro del popup no se propaguen al contenedor padre
+  - Útil cuando el popup contiene listas y se necesita evitar que los clicks en items activen eventos del contenedor
+- **List/ListItem - Hover rojo mejorado**: Mejora en el estado hover para items de lista con color rojo
+  - Cambio en el hover de items con `color="red"` de `hover:ui-bg-surface-danger hover:ui-text-danger` a `hover:ui-bg-fill-danger-hover hover:ui-text-on-color`
+  - Mejora la experiencia visual para acciones destructivas o de advertencia mostrando fondo rojo con texto blanco en hover
+  - Eliminado el gap vertical (`gap-y-8`) de la lista para mejor control del espaciado
+- **Filters - Props theme y color**: Nuevas props para personalización del componente Filters
+  - Agregadas props `theme` (por defecto `'solid'`) y `color` (por defecto `'secondary'`) al componente Filters
+  - La prop `color` se pasa automáticamente al componente Popup interno para mantener consistencia visual
+  - Permite mayor personalización del aspecto visual del popup de filtros
+
 ## [1.2.11] - 2025-01-16
 
 ### Added