Componentes
Histórico da §70 — seed-componentes.md
Título completo no canon: Histórico da seção §70 — CT1 — o CENTRO DO DESENHO dentro do alvo (não é regra)
Escrito em 2026-08-19. Esta seção existe porque o Rafael viu um defeito que nenhuma das 60+ guardas do projeto via — e o viu num anexo de imagem, a olho nu, num botão de 44px.
PLACAR: 23 PASS · 0 FAIL · 28 [n/a], a 1440px e a 390px, 189 controles medidos, 0 fora do
centro, tolerância 1,00px declarada. Os 28 [n/a] são arquivos sem controle de ícone, nomeados um
a um no placar.
↩ Do §70.3 — movido do corpo da seção pela REV-P7 (modo DENTRO), texto sem alteração.
Depois dos cortes: 15 de 16 casos reais sobraram, e todos eram defeito de verdade.
↩ Do §70.4 — movido do corpo da seção pela REV-P7 (modo DENTRO), texto sem alteração.
Bloco CT1 acrescentado a seis moldes e um artefato feito à mão:
| arquivo | o que passou a valer |
|---|---|
shell-template.html |
.sino, .avatar → inline-flex; .abre-nav, .sino, .avatar → align-items/justify-content: center, line-height: 1 |
painel-template.html |
.escala-ctrl button |
site-template.html |
.b-larg |
banco-data-template.html |
.cal__nav button |
banco-escolha-template.html |
.chips-mais |
banco-pessoa-template.html |
.chip .x (só line-height: 1) |
banco-superficies.html |
.seed-avatar-more (só line-height: 1) |
Recorte antes/depois nos dois temas, ampliado 8×: blocos E1, E2 e E3 da folha
render-audit/gate-v134/fechamento.html.
↩ Do §70.5.2 — movido do corpo da seção pela REV-P7 (modo DENTRO), texto sem alteração.
| tema / estado | PASS | FAIL | [n/a] |
medições a 1440px | medições a 390px |
|---|---|---|---|---|---|
| claro / repouso | 23 | 0 | 28 | 189 | 188 |
| claro / hover | 23 | 0 | 28 | 189 | 188 |
| claro / ativo | 23 | 0 | 28 | 189 | 188 |
| claro / foco | 23 | 0 | 28 | 187 | 186 |
| escuro / repouso | 22 | 0 | 29 | 182 | 181 |
| escuro / hover | 22 | 0 | 29 | 182 | 181 |
| escuro / ativo | 22 | 0 | 29 | 182 | 181 |
| escuro / foco | 22 | 0 | 29 | 180 | 179 |
AGREGADO: 180 PASS · 0 FAIL · 228 [n/a] em cada largura · 1.484 candidatos e 1.480 medições
efetivas a 1440px · 1.476 e 1.472 a 390px · 4.080 controles com rótulo descartados a 1440px
e 3.896 a 390px · 367 medições casaram :focus-visible a 1440px, 365 a 390px ·
0 controles fora do centro · tolerância 1,00px declarada.
Nenhum artefato foi alterado. Não havia o que consertar: o bloco CT1 escrito na quinta parte já estava certo também no tema escuro e nos três estados de interação. Isso é FATO medido, e é diferente de "provavelmente estava certo", que era o que a CT-P1 dizia.
Onde estão os [n/a], um por um — limite que não aparece no placar é truncagem silenciosa:
| quantos | o que é | nomeados? |
|---|---|---|
| 28 por passe claro, 29 por passe escuro | arquivos sem nenhum controle de ícone (bancadas de token, família de e-mail, tela-detalhe, tela-referencia) |
sim, um a um no placar |
| 5 arquivos | não prometem tema escuro: banco-dataviz-tokens, ea-assinatura, ea-assinatura-amostra, seed-dataviz-di-prova-impressa, seed-design-system |
sim. É por isso que o passe escuro tem 1 [n/a] a mais e 7 medições a menos: o seed-design-system tem 7 controles de ícone |
| 4 em 1.484 | ISENTOS por componente inativo: button.cd__gatilho de "Vigência do contrato" (banco-data.html) e button "Página anterior" (tela-tabela.html), ambos disabled, em 2 temas |
sim, com o seletor |
| 0 | defeitos de teclado | — |