Color token overlay - Button Icon

[henriquebarrosr]

Hoy, dentro de la documentación del componente Button Icon, tenemos una parte que explica la aplicación de un overlay de un token de color sobre su color principal, para aplicar los efectos de Hover y Pressed.

Sin embargo, al explorar la construcción del componente, nos dimos cuenta de que también hay una variación en la opacidad de este token que se aplica.

¿Crees que no tendría sentido explicar esta diferencia dentro de la documentación? Entendemos que esto podría ayudar tanto a los diseñadores como los desarrolladores a comprender un poco mejor este funcionamiento.

¡Gracias!

[aweell]

Hola @henriquebarros-telef

Totalmente, mi sugerencia aquí es la siguiente:

• Creamos una issue para actualizar esa parte
• Actualizamos las specs con una explicación ampliada de cómo se comportan esos estados
• Ponemos a "Design Ops Vivo" como revisor de la rama, para que confirméis que este detalle se entiende mejor

[henriquebarrosr]

Hola @aweell, cómo estás?
Sí, genial. Prefieres que abramos una issue para esto aquí o lo haces por ahí?

[aweell]

Hello! @henriquebarros-telef,

Creemos que una manera de mejorar como presentamos la información es mostrarlo de la siguiente manera:

Si esto ayuda, actualizamos directamente sin falta de issue, si hay algún punto mas que necesite revisión podrías indicarnos que puntos son criticos para entender la documentación?

Gracias

[henriquebarrosr]

Hola, @aweell! Que tal?
De mi parte, genial! Podremos hacer así. Solo que este punto era realmente más crítico de entender (que había un token de opacidad superpuesto al de la marca, para crear un efecto de hover).
Gracias por todo!

[aweell]

Perfecto, queda actualizado así en las specs:

https://www.figma.com/design/koROdh3HpEPG2O8jG52Emh/%F0%9F%94%B8-Buttons-Component-Specs?m=auto&node-id=3752-1610&t=8CaBBb9AC4YfddgF-1

Cierro la discussion.