@imj_media/ui 1.2.32 → 1.2.33

package/CHANGELOG.md

@@ -5,6 +5,61 @@ 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