Feat/link

[phelpa]

https://www.figma.com/file/WJWEph4jRV7uuVe4e9Pj13/Desktop-components-handoff?node-id=3023%3A62055

import Link from '@eduzz/houston-ui/Link';

<Link href='https://houston.com' showIcon>
  Houston 
</Link>

Link props

prop	tipo	obrigatório	padrão	descrição
children	React.ReactNode	true	-
as	React.ElementType	false	a
href	string	false	-
showIcon	boolean	false	-
size	sm, md, inherit	false	inherit

[ffernandomoraes]

Concordo com os pontos do Miguel (infelizmente hehe)

[ffernandomoraes]

Fala meu monstro!

Analisando melhor, acho que esse componente deveria ser um sub-componente do Typography por se tratar de um componente de texto.

Outro ponto é que eu não acho válido ele ter tamanhos. Em 99% dos casos ele deverá ser utilizado dentro de um <Typography /> que já dita o tamanho dos textos, ele deveria apenas seguir o tamanho do componente pai. Consequentemente mudaria a importação:

1. import Link from '@eduzz/houston-ui/Typography/Link
2. import Typography from '@eduzz/houston-ui/Typography e a implementação seria: Typography.Link.

Faz sentido?!

[ffernandomoraes]

Conversando o @miguelaugl , até faz sentido existir a prop size, mas por padrão deixe ela como: inherit, pra ela respeitar o pai.

[phelpa]

Fala meu monstro!

Analisando melhor, acho que esse componente deveria ser um sub-componente do Typography por se tratar de um componente de texto.

Outro ponto é que eu não acho válido ele ter tamanhos. Em 99% dos casos ele deverá ser utilizado dentro de um <Typography /> que já dita o tamanho dos textos, ele deveria apenas seguir o tamanho do componente pai. Consequentemente mudaria a importação:

1. import Link from '@eduzz/houston-ui/Typography/Link
2. import Typography from '@eduzz/houston-ui/Typography e a implementação seria: Typography.Link.

Faz sentido?!

De primeiro momento não faz sentido ter tamanho, já que vamos sempre usar dentro do Typography e ele somente vai acompanhar o tamanho. Mas tem o ícone e ele tem dois tamanhos : sm e md, hoje está sendo setado o tamanho do ícone pela prop size.

Sobre ele ser parte do Typography eu não sei, eu acho que ele tem suas particularidades, como focus, hover e ícone, acho que ele ganhou o direito de ser um componente a parte. O antd e chakra também não misturam o Link com algo relacionado a texto.

[phelpa]

Conversando o @miguelaugl , até faz sentido existir a prop size, mas por padrão deixe ela como: inherit, pra ela respeitar o pai.

Atualizado

[ffernandomoraes]

Fala meu monstro!
Analisando melhor, acho que esse componente deveria ser um sub-componente do Typography por se tratar de um componente de texto.
Outro ponto é que eu não acho válido ele ter tamanhos. Em 99% dos casos ele deverá ser utilizado dentro de um <Typography /> que já dita o tamanho dos textos, ele deveria apenas seguir o tamanho do componente pai. Consequentemente mudaria a importação:

1. import Link from '@eduzz/houston-ui/Typography/Link
2. import Typography from '@eduzz/houston-ui/Typography e a implementação seria: Typography.Link.

Faz sentido?!

De primeiro momento não faz sentido ter tamanho, já que vamos sempre usar dentro do Typography e ele somente vai acompanhar o tamanho. Mas tem o ícone e ele tem dois tamanhos : sm e md, hoje está sendo setado o tamanho do ícone pela prop size.

Sobre ele ser parte do Typography eu não sei, eu acho que ele tem suas particularidades, como focus, hover e ícone, acho que ele ganhou o direito de ser um componente a parte. O antd e chakra também não misturam o Link com algo relacionado a texto.

O Antd usa dentro da Tipografia:

E o Chakra UI e o Mui isolaram por se tratar de um componente de "navegação".

Mas a decisão é sua @phelpa , fique a vontade de deixar como você quer. Os dois jeitos são válidos, só muda o POV.