Gemed — Mudanças no Design System desde 14/10/2026: guia para desenvolvimento
Para quem é: desenvolvedor front-end que implementou as telas com o Design System de 14/10/2026 (ou com o guia congelado v1.2) e precisa saber o que mudou de lá até hoje.
Versão congelada (base deste documento): Histórico/Mudanças no Design System - guia para desenvolvimento v1.2.md (v1.2, 14/10/2026). Seu documento base era Para IA/Design System.md de 14/10/2026, que é o arquivo Para IA/Histórico/Design System - antes de 20-10-2026 (faixa de Ambiente de teste).md. Ela não será mais alterada.
Documento comparado agora: Para IA/Design System.md, versão de 28/10/2026 (seções 1 a 13 e o Histórico de Versões). A comparação é feita contra a versão de 14/10/2026, não contra o original de 30/09/2026.
Guia complementar: Para Desenvolvedores/Tema claro e escuro/Tema claro e escuro - guia para desenvolvimento.md e o arquivo de código gemed-theme.css (da mesma pasta). Este documento não repete o que aquele guia já explica; quando o assunto estiver lá, só há a remissão.
Situação: v2.1, 28/10/2026.
1. Como este documento se relaciona com os anteriores
| Documento | Cobre | Situação |
|---|---|---|
Histórico/… guia para desenvolvimento v1.2.md | Do original (30/09/2026) até o Design System de 14/10/2026 | Congelado (28/10/2026) |
Histórico/… guia para desenvolvimento v1.6.md | Do original (30/09/2026) até 27/10/2026, com o original como base | Arquivado; substituído por este |
| Este documento (v2.0) | De 14/10/2026 até 28/10/2026 | Vigente |
Quem implementou o original lê a v1.2 e depois este documento. Quem já está no estado de 14/10/2026 lê só este. As seções 3.1 a 3.3 vêm das seções 3.12 a 3.14 da v1.6, reescritas para partir do estado de 14/10/2026; as seções 3.4 e 3.5 são novas.
2. Visão geral
De 14/10/2026 (versão 4 desse dia, que incorporou --color-on-primary) a 28/10/2026 o Design System ganhou: a faixa de Ambiente de teste no topo da tela, no lugar da cor da barra de status; os estados de campo por borda e o foco do teclado como padrão do sistema; as cores de status vindas da API, por tema, com Cancelado cinza e cores para os status de procedimento; o padrão de botões com o novo verde escuro do botão primário; e os chips de urgência. Nenhum valor de tema claro de tokens existentes mudou, exceto os de Cancelado. A tipografia, o espaçamento, o raio, a borda, a sombra, a opacidade, a animação e os tamanhos não mudaram.
3. Tabela resumo (ordem cronológica)
| Data | Mudança | Tokens afetados | Origem da decisão |
|---|---|---|---|
| 20/10/2026 | Ambiente de teste: faixa no topo da tela com selo “TESTE” no lugar da cor da barra de status (theme-color) | Novo --color-env-test-band; --color-env-test-surface só no fundo do menu | Check-in de Usuários, RN-CIU-032 retificada pelo solicitante (Menu Lateral, Especificação v1.11) |
| 26/10/2026 | Estados de campo por borda e foco do teclado viram padrão do sistema (seção 11) | Novo --color-field-changed (#467EE5, igual nos dois temas) | Pedido do solicitante, ao rever E-CM-003 na Central do Médico (Registro de Decisões v1.7, D-CM-046) |
| 27/10/2026 | Cores de status por tema vindas da API (status.colors); Cancelado cinza preenchido; cores dos status exclusivos de procedimento; classes .chip-status e .avatar-status; card cancelado com textos riscados | Alterados --color-status-canceled-bg e -fg; removido --color-status-canceled-border; novos --color-status-preparation-*, -administering-* e -administered-* | Proposta da equipe de front-end (“Cores de status por tema”, 26/10/2026), aprovada pelo solicitante; respostas do solicitante em 27/10/2026 |
| 27/10/2026 (4) | Padrão de botões e verde escuro do botão primário (seção 12) | Novos --color-primary-strong e --color-on-primary-strong; --color-on-primary muda de papel | Mensageria, P-MSG-01: “opção C com botões secundários com contorno” e “vamos criar um novo token verde escuro (opção 3)“ |
| 28/10/2026 | Nome do status “Aguardando recepção” (texto do cadastro) | Nenhum token | Central do Médico, D-CM-084 |
| 28/10/2026 (2) | Chips de urgência (seção 13) | Nenhum token novo (usa --color-alert-fill e existentes) | Mensageria, D-MSG-027; o solicitante escolheu a alternativa A |
4. Detalhe de cada mudança
4.1 Faixa de Ambiente de teste no topo da tela (20/10/2026)
Antes (14/10/2026): no celular, a tag <meta name="theme-color"> recebia a cor do menu de teste, o --color-env-test-surface.
Agora: a tag não é mais usada. Em Ambiente de teste aparece uma faixa de 24px no topo da tela, em var(--color-env-test-band) (#EF6C00, igual nos dois temas), com um selo centralizado “TESTE” (“TEST”/“PRUEBA” nos outros idiomas): fundo var(--color-base-pure), texto var(--color-neutral-darker), --font-size-xs em negrito, --radius-pill. No computador, fica no topo da coluna de conteúdo, à direita do menu; no celular, acima da barra superior, na largura toda; fixa durante a rolagem. O fundo amarelo do menu (--color-env-test-surface) continua.
Onde usar: só nesta faixa. Razão: o iPhone deixou de aplicar theme-color, e não havia outro sinal no celular com o menu fechado.
Escolhas do Designer a aprovar: o tom #EF6C00 (um pouco mais escuro que o #F57C00 da imagem de referência, para o selo branco passar de 3:1), a altura de 24px e o desenho do selo.
4.2 Estados de campo, --color-field-changed e foco do teclado (26/10/2026)
Antes: a tela de registros clínicos já tinha um azul para a borda do campo alterado (#467EE5, medido pelo solicitante em imagem da tela, 2px) que não era token; o Design System não definia estados de campo nem foco visível. A Central do Médico usava, como variáveis locais do protótipo, um anel de 3px (--ring).
Agora (Design System, seções 4a e 11):
| Estado do campo | Borda |
|---|---|
| Não selecionado | 1px --color-neutral-light |
| Selecionado (e com foco, em campo de texto) | 2px --color-neutral-dark |
| Alterado (valor diferente do gravado) | 2px --color-field-changed |
| Com erro | 2px --color-error-pure, mais o texto do erro em --color-error-dark (geralmente abaixo do campo) |
| Token | Claro | Escuro |
|---|---|---|
--color-field-changed | #467EE5 | #467EE5 (igual; não segue a C5) |
- Contraste: 3,9:1 sobre
base-puree 3,2:1 sobreneutral-lighterno claro; 4,3:1 e 3,4:1 no escuro. É componente de interface (WCAG 1.4.11, mínimo 3:1), não texto. Não passa de 3:1 sobreneutral-lightnem sobre fundos de status: não use o token como borda sobre eles. - Foco do teclado:
outline: 2px solid var(--color-neutral-dark)comoutline-offset: 2px, em:focus-visible, para botões, toggles, cards, links, abas e itens de menu. Campo de texto não usa anel: a borda “selecionado” já é o indicador de foco. Item que permanece selecionado (toggle “Meus”, item de lista, aba, rádio) mostra a seleção pela borda ou pelo preenchimento e o foco pelo anel, afastado 2px, então os dois aparecem juntos. Ogemed-theme.csstraz o token e a regra de foco. - Marcado como [PROPOSTA] no Design System (invenção do Designer, não decisão do solicitante; E-CM-024): a espessura de 2px em “selecionado” e “com erro”, a precedência entre estados (erro > selecionado > alterado > repouso) e o uso de
:focus-visible. O solicitante definiu as cores por estado e pediu 2px para o anel. - Escolha do Designer a confirmar (E-CM-023): o mesmo valor
#467EE5nos dois temas, sem valor escuro próprio.
Onde usar: bordas de campo e anel de foco, na tela de registros clínicos e na Central do Médico, que já seguem este critério. Estender a todas as telas é proposta do Designer (E-CM-024), a confirmar. O anel vale para todo elemento focável que não seja campo de texto.
Onde NÃO usar: outline: none sem substituto; um azul avulso para “alterado” (use o token); secondary-pure ou secondary-dark no lugar do token (são #40C4FF e #0066A5, outros azuis).
Pode exigir ajuste fora da Central: telas que já têm foco próprio (por exemplo, o protótipo da Agenda do Médico tem CSS de foco/outline próprio) e textos que citam “anel de foco do Design System” devem ser conferidos contra a seção 11. Este guia não altera essas funcionalidades.
4.3 Cores de status por tema, vindas da API (27/10/2026)
Antes (14/10/2026): cada status tinha um par fundo/texto em tokens --color-status-*; a Central usava uma paleta fixa no front; a API mandava uma só cor por status (color ou characteristic); Cancelado era chip de contorno (--color-status-canceled-bg: transparent, -fg: var(--color-neutral-dark), -border: var(--color-neutral-light)); os status exclusivos de procedimento não tinham cor no Design System.
Agora (Design System, seção 4):
- Cada status tem quatro cores (fundo e texto, claro e escuro) em
IpTerminologia.DomEstadoAgendaConsultaeIpTerminologia.DomEstadoAgendaProcedimento(chaveCodEstado; nome traduzido porTermoTraducao), iguais para todas as clínicas. Elas chegam no próprio status:
"status": {
"domain": "checked",
"name": "Recepcionado",
"colors": {
"light": { "background": "#B7E3FF", "text": "#004D7A" },
"dark": { "background": "#364458", "text": "#B7E3FF" }
}
}- Hex
#RRGGBB; quandocolorsvem, os quatro valores vêm. O front escolhe pelo tema vigente, sem nova chamada. - Aplicação: classe
.chip-statuscom as variáveis locais--st-bg-l,--st-fg-l,--st-bg-d,--st-fg-d(código emgemed-theme.csse no guia do tema, seção 5). No avatar de iniciais, classe.avatar-status: fundo do status, iniciais em--color-neutral-darkernos dois temas. Valide#RRGGBBantes de passar as variáveis: valor inválido deixa o fundo transparente, em vez do chip neutro. - Sem
colors: chip neutro (fundo--color-neutral-light, texto--color-neutral-darker); a própria classe cai nele quando as variáveis não vêm. - Cancelado passa a cinza preenchido: fundo
--color-neutral-lighter, texto--color-neutral-pure(4,5:1 no claro, 5,6:1 no escuro). O contorno de 1px sai. No card cancelado, os textos (horário, nome, complementos) ficam riscados, cada um no seu elemento; o chip e o avatar não. - Procedimento: os cinco status em comum com a consulta (
scheduled,waiting,checked,finished,canceled) usam as mesmas cores da consulta (antes divergiam: o Recepcionado de procedimento era amarelo). Os exclusivos:
| Status | domain | Claro: fundo / texto | Escuro: fundo / texto |
|---|---|---|---|
| Em preparo | preparation | #B9F6CA / #0F762C | #37484D / #B9F6CA |
| Em aplicação | administering | #00E676 / #005F31 | #12443C / #00E676 |
| Completo | administered | #C9C3FD / #4C3FBD | #3A3D57 / #C9C3FD |
- Nomes: “Em atendimento” (no lugar de “Em consulta”), “Em preparo”, “Em aplicação” (27/10/2026) e “Aguardando recepção” (28/10/2026), os textos cadastrados em
TermoTraducao. Nenhuma cor mudou com os nomes. - Os tokens
--color-status-*continuam no CSS com os mesmos valores das tabelas, como referência e para protótipos; as telas não usam paleta fixa. - Transição (da proposta da equipe de front-end): (1) o back acrescenta
colorsnos endpoints, mantendocolorecharacteristic; (2) o front passa a usarcolors; no painel de Consultas da Central,statusmuda de texto para objeto, e a subida é combinada; (3) o front avisa quando terminar; (4) o back removecolorecharacteristic. Na Central e na Agenda do Médico a troca é no mesmo deploy (D-CM-080).
Onde usar: chip de status e avatar de iniciais na Agenda do Médico e nos painéis de Consultas e de Pacientes em procedimento da Central.
Onde NÃO usar: paleta de status fixa no front; color/characteristic como cor de status; contorno no Cancelado.
Razão: com o tema escuro, cada status precisa de duas combinações; como o tema muda no navegador sem recarregar, a resposta traz as duas. Cancelado e Finalizado passam a diferir por matiz (cinza × lilás) no claro; no escuro ficam quase iguais (risco registrado no Design System, seção 4), e o rótulo do chip identifica o status.
4.4 Botões e o verde escuro do botão primário (27/10/2026)
Antes (14/10/2026): o botão primário era --color-primary-pure (#00E676) com texto --color-on-primary (o Design System não tinha seção de botões).
Agora (Design System, seções 2, 4a e 12): hierarquia com um botão preenchido por região; os demais têm contorno.
| Token | Claro | Escuro |
|---|---|---|
--color-primary-strong | #007A13 (5,5:1 com #FFFFFF) | #007A13, o mesmo valor (3,1:1 sobre base-pure, 3,3:1 sobre base-dark; não segue C3/C5) |
--color-on-primary-strong | #FFFFFF (5,5:1) | #FFFFFF, o mesmo valor |
| Tipo | Quando | Preenchimento | Borda | Texto/ícone |
|---|---|---|---|---|
| Primário | A ação principal da região. No máximo um por região | --color-primary-strong | nenhuma | --color-on-primary-strong |
| Secundário | Demais ações da região (Cancelar, Voltar, ações dentro de cartão) | transparente | 1px --color-neutral-pure | --color-neutral-dark |
| Terciário | Ação de menor peso (links de ação, “Tentar novamente” em aviso) | transparente | nenhuma | --color-neutral-dark |
- Alturas
--btn-height-sm(32px),--btn-height(40px) e--btn-height-lg(48px); a área tocável é de pelo menos 44x44px. Em modal e formulário: primário à direita no computador; no celular, em largura total, empilhados, com o primário em cima. Botão de ação dentro de cartão é secundário; o cartão não leva botão preenchido. Ícone, quando houver, é Lucide. Foco: regra da seção 11 (4.2). --color-on-primarymuda de papel: deixa de ser o texto do botão primário e continua para texto ou ícone sobre--color-primary-pure(badge de contador, círculo do logotipo e outros acentos). Oprimary-purenão deixa de existir: continua como acento.- Por que um token novo: o
primary-puretem muita luminosidade e saturação, cansa como preenchimento em tela de uso prolongado e se confunde com o verde de “sucesso” e “internação” dos chips. Oprimary-darknão serve: no tema escuro vira texto claro. - Escolhas do Designer a aprovar: o valor
#007A13(igual aoprimary-darkdo tema claro), manter o mesmo valor no tema escuro, as cores do contorno e do texto do secundário, e o terciário. - Não definidos ainda: estado pressionado e desabilitado, e o botão de ação destrutiva (Danger).
Onde usar: todo botão do sistema. Aplicado na Central do Médico a partir da v5.17 (D-CM-085); as demais funcionalidades adotam na sua próxima versão.
Onde NÃO usar: --color-primary-pure como fundo de botão; #FFFFFF literal no texto do botão (use o token); mais de um primário na mesma região.
4.5 Chips de urgência (28/10/2026)
Antes (14/10/2026): não existia conjunto de chips para prioridade; o chip leve (fundo -light, sem contorno) era o padrão dos alertas da Central (D-CM-046).
Agora (Design System, seção 13): quatro valores do domínio de prioridade do HL7, para qualquer propriedade de prioridade. Nenhum token novo. O chip só aparece quando o grau está informado.
Valor (key) | Nome (pt-BR) | Preenchimento | Texto e ícone | Contorno | Ícone (Lucide flag, 14px) |
|---|---|---|---|---|---|
STAT | Imediato | --color-alert-fill | --color-base-pure (5,0:1 no claro; 4,6:1 no escuro) | nenhum | preenchida |
ASAP | Quanto antes | --color-error-light | --color-error-dark (5,5:1 no claro; 6,3:1 no escuro) | 1px --color-error-dark | só contorno |
Urgent | Urgente | --color-neutral-lighter | --color-neutral-dark (12,1:1 no claro; 8,8:1 no escuro) | nenhum | só contorno |
Routine | Rotina | transparente | --color-neutral-dark | 1px --color-neutral-light | só contorno |
- Texto visível: só o nome (“Imediato”, “Quanto antes”, “Urgente”, “Rotina”); título e nome acessível “Grau de urgência: {nome}”.
font-weight-medium, altura mínima de 24px, raio de pílula, espaçamento interno de 2px por 8px. Os nomes vêm do cadastro (IpTerminologia.Indicadores, domínioGrauUrgencia, eTermoTraducao); o front-end não os guarda. - A API manda
urgency: { key, name }; a ordem entre os valores (Rotina < Urgente < Quanto antes < Imediato) é do servidor. - Sem amarelo: o amarelo é do chip de prazo. A cor reforça, mas o texto e o ícone identificam o nível; o contorno é decorativo.
- É uma exceção consciente ao padrão leve de chips (sem contorno), decisão do solicitante.
- Proposta do Designer a confirmar (E-MSG-022): a correspondência dos quatro valores com os quatro estilos.
- Mudança de 28/10/2026 (3): os nomes antes eram Baixa, Média, Alta e Crítica (escala 1 a 4 do legado) e o texto era “Urgência {nome}”; cores e contrastes não mudaram.
Onde usar: cartão e cabeçalho de conversa da Mensageria e, quando a Central adotar o grau, o cartão do painel de Mensagens. Onde NÃO usar: chips de status ou de prazo.
5. Tokens novos, alterados e removidos desde 14/10/2026 (ordem alfabética)
Valores copiados de Para IA/Design System.md (28/10/2026). (igual) = o valor não muda no tema escuro. Situação em relação ao Design System de 14/10/2026.
| Token | Situação | Claro | Escuro |
|---|---|---|---|
--color-env-test-band | Novo (20/10) | #EF6C00 | (igual) |
--color-env-test-surface | Papel reduzido (20/10); valor igual | var(--color-highlight-light) = #FFF8E1 | var(--color-highlight-light) = #3B3727 |
--color-field-changed | Novo (26/10) | #467EE5 | #467EE5 (igual) |
--color-on-primary | Papel alterado (27/10); valor igual | var(--color-neutral-darker) = #01013B | var(--color-base-pure) = #161C2E |
--color-on-primary-strong | Novo (27/10) | #FFFFFF | #FFFFFF (igual) |
--color-primary-strong | Novo (27/10) | #007A13 | #007A13 (igual) |
--color-status-administered-bg | Novo (27/10) | #C9C3FD | #3A3D57 |
--color-status-administered-fg | Novo (27/10) | #4C3FBD | #C9C3FD |
--color-status-administered-ref | Novo (27/10) | #C9C3FD | #C9C3FD (igual) |
--color-status-administering-bg | Novo (27/10) | #00E676 | #12443C |
--color-status-administering-fg | Novo (27/10) | #005F31 | #00E676 |
--color-status-administering-ref | Novo (27/10) | #00E676 | #00E676 (igual) |
--color-status-canceled-bg | Alterado (27/10; era transparent) | var(--color-neutral-lighter) = #E5EAF0 | var(--color-neutral-lighter) = #262F47 |
--color-status-canceled-fg | Alterado (27/10; era var(--color-neutral-dark)) | var(--color-neutral-pure) = #526A90 | var(--color-neutral-pure) = #9AA9C2 |
--color-status-preparation-bg | Novo (27/10) | #B9F6CA | #37484D |
--color-status-preparation-fg | Novo (27/10) | #0F762C | #B9F6CA |
--color-status-preparation-ref | Novo (27/10) | #B9F6CA | #B9F6CA (igual) |
Removido: --color-status-canceled-border (existia em 14/10 com var(--color-neutral-light); removido em 27/10/2026, com o fim do contorno do Cancelado).
Não-tokens novos: classes .chip-status e .avatar-status e variáveis locais --st-bg-l, --st-fg-l, --st-bg-d, --st-fg-d (4.3); regra de foco :focus-visible (4.2). Os chips de urgência (4.5) não têm token nem classe no Design System; a implementação das classes é do front-end.
Fora do Design System.md: o protótipo da Central define --tap: 44px, variável local do protótipo.
6. Checklist de migração (de quem está no estado de 14/10/2026)
Buscar e substituir (fora de gemed-theme.css):
- Código que define
<meta name="theme-color">para Ambiente de teste: remover; incluir a faixa do topo com selo “TESTE” emvar(--color-env-test-band)(4.1). Fundo do menu continuavar(--color-env-test-surface). - Hex de status de agenda (
#FFE0B3,#855D00,#FFC5C1,#8B0000,#B7E3FF,#004D7A,#D1DF9D,#3E4D00,#EDE7FA,#6A4FC4,#9679E1) e da paleta antiga de procedimento (#FFECB2,#F9BBD0,#FEC400,#01E676,#DEDAFF,#BFBFBF): remover e usar.chip-statuscomstatus.colors(4.3). Os tokens--color-status-*não são para aplicar nas telas. - Chip e avatar de status:
.chip-status/.avatar-statuscom as cores destatus.colors; não usarcolor/characteristiccomo cor. Cancelado cinza preenchido, sem contorno (--color-status-canceled-bordernão existe mais). - Painel de Consultas da Central:
statuspassa de texto a objeto; combinar a subida com o back (4.3). - Status de procedimento em comum com a consulta usam as cores da consulta; “Completo” é
administered. - Card cancelado com os textos riscados, exceto chip e avatar.
- Botão primário: fundo
var(--color-primary-strong)e texto/íconevar(--color-on-primary-strong)(eraprimary-pure+on-primary).var(--color-on-primary)continua só para badge de contador, logotipo e outros acentos sobreprimary-pure(4.4). - Hierarquia de botões: um preenchido por região; demais com contorno (secundário) ou sem contorno (terciário); botão dentro de cartão é secundário.
- Azul avulso de “campo alterado” (
#467EE5literal ou parecido):var(--color-field-changed)(4.2). -
outline: nonesem substituto: remover; foco por:focus-visible(4.2). - Chips de prioridade/urgência: padrão de 4.5, com o texto “Urgência {nome}” vindo do cadastro.
Incluir ou conferir:
- Substituir
gemed-theme.csspela versão de 28/10/2026 (traz--color-primary-strong,--color-on-primary-strong,--color-env-test-band,--color-field-changed, tokens de procedimento, Cancelado cinza, regra de foco,.chip-status,.avatar-status) e remover--color-*locais duplicados. - Bordas de campo pelos estados de 4.2 (proposta E-CM-024, a confirmar).
- Faixa de Ambiente de teste fixa durante a rolagem; no celular acima da barra superior.
- Conferir cada tela nos dois temas (guia do tema, seção 11), em especial o botão primário no tema escuro (3,1:1 sobre
base-pure) e Cancelado × Finalizado no escuro.
Não mudar: tipografia, espaçamento, raio, borda, geometria de sombra, opacidade, animação, tamanhos, e os valores de todos os tokens fora da seção 5.
7. Ainda não decidido
- E-CM-023 —
--color-field-changedcom o mesmo valor#467EE5nos dois temas (escolha do Designer; 4.2). - E-CM-024 — as [PROPOSTA] da seção 11 do Design System: 2px nos estados “selecionado” e “com erro”, precedência entre estados e
:focus-visible. - Botões (seção 12): aprovar
#007A13e o mesmo valor no tema escuro, as cores do secundário e do terciário; definir pressionado, desabilitado e Danger. - Ambiente de teste (seção 8): aprovar
#EF6C00, a altura de 24px e o desenho do selo (4.1). - Chips de urgência: a correspondência dos quatro valores HL7 com os quatro estilos (E-MSG-022).
- Também seguem em aberto, sem relação com tokens, as questões P-CM-xxx do Registro de Decisões da Central e as P-MSG-xx da Mensageria.
8. Como este documento foi obtido
Elaborado em 28/10/2026, por leitura (sem alterar nenhum Design System nem especificação) de:
Para IA/Design System.mdde 28/10/2026 (seções 4, 4a, 8, 11, 12, 13 e Histórico de Versões, entradas de 20/10 a 28/10 (2)).Para IA/Histórico/Design System - antes de 20-10-2026 (faixa de Ambiente de teste).md, que é o Design System de 14/10/2026 (4), base da comparação.Para Desenvolvedores/Histórico/Mudanças no Design System - guia para desenvolvimento v1.2.md(congelada) e v1.6 (seções 3.12 a 3.14, reaproveitadas e reescritas a partir do estado de 14/10/2026).gemed-theme.cssde 14/10/2026 (Histórico/gemed-theme - antes de 20-10-2026 (faixa de Ambiente de teste).css) e o atual, comparados comdiff.- Decisões do solicitante em chat de 28/10/2026 (congelar a versão de base de 14/10/2026 e extrair as diferenças a partir dela).
Histórico de Versões
- v2.0 (28/10/2026) — Documento reiniciado a pedido do solicitante: a versão cujo documento base era o Design System de 14/10/2026 (v1.2) foi congelada, e este documento parte dela e extrai as diferenças até 28/10/2026. Reaproveita e reescreve as seções 3.12 a 3.14 da v1.6 (4.1 a 4.3) e acrescenta o padrão de botões com
--color-primary-stronge--color-on-primary-strong(4.4) e os chips de urgência (4.5). Tabela de tokens e checklist refeitos contra o estado de 14/10/2026. A v1.6 foi arquivada emPara Desenvolvedores/Histórico/Mudanças no Design System - guia para desenvolvimento v1.6.md. - v2.1 (28/10/2026) — Seção 4.5 reescrita: o grau de urgência passa ao domínio HL7 (
Routine,Urgent,ASAP,STAT), chip só com o nome (Design System de 28/10/2026 (3)). Cores, contrastes e tokens iguais. A v2.0 foi arquivada emPara Desenvolvedores/Histórico/Mudanças no Design System - guia para desenvolvimento v2.0.md.