Mística Tokens | Structure Definition

[yceballost]

Abro esta discussion para listar qué elementos deberían tokenizarse en Mística

• Colors variables (Light & Dark)
• Colors constants (Light & Dark)
• Texts variables
• Texts constants
• Border radius
• Shadows
• Animation curves
• Animation timings
• Animation delays
• Media queries
• Opacity (?)
• Z-Index (?)
• Spacing (?)
• Blur (?)

[yceballost]

Spacing

No usaría los tokens de spacing para diseñar ritmos verticales pero si que creo que pueden ser interesantes para definir por ejemplo los padding entre diferentes breakpoints para mobile (small phones / large phones)

[yceballost]

Z-Index

Me parece super interesante tener el Z-index controlado porque en proyectos grandes es algo que fácilmente se descontrola y terminas volviendote loco para manejar.
https://www.smashingmagazine.com/2021/02/css-z-index-large-projects/

[aweell]

Dejo por aquí una referencia que me parece bastante acertada desde el punto de vista semántico:

https://www.lightningdesignsystem.com/design-tokens/#category-z-index