Update Component Title

[annefranca]

Goal

Discutir e avaliar a adição de um título secundário (16px) nas opções existentes em Title.

Context

Temos em nosso guia de recomendação o uso do text-preset-3 para títulos de módulos menores, como: como carrosséis de conteúdo, listas e agrupamentos de cards.

Gostaríamos de acrescentar o mesmo como uma opção para títulos secundários.

No Mística temos:

Title 1 = 12px UPPERCASE

Title 2 = 18px

Title 3 = 24px

Com isso: 

Título de bloco = Title 1

Título primário = Title 2

Título primário = Title 3

Título secundário = Não existe correspondente no Mística

Impact

Padronizar e disponibilizar o título que está sendo aplicado como secundário em módulos menores como um componente de título.

Discussion Questions

ND

Additional considerations

Teste Playroom

Do you have a visual proposal?

https://www.figma.com/file/JkA7OefLqga6XyfiqLq1dY/Vivo---Lib-Intermedi%C3%A1ria?type=design&node-id=17109%3A32538&mode=design&t=DlRXybt1HyKdyAZM-1

[BrunoBiagioniNeto]

@yceballost ?

[annefranca]

@yceballost então teríamos apenas um componente Title que poderia receber qualquer valor?

[aweell]

Hey @annefranca

The rest of the titles can still use the current ones (title1 / 2 / 3). For the title secondary or any other titles that may appear the solution of having a title that receives the size and semantic hierarchy would solve the problem. In the playroom example of the request you were using a text primitive component to simulate how the title would look like, the idea is similar but allowing also to have the right prop so like other titles, you can provide a link to "see more" or any other purpose.

[annefranca]

@aweell essa seria uma evolução no Mística? Você tem algum link ou arquivo com essa proposta?

[annefranca]

@yceballost @aweell temos alguma atualização?

[annefranca]

@yceballost @aweell temos alguma atualização? Como ficaria a aplicação no Figma e a aplicação no código?

[aweell]

Hi @annefranca,

After evaluating internally the possibility of having a more agnostic title component we decided that we won't add that in the system. Opening the possibility of having personalization in the title sizes or creating new elements could lead to a lack of consistency and relationships when building global products.

As @yceballost commented previously the differences in hierarchy found between title2 and the new title proposal are minimal and we believe that the current scale of titles available + other elements that help to create hierarchy are enough to cover most product cases sucessfully.

The solution we propose for this particular case is the usage of the text component as a title using the semantic transformation property that is currently available (as) following the playroom test that the OP included.

Example -> https://tinyurl.com/ywuca3ec