Changelog
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
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