po-angular
po-angular copied to clipboard
feat(textarea): aplica estilo e acessibilidade definidos pelo DS
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;
}