Toasts about styleguide HOT 9 CLOSED

Algumas perguntas em aberto que ainda não tenho contexto suficiente pra responder, nem princípios da plataforma que me ajudem a tomar a decisão.
Me parece que esses não deveriam ser parâmetros em aberto pra cada desenvolvedor decidir, pra que a experiência seja consistente na plataforma.
Se tiverem opiniões sobre algum desses pontos só comentar aí embaixo :)

• Qual canto da tela mostrar? O canto inferior direito parece ser o melhor, porque é o que está atualmente mais livre - mas será que esse é um argumento forte suficiente?
• Timeout? Se sim, quanto tempo? Sempre, ou opcional?
• Botão de fechar?? Isso pode ser usado em conjunto com timeout ou não?
• Transição: usar? Qual duração e easing? Com transform, ou só opacidade?
• Permitir ter botões dentro?
• Como deve se comportar com textos maiores? A largura deve ser dinâmica ou fixa? Me parece que não é bom permitir usar texto muito grande ali, mas não consigo decidir ainda um tamanho máximo, e se permitimos 1, 2 ou mais linhas.
• Ter um título?
• Múltiplos alerts: opção de "stackar" um em cima do outro - será que é interessante?

from styleguide.

Muitas das perguntas acima já foram respondidas nas novas premissas do doc.

Sobre comportamentos:

• Toast do not persist on the user's page. It also does not wait for user action to appear.
• Its position is bottom-left of the page, after the drawer if there is one.
• Toasts need prior user action to appear.

from styleguide.

Work in progress: https://www.figma.com/file/a94lX91ZmYGIDBxvb8shwLn8/VTEX-Styleguide?node-id=4279%3A0

from styleguide.

@rsimoens @alinevillaca @TasGuerciMaia
gostariam de documentar aqui algumas das impressões que vcs tiveram sobre o que conversamos e vimos sexta passada? :)

from styleguide.

eu ia comentar mais coisas, mas acho esse um bom resumo (substituir snackbar por toast, banner por alert)

from styleguide.

e meus 2¢ às perguntas que o dalbem fez:

• Qual canto da tela mostrar?
  faz sentido ser o mais livre, pra nao ser obstrusivo, mas isso vai depender da aplicação, então ele deve ser customizavel

• Timeout?
  sim, por default, mas opcional

• Transição: usar?
  sim, qual nao sei

• Permitir ter botões dentro?
  é comum ter uma ação esse tipo de componente

• Como deve se comportar com textos maiores? ....
  acho que tem que ter tamanho dinamico, mas alertar no console se o texto ta muito grande, pra usar um Alert ou outra coisa; acho que é ruim cortar o texto, porque o desenvolvedor/designer pode nao ter considerado um caso que aparece um texto maior, e o usuário nao iria poder ver essa informação

• Ter um título?
  nao

• Múltiplos alerts: opção de "stackar" um em cima do outro - será que é interessante?
  Acho que, se nao for muito trabalho implementar, sim, para o usuário nao perder informações; mas talvez devessemos desencorajar o uso

from styleguide.

Surgiu demanda para desenvolvimento desse rapaz pro inStore! Temos outros cenários que estão pedindo toasts tb? Alguém já se prontificou pra fazer?

from styleguide.

Acho que o @lbebber tava fazendo, @amandaespinosa

from styleguide.

Fixed by #342 (& others)

from styleguide.