@aurea-uds/core 0.12.1 → 0.12.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/aurea.css +12 -1
- package/package.json +1 -1
package/dist/aurea.css
CHANGED
|
@@ -737,7 +737,7 @@ img,svg { display:block; }
|
|
|
737
737
|
.bottom-nav { --bottomnav-ring:2rem; --bottomnav-surface:var(--card); position:sticky; bottom:0; z-index:var(--z-sticky); display:flex; gap:var(--space-1); margin:var(--space-4); margin-bottom:calc(var(--space-4) + env(safe-area-inset-bottom)); padding:var(--space-1); border:1px solid var(--border); border-radius:var(--radius-control); background:var(--card); color:var(--card-foreground); box-shadow:var(--shadow-md); }
|
|
738
738
|
/* `--control-h-lg` e não `--control-h-md`: alvo de toque. O md dá 36px em comfortable e
|
|
739
739
|
o alvo confortável de dedo é maior — com o recuo, o item renderiza acima de 44px. */
|
|
740
|
-
.bottom-nav-item { flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-
|
|
740
|
+
.bottom-nav-item { flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-05); min-height:var(--control-h-lg); padding:var(--space-1); border:0; border-radius:var(--radius-control); background:transparent; color:var(--muted-foreground); font:inherit; font-size:var(--text-xs); text-align:center; text-decoration:none; cursor:pointer; }
|
|
741
741
|
.bottom-nav-item .icon { flex:none; opacity:.8; }
|
|
742
742
|
.bottom-nav-label { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
|
|
743
743
|
/* O CONTADOR PENDURA NO ÍCONE — canto superior da ponta, encostando na borda dele.
|
|
@@ -771,6 +771,17 @@ img,svg { display:block; }
|
|
|
771
771
|
entrega 42px em comfortable e 48 em spacious, contra os 44pt mínimos da HIG da Apple e os
|
|
772
772
|
48dp do Material. A moldura é a caixa do DESENHO; o alvo é o item inteiro. */
|
|
773
773
|
.bottom-nav-mark { position:relative; flex:none; display:inline-flex; align-items:center; justify-content:center; width:var(--bottomnav-ring); height:var(--bottomnav-ring); border-radius:var(--radius-control); }
|
|
774
|
+
/* A BARRA MAIS BAIXA — pedido do Victor, 30/09/2026, aprovado pela imagem: *"ele é muito largo, e
|
|
775
|
+
é assim por conta da distância entre o ícone em cima e o texto embaixo"*. A moldura de 32 só
|
|
776
|
+
serve aos quatro indicadores REDONDOS, em que ela vira o círculo. Nos outros três ela era folga
|
|
777
|
+
vazia: 4 em cima e 4 embaixo do ícone de 24, mais o vão de 4 até o rótulo — 9 medidos entre o
|
|
778
|
+
ícone e o texto. Fora dos redondos (e na barra sem classe de indicador, a do HTML puro) a
|
|
779
|
+
moldura fica da altura do ícone, e o vão do item cai para
|
|
780
|
+
`--space-05`. A largura continua 32: é ela que dá o canto ao contador. O mesmo conserto está no
|
|
781
|
+
nativo (`navigation.tsx`). ~~A folga de 4dp do M3 entre o indicador e o rótulo~~ vale só para
|
|
782
|
+
os redondos agora. */
|
|
783
|
+
.bottom-nav-mark { height:var(--icon-lg); }
|
|
784
|
+
.bottom-nav-ind-circle .bottom-nav-mark, .bottom-nav-ind-circle-raised .bottom-nav-mark, .bottom-nav-ind-circle-outline .bottom-nav-mark, .bottom-nav-ind-circle-bold .bottom-nav-mark { height:var(--bottomnav-ring); }
|
|
774
785
|
/* `inline-flex` no envoltório: como `<span>` solto ele é caixa de LINHA, e mede a entrelinha do
|
|
775
786
|
item (18px) em vez do contador que carrega (16px). A diferença não aparece na tela — aparece
|
|
776
787
|
na medição, e medição errada é o que faz a razão parecer 0,75 quando é 0,67. */
|