M - DS V4 Viabilizar o uso da v4 na criação de um sistema que adote o padrão mínimo.
Objetivos de Negócio:'
Aplicação do conceito de internacionalização nos componentes.
Evoluir a arquitetura dos componentes para viabilizar a automação no trabalho com multibrands.
Aprimoramento das questões de acessibilidade.
Trabalho com tokens contextuais nos componentes para permitir personalização a nível de componente.
Adicionar mais flexibilidade aos componentes, para atender uma maior gama de projetos exemplo governos estaduais e municipais.
Evolução de alguns conceitos dos padrões de design e desenvolvimento trazendo o que há de melhor e mais moderno para garantir mais qualidade e performance para todos os projetos que adotam o Padrão Digital de Governo.
Estilos isolados nos componentes sem o uso de utilitários fazendo com que seja possível consumir apenas o componente diminuindo as dependências do projeto
Viabilizar o trabalho com a aplicação do tema ligth e Dark
Trabalho com o conceito Loading Skeleton
Aplicação do Motion nos componentes
Atividades Macro:
Evolução dos componentes:
- Criação da categoria de tokens de tema - 1
- Dimensão fixa relativa - 2
- Revisão entrelinhamento Tipografia - 3
- Tokens de Interação minima - 4
- Padrão de Formulário - 5
- Componente Text - 6
- Componente Button - 7
- Componente FormLabel - 8
- Link (faz sentido ser um componente) Link Interno, Link Externo, Ancora) - 9
- Componente Icon - 10
- Divider - 11
- Item - 12
- Lista - 13
- Message - 14
- Input - 15
- Avatar- 16
- Padrão Sign-in- 17
- Header - 18
- Select - 19
- Menu - 20
- Breadcrumb - 21
- Footer - 22
- Tooltip - 23
- Checkbox
- CheckboxGroup
- RadioGroup
Ferramenta apresentação dos componentes Arquitetura desenvolvimento
Atividades Previstas para cada componente(Script para criar de forma automatizada): Épico - Local(https://gitlab.com/govbr-ds/govbr-ds)
Todos os épicos ficam abaixo do Milestone: https://gitlab.com/groups/govbr-ds/-/milestones/23#tab-issues
Cada issue deve ser aberta nos repositórios abaixo e associada ao epico e milestone correspondente!
As issues devem ser priorizadas e ter os responsáveis definidos em cada iteração! Obs: A interação somente é definida na review/planejamento!
- Pesquisa (acessibilidade, design, frontend) Local(https://gitlab.com/govbr-ds/govbr-ds)
- Categoria:componente design tipo:evolucao
- Categoria:componente acessibilidade tipo:evolucao
- Categoria:componente frontend tipo:analise:evolucao
Conjunto de de Tarefas Relacionadas a Padrão
Conjunto de de Tarefas Relacionadas a Fundamentos
Conjunto de Tarefas Relacionadas as Pocs Categoria::Pesquisa
Aberto, Priorizado, Em andamento, Em Revisão, Fechado
-
Criação da Diretriz de Design Local(https://gitlab.com/govbr-ds/govbr-ds)
-
(Label Componente, design)
-
Criação dos critérios de aceite de acessibilidade do componente Local(https://gitlab.com/govbr-ds/govbr-ds)
-
(Label Componente, acessibilidade)
-
Revisão dos critérios de aceite de acessibilidade(Design) Local(https://gitlab.com/govbr-ds/govbr-ds)
-
Revisão dos critérios de aceite de acessibilidade(FrontEnd) Local(https://gitlab.com/govbr-ds/govbr-ds)
-
Review da Diretriz de Design(Acessibilidade) Local(https://gitlab.com/govbr-ds/govbr-ds)
-
Review da Diretriz de Design(FrontEnd) Local(https://gitlab.com/govbr-ds/govbr-ds)
-
Review da Diretriz de Design(Design) Local(https://gitlab.com/govbr-ds/govbr-ds)
-
Atualização do UIKIT (Design) Local(https://gitlab.com/govbr-ds/bibliotecas/govbr-ds-assets-de-design)
-
Review do UIKIT (Design) Local(https://gitlab.com/govbr-ds/bibliotecas/govbr-ds-assets-de-design)
-
Incluir diretrizes no site (Design) Local(https://gitlab.com/govbr-ds/govbr-ds)
-
Planejamento do componente Local(https://gitlab.com/govbr-ds/bibliotecas/javascript/govbr-ds-core)
-
Implementação dos Testes Local(https://gitlab.com/govbr-ds/bibliotecas/javascript/govbr-ds-core)
-
Design Review do Componente Local(https://gitlab.com/govbr-ds/bibliotecas/javascript/govbr-ds-core)
-
Teste do Componente(Acessibilidade) Local(https://gitlab.com/govbr-ds/bibliotecas/javascript/govbr-ds-core)
-
Design Review do Componente(FrontEnd) Local(https://gitlab.com/govbr-ds/bibliotecas/javascript/govbr-ds-core)
-
Code Review do Componente (Acessibilidade) Local(https://gitlab.com/govbr-ds/bibliotecas/javascript/govbr-ds-core)