Changelog

• Tag: Se ha añadido una nueva variante para modo inverse, Emphasis: medium, pensada para reducir sus protagonismo visual.
• Toggle: Se ha actualizado el estado active del toggle para garantizar el cumplimiento de accesibilidad. Para ello se ha aumentado el texto de Body 1 a Body 1-bold. Además se han añadido dos nuevas variantes:
  
  • Floating: para utilizar sobre superficies Sand, Ivory y Grey
  • Inverse: para utilizar sobre superficies Navy
• Indicator: Se ha modificado este componente para garantizar el cumplimiento de contraste mínimo para accesibilidad. Se han definido dos variantes dependiendo de si los puntos de indicación son interactivos o no. Además en todas las variantes se ha añadido al componente la opción de añadir accesiones: Play / Pause y Manejadores.
  
  • Los elementos interactivos se han incrementado a 8px de altura y se ha asegurado una superficie de interacción mínima de 24x24px.
  • Se ha actualizado el token de color para elementos interactivos en modo no activo: tanto en modo inverse, como en default.

• Indicador: Se ha eliminado la variante large del componente. Añadida documentación adicional

Nuevos tokens para superficies interactivas: 

• Alternative High - se ofrece como opción a la superficie Alternative, garantizando el contraste para el cumplimiento de accesibilidad: Navy 40
• Alternative Inverse - para utilización en superficies en modo inverso donde se quiere reducir su impacto visual: Navy: 60
• Low Inverse - para utilización en superficies no activas en modo inverso. White con 50% opacity

• Gusto
• Oído
• Olfato
• Tacto
• Vista

• Button comercial: actuazación de los estidlo de los estados hover y actives del button comercial para garantizar contrastes necesarios en WACG 2.1 AA.
• Direct Access: actualización del componente que permite añadir una descripción o una tag en cada una de las variantes.

Button comercial: se han actualizado los estilos de los estados hover y active del button comercial para garantizar contrastes necesarios en WACG 2.1 AA.

Icons:

• El icono cloud save ha sido trasladado a la página temporal hasta validación definitiva para trasladar a librería de Icon Asset
• Los iconos de flechas han sido trasladados a la página temporal hasta validación definitiva para trasladar a librería de Icon Asset

‍

Layout:

• El comportamiento de sidesheet se ha trasladado al proyecto al ser un comportamiento propio del proyecto
• El comportamiento de layout general se ha retirado al existir ya en foundations

Typography:

• El estilo de texto se ha retirado al existir ya en foundations específicas de Data Visualization

Icons:

• El icono document edit se ha deprecado al existir ya en Icon Assets de Energy
• Los favicon se han trasladado a Brand Asset de Energy

Navigation:

• Toda la documentación y componentes de navegación se trasladan a un archivo de navegación del proyecto al ser específico y no transversal

‍

• Button: Añadido max width, añadido máximo de caracteres
• Button (Solo documentación): Añadido comportamiento de overflow, salto de línea y respuesta a ampliación de pantalla.
• Button comercial: Mismo comportamiento que botón normal actualizado
• Filter chip: eliminado ancho máximo, ajustado comportamiento de texto a hug
• Filter chip (Solo documentación): Añadidos comportamiento de overflow y de groupings
• Selection chip: eliminado ancho máximo, ajustado comportamiento de texto a hug
• Selection chip (Solo documentación): Añadidos comportamiento de overflow y de groupings
• Tabs (Solo documentación): Documentado fallback de grouping stretched a fluido en caso de overflow
• Inputs (Dropdown, text area, Text field (Solo documentación): Añadido limite de caracteres en label, documentado comportamiento de scroll en elipsis
• File upload item: Eliminada la elipsis en textos
• Drag and drop: Eliminada la elipsis en texto de detalleTooltip: Eliminadas elipisis en título, documentado overflow
• Tag: Eliminadas elipsis en label, documentado overflow y grouping
• Infobox: Eliminadas elipsis en título, documentadas recomendaciones de uso
• Collapsable: Eliminadas elipsis, documentado comportamiento de overflow
• Dropdown menu: Eliminadas elipsis en titulo y detalle, documentado comportamiento de overflow

• Logos de Repsol lubricants

• Etiquetas de gasolinas - Boder radious revisado para permitir escalado

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

‍

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

‍

• Border Hover - Modificado para cumplir contraste
• Highlighted border Hover - Modificado para cumplir contraste
• Interactive border default - Modificado para cumplir contraste

• Highlighted Surface Orange Gradient - Modificado para cumplir contraste
• Numbers Highlight - Modificado para cumplir contraste
• Component Border Highlighted Active - Modificado para cumplir contraste

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

‍

• 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.

• 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

‍

• Añadidos estilos de color “Cover” para velos

‍

• (No afecta en diseño) Añadida documentación extra definiendo usos y comportamientos de Overlay

‍

• 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

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.

‍

• 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)

• 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

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

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

• Collapsable: Añadida documentación

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

• Floating Action Button inverse
• Filter chip on surface
• Selection chip on surface
• Toggle
• Tooltip

• Bold and underline tokens for captions

• Hotfix for type button 1 token (figma bug with font weights

• 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