@imj_media/ui 1.2.25 → 1.2.27

package/CHANGELOG.md

@@ -5,6 +5,53 @@ 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.27] - 2026-01-22
+
+### Added
+- **Popup - Soporte para Badges**: El componente Popup ahora soporta badges en el botón que abre el popup
+  - Todas las props relacionadas con badge están disponibles: `badgeColor`, `badgeLabel`, `badgeTheme`, `badgeSize`, `badgeStroke`, `badgeIcon`
+  - Soporte para iconos duotone en el badge del popup
+  - Nueva story "WithBadges" en Storybook que demuestra badges funcionales en popups con diferentes colores, temas y tamaños
+- **Button - Props de Badge completas**: El componente Button ahora pasa todas las props relacionadas con badge a InnerButton
+  - Props agregadas: `badgeTheme`, `badgeSize`, `badgeStroke`, `badgeIcon`, y todas las props duotone del badge
+  - Nueva story "Icon Button con Badge" en Storybook para el componente Button
+
+### Fixed
+- **Badge - Manejo de labels**: Corrección en el manejo de labels para asegurar que siempre se normalicen correctamente
+  - El badge ahora muestra correctamente cuando el label es "0" (string)
+  - Si el label es `undefined`, `null` o string vacío, el badge no se muestra (excepto si tiene icono o es size='dot')
+  - Normalización mejorada del label para evitar problemas en producción
+- **Badge - Cálculo de tamaño y padding**: Corrección en la lógica de cálculo de clases de tamaño y padding
+  - Las clases `ui-h-16`, `ui-w-16`, `ui-p-4` ahora se aplican correctamente en producción
+  - Mejora en la normalización del label para asegurar que `labelLen` se calcule correctamente
+
+### Changed
+- **Badge - Colores de borde**: Actualización completa de colores de borde en `strokeSolid` para usar design tokens
+  - Cambio de `ui-border-blue-400` a `ui-border-brand` para accent
+  - Cambio de `ui-border-green-400` a `ui-border-success` para success
+  - Cambio de `ui-border-yellow-400` a `ui-border-warning` para warning
+  - Cambio de `ui-border-red-400` a `ui-border-danger` para danger
+  - Cambio de `ui-border-cyan-400` a `ui-border-info` para info
+  - Consistencia con el sistema de design tokens
+
+## [1.2.26] - 2026-01-22
+
+### Added
+- **InnerButton - Soporte para Badge en Icon Buttons**: Nueva funcionalidad para mostrar badges en botones de icono
+  - El badge se muestra automáticamente cuando el botón solo tiene prop `icon` y no tiene `children` (icon button)
+  - Posicionamiento absoluto en la esquina superior derecha del botón, centrado perfectamente en la esquina
+  - Nuevas props relacionadas con badge: `badgeColor`, `badgeLabel`, `badgeTheme`, `badgeSize`, `badgeStroke`, `badgeIcon`
+  - Soporte para iconos duotone en el badge: `badgeIconDuotonePrimary`, `badgeIconDuotoneSecondary`, `badgeIconDuotoneOpacityPrimary`, `badgeIconDuotoneOpacitySecondary`
+  - Lógica automática para determinar si el badge debe tener borde basado en la combinación de colores del botón y el badge
+    - Badge `accent` en botón `primary` → borde automático
+    - Badge `gray` en botones `secondary` o `tertiary` → borde automático
+  - El badge mantiene su funcionalidad inline cuando el botón tiene `children`
+  - Nueva story en Storybook "Icon Button con Badge" que demuestra todas las variantes
+
+### Changed
+- **InnerButton - Overflow handling**: El botón ahora usa `overflow-visible` cuando es un icon button con badge para evitar que el badge sea recortado
+- **Badge - Border colors**: Actualización de colores de borde para usar design tokens (`ui-border-brand`, `ui-border-success`, etc.) en lugar de colores genéricos de Tailwind
+
 ## [1.2.25] - 2026-01-22
 
 ### Added