@imj_media/ui 1.2.31 → 1.2.33

package/CHANGELOG.md

@@ -5,6 +5,131 @@ 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.33] - 2026-02-04
+
+### Added
+- **LinearGraphic - Nuevo Componente**: Componente de gráfica lineal para visualización de datos proporcionales
+  - Segmentos visuales con colores semánticos configurables: `brand`, `success`, `warning`, `danger`, `info`, `neutral`, `yellow`
+  - Sistema de tooltips integrado con posicionamiento automático
+  - Prop `showLegend` para mostrar leyenda con indicadores de color
+  - Prop `showLegendPercent` para controlar la visualización del porcentaje en la leyenda (por defecto: `false`)
+  - Prop `legendGap` para ajustar el espaciado de la leyenda
+  - Animaciones de transición configurables con `transitionDuration`
+  - Soporte para estados `disabled`
+  - Eventos `onSegmentHover` y `onSegmentLeave` para interactividad
+  - Stories completas en Storybook incluyendo `AllColors` con los 7 colores disponibles
+- **ListWithDataInHover - Nuevo Componente**: Componente de lista con datos en hover
+  - Indicadores de color con colores semánticos: `brand`, `success`, `warning`, `danger`, `info`, `neutral`, `yellow`
+  - Tooltips integrados con posicionamiento configurable (`top`, `bottom`, `left`, `right`, `over`)
+  - Prop `showPercent` para mostrar/ocultar el porcentaje junto al nombre (por defecto: `true`)
+  - Prop `tooltipPosition` para controlar la posición del tooltip (por defecto: `over`)
+  - Integración con el sistema de leyenda de `LinearGraphic`
+- **TextListWithData - Nuevo Componente**: Componente de lista de texto con datos
+  - Colores semánticos unificados con `LinearGraphic` y `ListWithDataInHover`
+  - Indicadores de color configurables con `indicatorSize` y `showIndicator`
+- **InlineTooltip - Nuevo Componente**: Tooltip inline reutilizable para uso dentro de otros componentes
+  - Posiciones disponibles: `top`, `bottom`, `left`, `right`, `over`
+  - Estilo visual consistente con el componente `Tooltip` existente
+  - Z-index alto (99999) para garantizar visibilidad sobre otros elementos
+  - Flecha con diseño de cuadrado rotado como el tooltip original
+- **Drawer - Soporte para Tabs**: El componente Drawer ahora soporta tabs internos
+  - Props `tabs`, `onChangeTab`, `defaultTab` para configuración de tabs
+  - Ancho personalizable con prop `width` (sm, md, lg, xl, 2xl, full)
+- **CardsWithAside - Nuevo Componente**: Componente de tarjetas con panel lateral
+  - Funcionalidad de tabs integrada para navegación entre secciones
+  - Layout responsivo con aside configurable
+
+### Changed
+- **Message & Notification**: Mejora en rendimiento y validación de componentes
+  - Optimización de re-renders con memoización mejorada
+  - Validación de props más robusta
+- **InnerButton**: Mejora en lógica de validación y cobertura de pruebas unitarias
+- **Alert**: Mejora en accesibilidad y cobertura de pruebas unitarias
+- **Accordion**: Documentación completa y pruebas unitarias exhaustivas
+- **Text - Tamaño por defecto**: El componente Body ahora usa tamaño `xs` por defecto en lugar de `md`
+  - Mejora en la consistencia visual para textos de cuerpo
+- **Text - Historia de colores**: Nueva historia `AllSystemColors` que muestra los 42 colores del sistema
+  - Colores base: primary, secondary, tertiary, disabled, on-color, on-canvas-inverse
+  - Colores semánticos: brand, success, warning, danger, info con variantes hover/pressed/selected
+  - Colores de link: link, link-hover, link-pressed, link-visited
+  - Paleta de colores: all-colors-red, all-colors-orange, all-colors-yellow, etc.
+
+### Fixed
+- **Tooltip - Z-index**: Actualización de clase z-index para mejor posicionamiento sobre modales
+- **Tailwind - Safelist de colores**: Agregadas 42 clases de colores de texto al safelist de Tailwind
+  - Resuelve problema de clases dinámicas no generadas con `ui-text-${color}`
+  - Incluye todos los colores del sistema de diseño para el componente Text
+
+## [1.2.32] - 2026-02-03
+
+### Changed
+- **Alert - Variante por defecto**: La variante por defecto de Alert, Message, Notification y Toast cambió de 'contained' a 'outlined'
+  - Mejora en la consistencia visual con el sistema de diseño
+  - AlertHeader actualizado para soportar mejor el estilo outlined
+  - Clases de alerta ajustadas para una apariencia outlined consistente
+  - Modificados MessageItem, NotificationItem y ToastItem para reflejar la nueva variante por defecto
+- **Toolbar - Mejoras en lógica**: Ajustes en la lógica del componente Toolbar
+  - Optimización en el manejo de eventos y estado interno
+  - Mejoras en la sincronización entre botones y addons
+  - Refinamiento en la gestión de la vista de botones y addons
+
+## [1.2.31] - 2026-02-03
+
+### Changed
+- **Dependencias actualizadas**: Actualización de dependencias del paquete UI
+  - Agregada dependencia `@fortawesome/pro-duotone-svg-icons` en versión `^7.1.0`
+  - Actualizado `@acemir/cssom` a versión `0.9.31`
+  - Actualizado `@asamuzakjp/css-color` a versión `4.1.1`
+  - Actualizado `lru-cache` a versión `11.2.5`
+
+## [1.2.30] - 2026-02-03
+
+### Fixed
+- **Tooltip - Z-index mejorado**: El Tooltip ahora siempre aparece por encima de todas las modales
+  - Cambio de `ui-z-[9999]` a `ui-z-max` (99999px) para garantizar que esté por encima de modales
+  - Modal usa z-index 50 o 60, Tooltip ahora usa el máximo del sistema
+  - Resuelve problemas de layering cuando Tooltip se muestra sobre modales abiertas
+
+## [1.2.29] - 2026-01-30
+
+### Added
+- **Toolbar - Modo controlado con estados externos**: El componente Toolbar ahora soporta modo controlado para compartir estado entre múltiples toolbars
+  - Nuevas props `activeButtonId` y `onActiveButtonIdChange` para control externo del botón activo
+  - Los botones pueden tener un `id` único para funcionar correctamente en modo controlado
+  - Si no se proporcionan estas props, el componente funciona en modo no controlado (estado interno)
+  - Nueva story "ExternalControl" que demuestra el uso del modo controlado
+  - Nueva story "MultipleToolbarsSharedState" que muestra cómo múltiples toolbars pueden compartir estado
+
+### Changed
+- **Toolbar - Mejoras en funcionalidad**: Expansión de funcionalidades del componente Toolbar
+  - Soporte mejorado para múltiples toolbars compartiendo estado
+  - Mejoras en la gestión de estados internos y externos
+  - Expansión de tipos TypeScript para soportar el modo controlado
+
+## [1.2.28] - 2026-01-29
+
+### Added
+- **Toolbar - Funcionalidad inicial**: Implementación inicial del componente Toolbar
+  - Barra de herramientas flexible con botones y addons configurables
+  - Soporte para botones con addons asociados
+  - Vista de botones y vista de addons con navegación entre ellas
+  - Stories completas en Storybook demostrando todas las funcionalidades
+- **Toast - Historia de Storybook para uso en hooks**: Nueva historia de Storybook que demuestra cómo usar Toast dentro de un hook personalizado
+  - Ejemplo práctico de integración de Toast en lógica de negocio
+  - Muestra patrones de uso avanzados con hooks
+
+### Changed
+- **Alert - Colores personalizados y estilos**: Actualización completa del sistema de colores de alertas
+  - Agregadas variables CSS para colores específicos de alertas (info, success, danger, warning)
+  - Configuración de colores de fondo, borde y texto según especificación de diseño
+  - Removido el fondo circular de todos los iconos de alerta
+  - Uso de variables CSS para color de iconos para mantener consistencia con títulos
+  - Actualización de Tailwind config con nuevas clases de colores de alerta
+
+### Fixed
+- **Alert - Color de fondo para warning**: Corrección del color de fondo para alertas de tipo warning
+  - Ajuste en las variables CSS para el color de fondo correcto
+
 ## [1.2.27] - 2026-01-22
 
 ### Added