Melhorias no Cuida para a próxima versão (v2.0.0)

[RafaelGondi]

Discussão sobre as melhorias para a v2.0.0

Galera, vamos listar aqui sugestões de melhoria para serem lançadas na próxima versão do Cuida. Algumas já foram identificadas, mas por serem major changes e causarem incompatibilidades nas APIs dos componentes, é interessante que as agrupemos e as lancemos juntas na nova versão.

Essa discussão ficará aberta por 15 dias, momento a partir do qual passaremos a debater questões relativas à implementação da v2.0.0.

As sugestões acatadas serão posteriormente convertidas em issues.

Caso vocês tenham novas sugestões, objeções, observações, etc. é só colocar abaixo. o/

[RafaelGondi]

• Atualização da iconografia do Cuida para o Ionicons, removendo as famílias tipográficas antigas

[RafaelGondi]

• Adição de espaçamentos intermediários e negativos nos tokens de espaçamento

[RafaelGondi]

• Adição de shades extras para cada uma das cores definidas, aumentando a flexibilidade da paleta, sobretudo para o trabalho de ilstrações

[RafaelGondi]

• Passar os token de peso de fonte de mixin para variáveis scss para facilitar o uso

[RafaelGondi]

• Passar o conteúdo da badge por slot e não por prop.

[RafaelGondi]

• Passar imagem, título e botão do EmptyState como slot.

[RafaelGondi]

• No ProgressCircular remover a prop de stroke e a substituir por uma que defina tamanhos pré-definidos, a fim de padronizar o uso

[lucasn4s]

No caso dessa sugestão, já temos quais seriam os tamanhos pré-definidos ou ainda iríamos discutir?

[RafaelGondi]

Temos aquele padrão herdado do bootstrap em outros componentes do Cuida, que usa "sm", "md" e "lg", mas ainda teríamos que definir o tamanho do ProgressBar pra cada uma dessas pré-definições

[RafaelGondi]

• Analisar a unificação / generalização dos componentes ExpansionCard e Totalizer devido a sua semelhança

ExpansionCard:

Totalizer:

[RafaelGondi]

• Analisar a renomeação do componente ModalWindow

[LEMSantos]

Acredito que possa ser interessante ter um sistema de grid/flex do próprio cuida para manter a consistência principalmente nos espaçamentos entre as colunas, dado que o bootstrap-vue e nem o bootstrap oferecem essa opção.

[RafaelGondi]

O Bootstrap tem um sistema de grid, tem algo nele que tu acha que não está atendendo?

[LEMSantos]

O sistema de gutter não possui um espaçamento consistente, talvez seja interessante apenas mudar isso pra se adequar ao design system. Além disso só possui uma opção de espaçamento que é a que vem pré-definida alem de não ter espaçamento na parte de baixo.

[LEMSantos]

Além disso possui apenas direção em linha e não em coluna que muitas vezes é necessário para o posicionamento, fazendo com que sejam colocados elementos desnecessários como uma coluna vazia com 100% de tamanho para suprir essa necessidade. Exemplo presente na própria documentação:

<div class="container">
  <div class="row">
    <div class="col">Column</div>
    <div class="col">Column</div>
    <div class="w-100"></div>
    <div class="col">Column</div>
    <div class="col">Column</div>
  </div>
</div>

[LEMSantos]

Em relação aos botões, seria interessante ter um mecanismo para amarrar os botões na paleta de cores padrão, também inserir a possibilidade de botões redondos, e botões com ícones.

[patriciacoelho]

Colocar um 'CopyToken' na paleta de cores

[tassiocaique]

Seria interessante avaliar o contraste texto/background das cores na paleta. Por exemplo: não sei se aquela cor de texto é a melhor opção no Turquesa-Perry base.

[patriciacoelho]

Talvez collapsedActionName e expandedActionName sejam props desnecessárias no componente ActionsList e ficar só com slot com valor padrão e qlqr outra coisa fica dinâmico pelo slot

[patriciacoelho]

Acho que daria pra melhorar o componente StatusItem mas é uma parada tão específica que não acho que vale a pena

[RafaelGondi]

Talvez seja o caso de movermos ele do Cuida pra o CS, já que não parece ser "generalisável"

[LEMSantos]

Talvez seja interessante a adição de Chips como os exemplificados na imagem acima. Com botão de fechar também.

[RafaelGondi]

Esses caras são clicáveis?

[LEMSantos]

Podem ser, mas não é mandatório, acho que depende do contexto que seriam inseridos na aplicação, o ideal é que tenha as duas opções.

[RafaelGondi]

Temos o calendar. Ele é um wrapper do vCalendar com algumas modificações pra atender a alguns pontos do Cuida. Tu sente a necessidade de algum recurso que não tenha lá?

[LEMSantos]

Não, acho complicado colocar ele pra fazer um filtro por exemplo teria que utilizar algo para expandir o calendário quando necessário já que ele ocupa bastante espaço na tela, mas isso pode ser só uma viagem minha também.

[johnn1sbo3s]

Seria interessante rever todos os textos para padronizar a escrita e a pontuação.

[lucasn4s]

Seria interessante refinar as nomenclaturas utilizadas nos códigos, para decidirmos o uso de português ou inglês como idioma a ser adotado.

[RafaelGondi]

Refletir sobre as releases, frequência e conteúdo. É ok continuarmos criando release pra cada PR? Ou é melhor agruparmos alguns PRs e mandar uma release com mais conteúdo? Faz sentido termos um branch developer nesse ponto?