@aurea-uds/react 0.16.1 → 0.17.0
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.
|
@@ -84,7 +84,7 @@ export declare function Sidebar({ items, current, collapsed, variant, label, chi
|
|
|
84
84
|
label?: string;
|
|
85
85
|
}): React.JSX.Element;
|
|
86
86
|
export type BottomNavVariant = "floating" | "edge";
|
|
87
|
-
export type BottomNavIndicator = "none" | "subtle" | "pill" | "circle" | "circle-raised" | "circle-bold" | "circle-outline";
|
|
87
|
+
export type BottomNavIndicator = "none" | "subtle" | "pill" | "circle" | "circle-raised" | "circle-bold" | "circle-outline" | "capsule" | "expand";
|
|
88
88
|
export type BottomNavWidth = "full" | "content";
|
|
89
89
|
/** @deprecated Os quatro nomes de 17/08/2026. Use `variant` + `indicator`. */
|
|
90
90
|
export type BottomNavVariantLegacy = "flat" | "surface" | "pill" | "dock";
|
|
@@ -241,7 +241,12 @@ export function BottomNav({ items, current, variant = "floating", indicator = "n
|
|
|
241
241
|
// `size="lg"` porque a proporção contra o contador foi medida: 24 para 16, razão 0,67.
|
|
242
242
|
// O item escolhido desenha o ícone CHEIO (ADR-0053).
|
|
243
243
|
const marca = _jsxs("span", { className: "bottom-nav-mark", children: [it.icon && _jsx(Icon, { name: it.icon, size: "lg", weight: ativo ? "fill" : undefined }), it.badge != null && _jsx("span", { className: "bottom-nav-badge", children: it.badge })] });
|
|
244
|
-
|
|
244
|
+
// O DISCO DO `circle-bold` é uma caixa DENTRO do item, em todos os itens (03/10/2026): quando o
|
|
245
|
+
// disco ERA o item escolhido, ele media 56 e os outros o conteúdo, e trocar de aba mudava a
|
|
246
|
+
// largura da barra. Agora o item mede o mesmo escolhido ou não; só a pintura muda.
|
|
247
|
+
// No `expand` o nome dos não escolhidos sai da TELA e fica para o leitor de tela: a `.sr-only`.
|
|
248
|
+
const corpo = _jsxs(_Fragment, { children: [marca, _jsx("span", { className: cx("bottom-nav-label", ind === "expand" && !ativo && "sr-only"), children: it.label })] });
|
|
249
|
+
const miolo = ind === "circle-bold" ? _jsx("span", { className: "bottom-nav-disc", children: corpo }) : corpo;
|
|
245
250
|
return it.render
|
|
246
251
|
? _jsx(React.Fragment, { children: fundirRender(it.render, { className: "bottom-nav-item", "aria-current": ativo ? "page" : undefined, onClick: it.onClick, children: miolo }, "a") }, it.id)
|
|
247
252
|
: it.href
|