@aurea-uds/core 0.38.0 → 0.40.0

package/dist/aurea.css

@@ -8,10 +8,10 @@
   --brand-blue:#0246f1;
   --white:oklch(1 0 0);
   --black:oklch(0 0 0);
-  --font-ui:"Atkinson Hyperlegible Next","Segoe UI",sans-serif;
-  --font-heading:"Atkinson Hyperlegible Next","Segoe UI",sans-serif;
-  --font-editorial:"Atkinson Hyperlegible Next","Segoe UI",sans-serif;
-  --font-code:"Atkinson Hyperlegible Mono",SFMono-Regular,Consolas,monospace;
+  --font-ui:Inter,"Segoe UI",sans-serif;
+  --font-heading:Sora,Inter,"Segoe UI",sans-serif;
+  --font-editorial:Inter,"Segoe UI",sans-serif;
+  --font-code:"IBM Plex Mono",SFMono-Regular,Consolas,monospace;
   --text-xs:0.75rem;
   --text-sm:0.875rem;
   --text-md:var(--text-sm);
@@ -504,7 +504,7 @@
   --card-pad:1.25rem;
   --section-gap:2rem;
 }
-/* Aurea core — component styles. Built with @aurea-uds/tokens into dist/aurea.css. Load @aurea-uds/fonts/css for Atkinson Hyperlegible (ADR-0053). */
+/* Aurea core — component styles. Built with @aurea-uds/tokens into dist/aurea.css. Load @aurea-uds/fonts/css for Inter, Sora and IBM Plex Mono (ADR-0077). */
 /* ========================================================================== */
 /* 02. RESET, ACESSIBILIDADE E BASE                                            */
 /* ========================================================================== */
@@ -513,6 +513,11 @@ html { scroll-behavior:smooth; }
 body { margin:0; background:var(--background); color:var(--foreground); font-family:var(--font-ui); font-size:var(--text-sm); line-height:var(--leading-normal); }
 ::selection { background:var(--selection); }
 button,input,textarea,select { font:inherit; }
+/* ADR-0077 (22/10/2026): todo título, do h1 ao h6, na fonte de título (a Sora), por uma regra geral de força zero,
+   como no sistema que serviu de modelo: quem fixa outra fonte NO PRÓPRIO título ganha dela; a fonte que o título só
+   herda do pai (`body{font-family:…}`) perde. O modelo deixa o h6 na fonte do texto; aqui ele vai junto (decisão do
+   Victor, 22/10/2026): a referência trata o h6 como os outros títulos, e o `Heading` de nível 6 já era Sora. */
+:where(h1,h2,h3,h4,h5,h6) { font-family:var(--font-heading); }
 button,a,[role="button"],input,textarea,select { outline:none; }
 :focus-visible { outline:var(--focus-width) solid var(--focus-strong); outline-offset:var(--focus-offset); box-shadow:none; }
 /* UMA LINHA SÓ (ADR-0059, 08/10/2026). O anel afastado, sozinho, é uma linha — mas na peça que tem
@@ -2993,7 +2998,9 @@ button.tag-main { cursor:pointer; }
    `--text-3xl`, e o CSS nunca aplicou — medido no navegador, o valor saía com 14, igual ao rótulo,
    e a tendência com 11,7 (o `small` do navegador encolhe a letra). O número é a razão do
    componente; os algarismos ficam tabulares para não dançar quando o valor muda. */
-.kpi > strong { font-size:var(--text-3xl); line-height:var(--leading-tight); font-variant-numeric:tabular-nums; }
+/* ADR-0077 (22/10/2026, decisão do Victor): o número do indicador na fonte de código, a IBM Plex Mono — como os
+   valores no sistema que serviu de modelo. Os pesos publicados dela são 400, 500 e 600: o `strong` (700) usa o 600. */
+.kpi > strong { font-family:var(--font-code); font-size:var(--text-3xl); line-height:var(--leading-tight); font-variant-numeric:tabular-nums; }
 .kpi > small { font-size:var(--text-sm); }
 /* A TENDÊNCIA COM DIREÇÃO (GAR-09, ADR-0060, 09/10/2026): seta, palavra para o leitor de tela e cor,
    nunca a cor sozinha. A seta é o `trend-up`/`trend-down`/`minus` do Phosphor (o mesmo desenho do
@@ -3456,8 +3463,11 @@ button.tag-main { cursor:pointer; }
 .typography-weight-bold { font-weight:var(--weight-bold); }
 .typography-weight-extrabold { font-weight:var(--weight-extrabold); }
 /* GAR-16 (0.28.0): algarismos da mesma largura, para número que alinha em coluna ou muda na tela.
-   Ligado só onde se pede — no texto corrido o "1" estreito é o certo. */
-.typography-numeric { font-variant-numeric:tabular-nums; }
+   Ligado só onde se pede — no texto corrido o "1" estreito é o certo.
+   ADR-0077 (22/10/2026, decisão do Victor): e na fonte de código, a IBM Plex Mono — o valor e o número de
+   identificação, como no sistema que serviu de modelo (na tabela dele, só a coluna de número e a de valor; o resto
+   da tabela fica no texto). Vem depois dos `.typography-h*`, e por isso o título com `numeric` também troca. */
+.typography-numeric { font-family:var(--font-code); font-variant-numeric:tabular-nums; }
 .typography-align-start { text-align:start; }
 .typography-align-center { text-align:center; }
 .typography-align-end { text-align:end; }
@@ -3479,7 +3489,7 @@ button.tag-main { cursor:pointer; }
 
    A FONTE não muda: a prosa usa a do texto. ~~`--font-editorial` (IBM Plex Serif) existe e está
    sem uso~~ — desde a ADR-0053 (01/10/2026) a Plex Serif saiu, e `--font-editorial` é apelido da
-   fonte do texto (Atkinson Hyperlegible Next), mantido só para não quebrar quem o usa; sai na 1.0. */
+   fonte do texto (desde a ADR-0077, a Inter), mantido só para não quebrar quem o usa; sai na 1.0. */
 .prose { max-width:var(--prose-measure,68ch); font-size:var(--text-base); line-height:var(--leading-relaxed); }
 .prose > * + * { margin-block-start:var(--space-4); }
 .prose > h2,.prose > h3,.prose > h4 { margin-block-start:var(--space-8); }
@@ -4678,8 +4688,22 @@ button.graph-node-body { cursor:pointer; }
 /* O `secondary` do campo tem fundo próprio (`--secondary`, sem linha desde antes) e fica como era — sem o `:where`, esta
    regra (vinda depois) pintava por cima dele e o `secondary` ficava igual ao comum. O `:where` mantém a força de uma
    classe, e o inválido (que vem antes, com mais força) continua vencendo. */
-.input:where(:not(.input-secondary)),.textarea:where(:not(.textarea-secondary)),.select,.input-group:where(:not(:has(>.input-secondary))),.number-field-group,.combobox-multi { background-color:var(--fill-2); }
-.input-group > :is(.input,.select,.textarea),.number-field-group .input,.combobox-multi .input { background-color:transparent; }
+/* ── OS CAMPOS BRANCOS NO CLARO (ADR-0078, 22/10/2026) ─────────────────────────────────────────────────────────────
+   O Victor viu na bancada, no notebook e no monitor dele: *"gostei Branco + sombra ... dá pra ver também por conta da
+   sombra"*. É o campo da referência: no CLARO, a cor do cartão com a sombra leve (`--shadow-sm`, a MESMA dela); no
+   ESCURO, o de antes (o texto a 10%) — o dela, a superfície sem sombra, mede 1,13:1 contra 1,34:1, e sombra preta não
+   se vê no escuro. DENTRO de uma superfície branca (cartão, janela, folha, menu, painel do app), o campo volta ao cinza:
+   branco no branco só a sombra separa, e no escuro sumiria. A referência faz o mesmo com a variação `secondary`, mas
+   deixa o app escolher; aqui a superfície escolhe sozinha.
+   · O fundo "de página" mora em cada elemento de tema, como os `--fill-*` (segue a faixa de outro tema, GAR-05).
+   · As superfícies que pintam a cor do cartão devolvem o cinza. As que NÃO pintam ficam de fora: o cartão de contorno
+     (transparente — a caixa da vitrine) e o `inset` (cinza). O painel de prévia do site é página: volta ao branco. */
+:root,[data-theme] { --field-fill-page:var(--fill-2); --field-lift-page:none; }
+[data-theme="light"] { --field-fill-page:var(--card); --field-lift-page:var(--shadow-sm); }
+:root,[data-theme],.demo-panel[data-panel="preview"] { --field-fill:var(--field-fill-page); --field-lift:var(--field-lift-page); }
+:is(.card:not(.card-outline):not(.card-inset),.content:not(.content-plain),.section-card,.demo,.dialog,.drawer,.popover,.menu,.command-palette,.alert,.banner-consent,.toast,.accordion-surface,.datagrid-detail,:is(.table,.table-wrap) tbody :is(td,th)) { --field-fill:var(--fill-2); --field-lift:none; }
+.input:where(:not(.input-secondary)),.textarea:where(:not(.textarea-secondary)),.select,.input-group:where(:not(:has(>.input-secondary))),.number-field-group,.combobox-multi { background-color:var(--field-fill); box-shadow:var(--field-lift); }
+.input-group > :is(.input,.select,.textarea),.number-field-group .input,.combobox-multi .input { background-color:transparent; box-shadow:none; }
 .control-mark,.switch-track { background-color:var(--fill-3); }
 .btn-outline { --btn-bg:var(--fill-2); }
 .btn-outline.btn-tone-brand,.btn-primary-outline { --btn-bg:color-mix(in oklab,var(--primary) 16%,transparent); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurea-uds/core",
-  "version": "0.38.0",
+  "version": "0.40.0",
   "description": "O CSS da Aurea UDS e o comportamento em JavaScript puro. Importe @aurea-uds/fonts/css antes deste.",
   "keywords": [
     "aurea",