Elevation

Las elevation son conocidas como shapes o box shadow. Se utilizan para crear jerarquia visual en el contenido del diseño utilizando sombras (shadows)

Niveles de elevación

Thesaurus Design System utiliza cuatro niveles de elevación. Cada uno debe usarse dependiendo del tipo de componente y la jerarquía visual que se quiera crear.

Nombre	Descripción	Valor
$shadow-Contact	Este tipo de elevación se utiliza para dar separación visual con contenido sin proporcionar una acción	0 px, 1px 1px rgba (0,0,0,0.40);
$shadow-S	Se utiliza para destacar componentes que exponen información adicional o están ocultos pero al interactuar sobre ellos aparecen.	0px 3px 5 rgba(0,0,0,0.40);
$shadow-M	Se aplica a componentes que tienen mayor prioridad visual que los anteriores.	0px 8px 8 rgba(0,0,0,0.30);
$shadow-L	Se utiliza en elementos temporales destinados a interrumpir la acción o el flujo de trabajo del usuario como modales o alertas.	0px 16px 16 rgba(0,0,0,0.30);