Changelog
Energy Microilustraciones 1.0.5
Se han añadido a la librería microilustraciones de navidad y Gen AI
Microilustraciones de navidad:
- Arbol de navidad
- Bolade nieve
- Burrito sabanero
- Muñeco de nieve
- Corona de navidad
- Estrella de navidad
- Gato navidad
- Reyes magos
Microilustraciones de Gen AI:
- Gen AI
- Gen AI agent
Microilustraciones de navidad:
- Punto de recarga hogar
Energy Figma Assets 1.0.1
Nueva versión de la librería de Assets en Figma, actualizada para alinearse con el lenguaje visual de Energy.
La actualización incluye:
- Assets para documentación de espacios de trabajo en Figma: cartelas, anotaciones y estructuras de apoyo para los espacios de trabajo.
- Nuevos recursos para crear user flows: items con acciones principales, nodos, conectores y anotaciones.
- UI Kit actualizado para iOS y Android, incorporando:
- Teclados
- Barras de estado
- Barras de pestañas
- Cursores e interacciones
Foundations 1.1.19
Actualización obligatoria por motivos de accesibilidad.
Cambios en estilos para garantizar contrastes necesarios en WACG 2.1 AA.
- Border Hover - Modificado para cumplir contraste
- Highlighted border Hover - Modificado para cumplir contraste
- Interactive border default - Modificado para cumplir contraste
Foundations 1.1.18
Actualización obligatoria por motivos de accesibilidad.
Cambios en estilos para garantizar contrastes necesarios en WACG 2.1 AA.
- Highlighted Surface Orange Gradient - Modificado para cumplir contraste
- Numbers Highlight - Modificado para cumplir contraste
- Component Border Highlighted Active - Modificado para cumplir contraste
Core Components 1.0.24
Se han hecho mejoras en estilos de gradientes y focus para implementar criterios de accesibilidad WCAG2.1 AA. Además se han actualizado componentes actualizando nuevos estilos de border. Los cambios se han publicado en dos fases (1.0.24, 1.0.24b)
Actualización de estilos para incorporar gradientes accesibles. Afecta a:
- Tab Bar
- Direct Access
- Progress Bar
- Progress Indicator
Nuevos estilos de focus para cumplir requisitos de accesibilidad. Afecta a:
- Button
- Action Button
- Comercial Button
- Floating Action Button
- Link
- Pagination
- Tabs
- Collapsable
- Checkbox
- Radio Button
- Switch
- Text field
- Text Area
- Dropdown
- Drag and drop
- Filter chip
- Selection chip
- Filter tag
- Calendar
Se publican componentes actualizando nuevos estilos de border propagados en foundation.
- Progress indicator: Deprecada opción de número (texto) dentro de la burbuja por falta de legibilidad. Añadida documentación alternativa
Core components 1.0.23
Se han hecho mejoras en componentes para implementar criterios de accesibilidad WCAG 2.1 AA, además de añadir pequeñas funcionalidades en componentes.
- Tab bar: Añadida documentación de fondo del arrow en inverse
- Loader: Añadida documentación de accesibilidad
- Calendar: Documentada interacción en Far Day, a partir de ahora no se debe poder interactuar con días disabled.
Core components 1.0.22
Se han trabajado varios componentes para hacer fixes y añadir pequeñas mejoras en comportamientos solicitados por los productos. Los cambios se han publicado en tres fases (1.0.22, 1.0.22b, 1.0.22c)
- Calendar: Se renombra el componente a Date Picker - Calendar
- Dropdown menu: Fixes en fragmentos del componente
- Badge: fixes y documentación
- Icon with badge: fixes y documentación
- Text field: Añadido comportamiento de prefijos y sufijos en el input
Foundations 1.1.17
Actualización que añade documentación extra sobre overlay y nuevos estilos de color para velos.
- Añadidos estilos de color “Cover” para velos
- (No afecta en diseño) Añadida documentación extra definiendo usos y comportamientos de Overlay
Core components 1.0.21
Se han implementado nuevas funcionalidades en los componentes de dropdown y de text field para introducción de datos, se han realizado pequeños fixes y añadido documentación de comportamientos en componentes.
- Componente Rating: Se añade el componente
- Dropdown menu: Se añade la propiedad de filter con un input de texto para filtrar en dropdown
- Dropdown: Se añade el comportamiento de filtrado en expandido
- Dropdown: Se añade el estado loading
- Dropdown: Se añade multiselección básica
- Text field: Se añade el comportamiento de sugerencia de texto
- Lightbox: Se añade el comportamiento de overflow vertical del contenido y scroll interior
- Tooltip: Se añade el comportamiento de timeout para mantener el tooltip durante un tiempo cuando el usuario deja de activar el trigger que lanza el tooltip.
Fixes:
- Button: Aplicado color correcto en icono derecho en variantes ghost
- Dropdown, Text field, Text area: Unificado del tamaño del label a caption 2 en los estados con contenido y unificados paddings laterales a 12px
Foundations 1.1.16
Se han reordenado los tokens de color usados en el Design System y se ha activado el scoping de tokens desactivado durante la fase de rebranding.
Reordenación de tokens de color usados en el Design System. No se han generado estilos nuevos.
- Colores - Button: Se despublica al ser un token interno y usado únicamente en componente core de Botón
- Colores - Link: Se despublica al ser un token interno y usado únicamente en componente core de Botón
- Color Link default: Se mantiene en colores de contenido publicado al ser el token por defecto para cualquier contenido interactuable.
- Colores Interactive: Se mantienen publicados de forma temporal al estar utilizandose activamente por el equipo de DS.
- Colores de estado de contenido Hover y link: Se trasladan a la página principal de tokens para facilitar el uso.
- Colores de estado de superficies: Se trasladan a la página principal de tokens para facilitar el uso.
- Colores de estado de bordes: Se trasladan a la página principal de tokens para facilitar el uso.
Scoping colores: Se añade el scoping de tokens que se había desactivado durante la fase de rebranding.
Core components 1.0.20
Incorporamos un nuevo tamaño de tag más compacto para usos en entornos de espacio limitado y de vistas con mucha carga de información, además documentamos comportamientos de escalado y responsive en componentes.
- Tag: Se añade la variante small
- Tag: Se añade la posibilidad de que el texto se oculte para evitar overflow en casos límite
Fixes:
- Lightbox: Se añade el comportamiento de alto máximo en mobile
- Aplicados estilos actualizados de la reordenación de foundations (no implica cambios visuales ni funcionales)
Core components 1.0.19
Esta actualización cubre necesidades de mejora de accesibilidad para botones de acción, y permite a los usuarios obtener una descripción de la acción que realiza el botón cuando este no tiene un literal.
- Action button: Se añade la posibilidad de mostrar ALT para descripción de action buttons
- Floating action button: Se añade la posibilidad de mostrar ALT para descripción de action buttons
- (fix) Dropdown Menu: Actualizados border radii no coincidentes
Core Components 1.0.18
Se añade el componente Popover, basado en el popover de Oxygen y en el de Waylet creado para Energy y se actualizan componentes varios para trasladar el update en foundations de colores de link, afecta especialmente a botones y links.
Popover: Añadido componente, basado en el componente de oxygen y en el de waylet energy
- Overlay / Tooltip: Se modifica el esquema de color del tooltip y se añade su versión inversa
- Input / Selection chip: Se añade ancho máximo del componente y comportamiento de overflow
- Input/ Filter chip: Se añade ancho máximo del componente y comportamiento de overflow
Power BI Assets
La librería de Assets incorpora estilos y componentes con el nuevo lenguaje visual, siguiendo las estructuras de la librería anterior generada para Oxygen. Esta librería cuenta con los recursos necesarios para poder construir dashboards y visualizaciones del entorno Power BI en Figma. En el futuro, se acompañarán los recursos de una guía de estilo para la construcción de visualizaciones en Power BI.
Foundations 1.1.15
Actualización obligatoria de tokens de enlace, al modificarse colores en la paleta turquesa para garantizar contrastes sufiecientes en textos de enlace y en determinados estados hover y active.
Colores globales
- Globales turquesa 50 - 60 - 70 modificados
Colores específicos
- Component color content state Hover pasa a Turqoise 50
- Component color content state Active pasa a Turqoise 70
- Component color button surfaces, se modifican hover y active en primario y secundario para default e inverse
- Component color link, se modifican default hover y active
Data Visualization 1.0
Nueva versión de la librería de Visualización de datos, diseñada siguiendo los estilos de la nueva identidad, para ofrecer una experiencia más intuitiva y versátil.
Core Components 1.0.17b
Fixes y documentación de componentes ampliada
- Collapsable: Añadida documentación
Core Components 1.0.17
Nuevos componentes y fixes en componentes existentes
Se han añadido los siguientes componentes y su documentación:
- Input / Drag and Drop
- Input / File upload item
- Tab: Se ha modificado el comportamiento de hover del componente
- Progress bar: Añadido propiedad de link atrás
- Dropdown: Añadida opción inversa en versión text only, modificados estados
- Tabs: Añadida versión inversa
1.0.17 File upload drag and drop
Los nuevos inputs de subida de archivos son más flexibles, permitiendo una mayor adaptación a las necesidades de cada producto. A partir de ahora, se ofrece por separado el componente de input sobre el que se arrastra el archivo y el componente de archivo como tal en el que se puede ver el avance de la subida y modificarlo o eliminarlo.
Posteriormente, se documentará en un patrón de forma más extensa las posibles formas de relacionar ambos elementos de gestión de archivos y recomendaciones a la hora de componer formularios con subida de archivos.
1.0.16 Collapsable and Filter tag
Se incorporan a partir de necesidades de productos los componentes:
- Colapsable: Elemento de contenido que se contrae y expande para mostrar contenido adicional en su interior. A diferencia de un dropdown, este se expande y contrae dentro del layout del contenedor en el que se encuentre. Es similar a un acordeón, pero de un solo elemento y con menor complejidad.
- Filter tag: Tag específica que permite interacción para ser seleccionada o eliminada y aparece en casos de filtrados de elementos.
Core Components 1.0.15
Fixes. Trabajados bordes en elementos flotantes para mejorar su visibilidad.
- Floating Action Button inverse
- Filter chip on surface
- Selection chip on surface
- Toggle
- Tooltip
Foundations 1.1.13
Última publicación que recoge cambios en estilos de foundation, se congelan las publicaciones hasta el lanzamiento.
- Bold and underline tokens for captions
- Hotfix for type button 1 token (figma bug with font weights
Core Components 1.0.14
- Text area: Modificado token de texto para label en estado activo/filled, de body2 a caption2
- Dropdown: Modificado token de texto para label en estado activo/filled, de body2 a caption2