Telefonica / mistica-design

Mística Design System (only design)
https://brandfactory.telefonica.com/mistica
21 stars 4 forks source link

Add overInverse and inverse props to components #729

Closed aweell closed 1 year ago

aweell commented 2 years ago

El planteamiento actual de los estados inverse difiere de la implementación.

El objetivo es que los componentes tengan las siguientes props:

Con éstas dos propiedades se pretende resolver el problema que tienen algunos componentes actualmente, donde alguno de sus elementos nos se comporta como sería esperado.

Componentes afectados

Componente Cambio
Asset wrapper Añadidas variantes inverse para los iconos
Boxed Renombrado: colorful -> inverse / inverse -> Over inverse
Avatar Renombrado: inverse -> Over inverse
Button Renombrado: inverse -> Over inverse
ButtonGroup Añadidas variantes Over inverse
ButtonFixedFooterLayout Añadidas variantes Over inverse 1
Breadcrumbs Renombrado: inverse -> Over inverse
Callout Renombrado: inverse -> Over inverse
Highlighted card Añadidas variantes Over inverse + Renombrado: colorful -> inverse
Media card Añadida variante Over inverse
Data card Añadida variante Over inverse
Snap card Renombrado: colorful -> inverse / inverse -> Over inverse
Checkbox + text Añadidas variantes Over inverse
Divider Renombrado: inverse -> Over inverse
Empty state card Añadida variante Over inverse
Row Añadidas variantes Over inverse
Boxed row Añadidas variantes Inverse y Over inverse
Skeletons Renombrado: inverse -> Over inverse
Spinner Renombrado: inverse -> Over inverse
Tag Renombrado: inverse -> Over inverse
Text link Renombrado: inverse -> Over inverse
Title Añadidas variantes Over inverse

1 El ButtonFixedFooterLayout permite un container bg pero no directamente un inverse, quizás ese no es el uso adecuado?

yceballost commented 1 year ago

can you detail which components have these changes?

aweell commented 1 year ago

Incluida tabla en la issue description con los cambios por componente