Transições

Os tokens de transição são utilizados para suavizar as interações com os componentes do Cuida.

Recomendações

Os tokens de transição foram criados imaginando o seu uso em interações específicas (click, hover, aparecimento na tela). Evite utilizar os tokens em situações muito distintas daquelas pras quais foram projetados.

Observações

Ao passar o mouse sobre a ilustração de exemplo na tabela, serão mostrados exemplos de transição usando os tokens.

Tokens

Os tokens de border-radius são variáveis scss e estão descritos abaixo.

Token	Valor	Exemplo
$interaction	all .2s ease
$hover	all .3s ease
$opening	all .4s ease