Skip to content

Conversation

@anabye
Copy link
Contributor

@anabye anabye commented Dec 26, 2024

DTHFUI-10108


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?

  • Acessibilidade AA reduz a espessura do outline para 2px.
  • po-button define o label e ícone como 16px, tanto para o tamanho default quanto para o large.
  • po-lookup fica desalinhado com mútiplos valores selecionados.

Qual o novo comportamento?

  • Acessibilidade AA passa a disponibilizar:
    • Uma propriedade de tamanho, para cada componente de formulário e todos os componentes da lib que os utilizam, sendo:
      • small: somente quando a acessibilidade for AA
      • medium: padrão
      • large: permanece apenas para componentes que já o possuem (po-button, po-checkbox, po-radio-group)
    • Um método para definir small como tamanho padrão dos componentes, caso não tenham um tamanho especificado.
  • Ajusta tamanho do ícone no po-button:
    • small: 16px
    • medium(default): 24px
    • large: 24px
  • Corrige alinhamento do po-lookup ao selecionar múltiplos valores.

Lista de componentes agrupados pela propriedade correspondente para definir o tamanho.

Propriedade Componentes
p-size po-button, po-button-group, po-checkbox, po-checkbox-group, po-combo, po-datepicker, po-datepicker-range, po-decimal, po-dropdown, po-email, po-input, po-login, po-lookup, po-multiselect, po-number, po-password, po-radio-group, po-rich-text, po-search, po-select, po-switch, po-textarea, po-upload, po-url, po-popup, po-tabs.
p-size-actions po-notification, po-toaster, po-progress.
p-components-size po-dialog, po-dynamic-form, po-menu, po-modal, po-modal-password-recover, po-page-blocked-user, po-page-change-password, po-page-default, po-page-detail, po-page-dynamic-detail, po-page-dynamic-edit, po-page-dynamic-search, po-page-dynamic-table, po-page-edit, po-page-job-scheduler, po-page-list, po-page-login, po-page-slide, po-table, po-tree-view.

Simulação
DTHFUI-10108_app-atualizado.zip

@anabye anabye force-pushed the components/DTHFUI-10108 branch from 4eaf760 to 85869b5 Compare December 26, 2024 12:48
@anabye anabye force-pushed the components/DTHFUI-10108 branch 3 times, most recently from aa5fcf7 to 9757903 Compare February 18, 2025 13:34
@anabye anabye force-pushed the components/DTHFUI-10108 branch 5 times, most recently from 7ce23de to b94ba9d Compare March 18, 2025 15:41
@anabye anabye force-pushed the components/DTHFUI-10108 branch 2 times, most recently from f21f3ce to bb9a5a6 Compare March 27, 2025 18:23
@anabye anabye force-pushed the components/DTHFUI-10108 branch from bb9a5a6 to e8f4719 Compare March 28, 2025 14:44
@anabye anabye force-pushed the components/DTHFUI-10108 branch from e8f4719 to 4b66773 Compare March 31, 2025 13:07
- Adiciona a propriedade de `tamanho` para buttons, fields e todos os componentes que os implementam, quando o nível de acessibilidade AA estiver configurada via serviço de tema.

- Implementa o método setA11yDefaultSizeSmall para definir `small` como tamanho padrão dos componentes quando o nível de acessibilidade AA estiver configurada via serviço de tema, e nenhum outro tamanho for especificado.

- Ajusta o tamanho do ícone no `po-button` conforme o tamanho selecionado.

- Corrige o desalinhamento do `po-lookup` ao selecionar múltiplos valores.

- Adiciona as seguintes propriedades para definir tamanho nos componentes:

  - p-size: po-button, po-button-group, po-checkbox, po-checkbox-group, po-combo, po-datepicker, po-datepicker-range, po-decimal, po-dropdown, po-email, po-input, po-login, po-lookup, po-multiselect, po-number, po-password, po-radio-group, po-rich-text, po-search, po-select, po-switch, po-textarea, po-upload, po-url, po-popup, po-tabs.

  - p-size-actions: po-notification, po-toaster, po-progress.

  - p-components-size: po-dialog, po-dynamic-form, po-menu, po-modal, po-modal-password-recover, po-page-blocked-user, po-page-change-password, po-page-default, po-page-detail, po-page-dynamic-detail, po-page-dynamic-edit, po-page-dynamic-search, po-page-dynamic-table, po-page-edit, po-page-job-scheduler, po-page-list, po-page-login, po-page-slide, po-table, po-tree-view.

fixes DTHFUI-10108
@anabye anabye force-pushed the components/DTHFUI-10108 branch from 4b66773 to c4dec77 Compare March 31, 2025 13:18
@anabye anabye changed the title feat(components): implementa alternância no nível de acessibilidade feat(components): ajusta buttons e fields conforme acessibilidade Mar 31, 2025
@pedrodominguesp pedrodominguesp merged commit 052ba28 into master Mar 31, 2025
8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants