po-angular icon indicating copy to clipboard operation
po-angular copied to clipboard

feat(textarea): aplica estilo e acessibilidade definidos pelo DS

Open brunoromeiro opened this issue 3 years ago • 0 comments

TEXTAREA

DTHFUI-6442


PR Checklist [Revisor]

  • [ ] Padrão de Commit (Coeso, de acordo com o que está sendo realizado)
  • [ ] Código (Boas práticas, nome de variavéis/métodos, etc.)
  • [ ] Testes unitários (Cobre a situação implementada e coverage está mantido)
  • [ ] Documentação (Clara, objetiva e com exemplos caso necessário)
  • [ ] Samples (A implementação possui exemplo no Labs/Caso de uso)
  • [ ] Rodado em navegadores suportados (Chrome, FireFox, Edge)

Qual o comportamento atual? O componente não apresenta o estilo definido pelo design system e não segue as regras de acessibilidade.

Qual o novo comportamento? O componente apresenta novo estilo definido pelo design system e segue as regras de acessibilidade.

Simulação Simular no app.zip e no portal.

https://github.com/po-ui/po-style/pull/340

https://github.com/totvs/po-theme-totvs/pull/176

Varíaveis customizadas

po-textarea {
    --font-family: "Comic Sans MS", "Comic Sans", cursive;
    --font-size: .5 rem;
    --text-color-placeholder: red;
    --color:navy;
    --background: green;
    --text-color: yellow;
    --color-hover: tomato;
    --background-hover: orange;
    --color-focused: gold;
    --outline-color-focused: silver;
    --color-disabled: brown;
    --background-disabled: gray;
    --text-color-disabled: white;
}

brunoromeiro avatar Sep 09 '22 21:09 brunoromeiro