@aurea-uds/core 0.8.12 → 0.8.14

package/dist/aurea.css

@@ -42,6 +42,7 @@
   --radius-control:999px;
   --radius-full:var(--radius-control);
   --border-width:1px;
+  --opacity-disabled:0.5;
   --shadow-md:0 16px 42px rgba(0,0,0,0.28);
   --shadow-lg:0 28px 80px rgba(0,0,0,0.42);
   --duration-fast:120ms;
@@ -786,6 +787,12 @@ img,svg { display:block; }
 /* `edge` encosta na borda, entao a folga do sistema volta a ser RECHEIO — por fora ela deixaria
    uma faixa de fundo entre a barra e o pe' da tela. `max` e nao soma, como sempre foi. */
 .bottom-nav-edge { --bottomnav-surface:var(--background); margin:0; padding-inline:0; padding-bottom:max(var(--space-1),env(safe-area-inset-bottom)); border-width:1px 0 0; border-radius:0; background:var(--background); box-shadow:none; }
+/* width="content" — R-08, 24/09/2026: a pílula do tamanho das abas, no centro, em vez de ir de
+   uma borda à outra. Só no floating (a edge encosta na borda). As abas deixam o flex:1 — com ele
+   num recipiente do tamanho do conteúdo elas se espalham ou somem — e medem o próprio conteúdo;
+   o mínimo é o alvo de toque da própria aba (--control-h-lg). */
+.bottom-nav-content:not(.bottom-nav-edge) { inline-size:fit-content; max-inline-size:calc(100% - 2 * var(--space-4)); margin-inline:auto; }
+.bottom-nav-content:not(.bottom-nav-edge) .bottom-nav-item { flex:0 1 auto; min-width:var(--control-h-lg); padding-inline:var(--space-3); }
 /* `--primary-emphasis` e não `--primary`: sem fundo, a marca vira TEXTO, e o amarelo puro
    sobre o claro não se lê. É o mesmo token que o `.badge-primary` já usa por essa razão. */
 .bottom-nav-ind-none .bottom-nav-item[aria-current] { color:var(--primary-emphasis); }
@@ -1116,7 +1123,7 @@ img,svg { display:block; }
 .input,.textarea,.select { width:100%; min-width:0; block-size:var(--step-h,var(--control-h-md)); padding-block:0; padding-inline:var(--step-field-px,13px); color:var(--foreground); background:var(--field-bg); border:1px solid var(--border-strong); border-radius:var(--radius-control); transition:border-color var(--duration-fast),background-color var(--duration-fast),box-shadow var(--duration-fast); }
 .input:hover,.textarea:hover,.select:hover { border-color:var(--border); }
 .input::placeholder,.textarea::placeholder { color:var(--subtle-foreground); }
-.input:disabled,.textarea:disabled,.select:disabled { opacity:.5; cursor:not-allowed; }
+.input:disabled,.textarea:disabled,.select:disabled { opacity:var(--opacity-disabled); cursor:not-allowed; }
 /* O `padding-inline` daqui tem de LER a variável também, e com o próprio padrão: a base do
    textarea vem DEPOIS da regra compartilhada e a sobrescrevia, congelando o padding em 14px nos
    três degraus. Medido em 22/08/2026 contra o estado anterior — era 12/14/16 e virou 14/14/14.
@@ -1152,7 +1159,7 @@ img,svg { display:block; }
    descrevendo um comportamento que não é o que acontece. */
 .number-field-scrub-vertical { cursor:ns-resize; }
 .number-field-scrub:hover { background:var(--surface-hover); color:var(--foreground); }
-.number-field-scrub[data-disabled] { opacity:.5; cursor:not-allowed; }
+.number-field-scrub[data-disabled] { opacity:var(--opacity-disabled); cursor:not-allowed; }
 /* O cursor virtual é PORTALADO para o <body> — o ponteiro do sistema fica escondido pelo Pointer
    Lock durante o arraste, e este elemento é o que a pessoa vê no lugar dele. Portalado, ele sai
    de qualquer contexto de empilhamento local, então precisa do degrau de overlay para não ficar
@@ -1413,6 +1420,10 @@ img,svg { display:block; }
    badge com ícone fica mais alto que o badge de texto na mesma fila. 16px + 3+3 de padding
    + 1+1 de borda = 24px exatos: com ícone ou sem, mede o mesmo. */
 .badge .icon { width:var(--icon-sm); height:var(--icon-sm); }
+/* fit="content" (R-01): o tamanho do texto mesmo numa coluna. `fit-content` e não `align-self`:
+   numa fila, `align-self:flex-start` tiraria o selo do meio; o tamanho definido só desliga o
+   esticar, que é o que a coluna faz com um item sem tamanho. */
+.badge-fit { inline-size:fit-content; }
 .badge-primary { --badge-accent:var(--primary-emphasis); color:var(--primary-emphasis); border-color:var(--primary-outline); background:color-mix(in srgb,var(--primary) 10%,transparent); }
 /* TAMANHOS. O md é a base (24px), que não muda — é o que as 103 fichas já usam. */
 .badge-xs { min-height:var(--space-4); padding:0 var(--space-1); border-width:0; }
@@ -2076,7 +2087,7 @@ img,svg { display:block; }
 .menu { --menu-px:10px; z-index:var(--z-modal); min-width:200px; max-width:min(320px,calc(100vw - 32px)); padding:var(--space-1); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--popover); color:var(--popover-foreground); box-shadow:var(--shadow-lg); }
 .menu-item { display:flex; align-items:center; gap:10px; width:100%; min-height:var(--control-h-md); padding:0 var(--menu-px,10px); border:0; border-radius:calc(var(--radius-card) - var(--space-1)); background:transparent; color:var(--foreground); font:inherit; text-align:start; cursor:pointer; }
 .menu-item[data-highlighted],.menu-item:hover:not([data-disabled]) { background:var(--surface-3); outline:none; }
-.menu-item[data-disabled] { opacity:.5; cursor:not-allowed; }
+.menu-item[data-disabled] { opacity:var(--opacity-disabled); cursor:not-allowed; }
 /* CommandPalette (M6): a lista dentro da paleta. Reusa `.menu` e `.menu-item` — a paleta nao
    inventa uma segunda pele de lista, que e o defeito que a `.table-region` cobrou caro. O que se
    acrescenta e o teto de altura (a lista rola, a caixa nao cresce sem fim) e a linha do item,
@@ -2155,7 +2166,7 @@ img,svg { display:block; }
 .combobox-multi>.combobox-actions { position:static; inset-inline-end:auto; }
 /* o campo de chips não é `.input`, então a regra de :disabled dos campos não o alcança. Quem
    marca aqui é o `data-disabled` que o Base UI põe no InputGroup a partir do estado da Root. */
-.combobox-multi[data-disabled] { opacity:.5; cursor:not-allowed; }
+.combobox-multi[data-disabled] { opacity:var(--opacity-disabled); cursor:not-allowed; }
 .combobox-multi[data-disabled] .combobox-chip-input { cursor:not-allowed; }
 .combobox-chips { display:flex; flex:1; flex-wrap:wrap; align-items:center; gap:var(--space-2); min-width:0; }
 .combobox-chip { display:inline-flex; align-items:center; gap:var(--space-1); padding-block:var(--space-1); padding-inline:var(--space-3) var(--space-1); background:var(--secondary); color:var(--foreground); border-radius:var(--radius-control); font-size:var(--text-sm); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurea-uds/core",
-  "version": "0.8.12",
+  "version": "0.8.14",
   "description": "The Aurea UDS stylesheet and its vanilla behaviour. Import @aurea-uds/fonts/css before this.",
   "keywords": [
     "aurea",