@aurea-uds/core 0.37.0 → 0.38.0

package/dist/aurea.css

@@ -359,7 +359,7 @@
   --segment:oklch(0.312 0.02 250);
   --muted:oklch(0.19 0.02 250);
   --muted-foreground:oklch(0.72 0.015 250);
-  --subtle-foreground:oklch(0.58 0.016 250);
+  --subtle-foreground:oklch(0.72 0.015 250);
   --accent:oklch(0.32 0.08 50);
   --accent-foreground:oklch(0.85 0.14 60);
   --destructive:oklch(0.7 0.19 25);
@@ -422,8 +422,8 @@
   --secondary-foreground:oklch(0.24 0.022 250);
   --secondary-hover:oklch(0.94 0.006 70);
   --muted:oklch(0.965 0.006 70);
-  --muted-foreground:oklch(0.52 0.018 255);
-  --subtle-foreground:oklch(0.65 0.014 255);
+  --muted-foreground:oklch(0.49 0.018 255);
+  --subtle-foreground:oklch(0.49 0.018 255);
   --accent:oklch(0.96 0.04 60);
   --accent-foreground:oklch(0.52 0.17 45);
   --destructive:oklch(0.62 0.21 26);
@@ -2107,7 +2107,10 @@ img,svg { display:block; }
 /* Form (M1): empilhar campos com respiro. Nada além disso — sem borda, sem fundo, sem largura.
    Formulário é ARRANJO, e arranjo é do Stack/Grid; se esta classe crescer, ela vira uma terceira
    maneira de fazer layout e passa a brigar com as duas que já existem. */
-.form { display:grid; gap:var(--space-5); }
+/* `minmax(0, 1fr)` (MNT-33, 21/10/2026): a coluna implícita (`auto`) não fica menor que o conteúdo, e uma tabela larga
+   dentro de um invólucro do app alargava a PÁGINA em vez de rolar na caixa dela (a 640 px, 104 px para o lado). O mesmo
+   no `.data-state` e no `.dialog-body`: as grades que embrulham conteúdo do app. */
+.form { display:grid; grid-template-columns:minmax(0, 1fr); gap:var(--space-5); }
 /* description (B-12): a frase de ajuda embaixo do controle, com a letra e a cor do `.hint`. */
 .field-description { color:var(--muted-foreground); font-size:var(--text-xs); line-height:var(--space-4); }
 /* o erro com 4 de recuo, como o da referência (0.32.0) */
@@ -2680,7 +2683,7 @@ img,svg { display:block; }
 /* DataState (M3): a região que troca de cara. Ela NÃO desenha nada próprio — só empilha o que
    já existe (esqueleto, alerta, estado vazio, conteúdo) com respiro entre eles. Se ganhar borda
    ou fundo, viram duas superfícies para a mesma coisa — o defeito que a `.table-region` cobrou. */
-.data-state { display:grid; gap:var(--space-3); }
+.data-state { display:grid; grid-template-columns:minmax(0, 1fr); gap:var(--space-3); }
 .skeleton { position:relative; overflow:hidden; border-radius:var(--radius-sm); background:var(--surface-3); }
 .skeleton { animation:skeleton-pulse 1.35s ease-in-out infinite; } @keyframes skeleton-pulse { 50% { opacity:.55; } }
 /* 0.32.0: `animation="none"` para o pulso; e quem pediu menos movimento ao sistema também não o vê. */
@@ -3619,7 +3622,7 @@ button.tag-main { cursor:pointer; }
 .dialog-icon-success { background:var(--success-bg); color:var(--success-400); }
 .dialog-icon-warning { background:var(--warning-bg); color:var(--warning-400); }
 .dialog-icon-danger { background:var(--danger-bg); color:var(--danger-400); }
-.dialog-body { --dialog-ring:calc(var(--focus-width) + var(--focus-offset)); display:grid; gap:14px; flex:1 1 auto; min-block-size:0; overflow-y:auto; overscroll-behavior:contain; margin-inline:calc(-1 * var(--dialog-ring)); padding:var(--dialog-ring); color:var(--muted-foreground); font-size:var(--text-sm); line-height:var(--space-5); }
+.dialog-body { --dialog-ring:calc(var(--focus-width) + var(--focus-offset)); display:grid; grid-template-columns:minmax(0, 1fr); gap:14px; flex:1 1 auto; min-block-size:0; overflow-y:auto; overscroll-behavior:contain; margin-inline:calc(-1 * var(--dialog-ring)); padding:var(--dialog-ring); color:var(--muted-foreground); font-size:var(--text-sm); line-height:var(--space-5); }
 .dialog-header + .dialog-body { margin-block-start:calc(var(--space-2) - var(--dialog-ring)); }
 .dialog-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:var(--space-2); }
 .dialog-body + .dialog-footer { margin-block-start:calc(var(--space-5) - var(--dialog-ring)); }
@@ -4433,7 +4436,11 @@ button.graph-node-body { cursor:pointer; }
    a lista sozinha, como era. */
 .graph-legend ul { display:grid; gap:var(--space-1); margin:0; padding:0; list-style:none; }
 .graph-legend-title { margin:0; color:var(--muted-foreground); font-weight:var(--weight-medium); }
-.graph-legend ul + .graph-legend-title { margin-block-start:var(--space-2); }
+.graph-legend-part { display:grid; gap:var(--space-1); }
+.graph-legend-part + .graph-legend-part { margin-block-start:var(--space-2); }
+/* A DOCA DA LEGENDA (MNT-31, 21/10/2026): o botão que a esconde fica parado no canto, e a lista sobe
+   acima dele — abrir e fechar não tira o botão do lugar. */
+.graph-dock { display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-2); }
 .graph-legend li { display:flex; align-items:center; gap:var(--space-2); }
 .graph-legend-sample { inline-size:var(--space-8); block-size:var(--space-2); overflow:visible; }
 .graph-legend-sample .graph-edge,.graph-legend-sample .graph-edge-double-core { fill:none; }

package/package.json

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