@aurea-uds/native 0.8.10 → 0.8.12

package/dist/busca.js

@@ -80,7 +80,7 @@ import { useAureaStrings, useAureaTokens, ForaDaMarca, usePeleSobreAMarca } from
 // tornaria pública uma conta interna do outro módulo, e um `import` de função privada entre
 // módulos irmãos é o começo de um acoplamento que ninguém declara. São três linhas.
 const alturaDoTamanho = (t, s) => s === "sm" ? t.size.controlHSm : s === "lg" ? t.size.controlHLg : t.size.controlHMd;
-const fonteDoTamanho = (t, s) => s === "sm" ? t.size.textXs : s === "lg" ? t.size.textBase : t.size.textMd;
+const fonteDoTamanho = (t, s) => s === "sm" ? t.size.textSm : s === "lg" ? t.size.textLg : t.size.textBase; // ADR-0050: um degrau acima da web
 // ⚠ O `13` do tamanho `md` NÃO é número inventado: é o `padding-inline` literal do `.input`
 // (`aurea.css:685`), e é o mesmo valor que o `inputs.tsx:60` usa. Não há token de 13 — a escala
 // tem `space3`=12 e `space4`=16 —, e é por isso que o CSS o escreve cru dos dois lados.

package/dist/chart.js

@@ -169,7 +169,7 @@ export function Chart({ labels, series, label, mark = "line", height = ALTURA, y
         return d.trim();
     };
     const tocar = (i) => { setTocado(i); onSelect?.(i); };
-    return (_jsxs(View, { style: [s.caixa, style], testID: testID, children: [_jsxs(View, { onLayout: (e) => setLargura(e.nativeEvent.layout.width), style: { height }, children: [largura > 0 ? (_jsx(View, { accessible: true, accessibilityLabel: nome, children: _jsxs(Svg, { width: largura, height: height, testID: testID ? `${testID}-svg` : undefined, children: [_jsx(G, { children: passos.map((v, i) => (_jsx(Line, { x1: CALHA.esquerda, y1: y(v), x2: largura - CALHA.direita, y2: y(v), stroke: t.color.border, strokeWidth: t.size.borderWidth }, `g${i}`))) }), _jsxs(G, { children: [passos.map((v, i) => (_jsx(SvgText, { x: CALHA.esquerda - 6, y: y(v) + 4, textAnchor: "end", fontSize: t.size.textXs, fontFamily: t.font.ui[400], fill: t.color.mutedForeground, children: formatValue(v) }, `ty${i}`))), labels.map((rotulo, i) => (_jsx(SvgText, { x: x(i), y: height - 6, textAnchor: "middle", fontSize: t.size.textXs, fontFamily: t.font.ui[400], fill: t.color.mutedForeground, children: rotulo }, `tx${i}`)))] }), series.map((serie, n) => {
+    return (_jsxs(View, { style: [s.caixa, style], testID: testID, children: [_jsxs(View, { onLayout: (e) => setLargura(e.nativeEvent.layout.width), style: { height }, children: [largura > 0 ? (_jsx(View, { accessible: true, accessibilityLabel: nome, children: _jsxs(Svg, { width: largura, height: height, testID: testID ? `${testID}-svg` : undefined, children: [_jsx(G, { children: passos.map((v, i) => (_jsx(Line, { x1: CALHA.esquerda, y1: y(v), x2: largura - CALHA.direita, y2: y(v), stroke: t.color.border, strokeWidth: t.size.borderWidth }, `g${i}`))) }), _jsxs(G, { children: [passos.map((v, i) => (_jsx(SvgText, { x: CALHA.esquerda - 6, y: y(v) + 4, textAnchor: "end", fontSize: t.size.textSm, fontFamily: t.font.ui[400], fill: t.color.mutedForeground, children: formatValue(v) }, `ty${i}`))), labels.map((rotulo, i) => (_jsx(SvgText, { x: x(i), y: height - 6, textAnchor: "middle", fontSize: t.size.textSm, fontFamily: t.font.ui[400], fill: t.color.mutedForeground, children: rotulo }, `tx${i}`)))] }), series.map((serie, n) => {
                                     const marca = serie.mark ?? mark;
                                     const cor = cores[n];
                                     if (marca === "bar") {

package/dist/inputs.js

@@ -47,7 +47,7 @@ import { useReduceMotion } from "./movimento.js";
 import { Text } from "./text.js";
 import { useAureaStrings, useAureaTokens, usePeleSobreAMarca, ForaDaMarca } from "./theme.js";
 const alturaDoTamanho = (t, s) => s === "sm" ? t.size.controlHSm : s === "lg" ? t.size.controlHLg : t.size.controlHMd;
-const fonteDoTamanho = (t, s) => s === "sm" ? t.size.textXs : s === "lg" ? t.size.textBase : t.size.textMd;
+const fonteDoTamanho = (t, s) => s === "sm" ? t.size.textSm : s === "lg" ? t.size.textLg : t.size.textBase; // ADR-0050: um degrau acima da web
 const respiroDoTamanho = (t, s) => s === "sm" ? t.size.space3 : s === "lg" ? t.size.space4 : 13;
 const folha = criarFolha((t) => ({
     campo: { gap: 7 },

package/dist/numero.js

@@ -51,7 +51,7 @@ import { criarFolha } from "./estilos.js";
 import { useCampo } from "./inputs.js";
 import { useAureaStrings, useAureaTokens, usePeleSobreAMarca } from "./theme.js";
 const alturaDoTamanho = (t, s) => s === "sm" ? t.size.controlHSm : s === "lg" ? t.size.controlHLg : t.size.controlHMd;
-const fonteDoTamanho = (t, s) => s === "sm" ? t.size.textXs : s === "lg" ? t.size.textBase : t.size.textMd;
+const fonteDoTamanho = (t, s) => s === "sm" ? t.size.textSm : s === "lg" ? t.size.textLg : t.size.textBase; // ADR-0050: um degrau acima da web
 const folha = criarFolha((t) => ({
     // 🔴 ELE ESTICAVA, E NÃO DEVIA — achado em 12/09/2026, olhando a primeira imagem da vitrine.
     //

package/dist/text.js

@@ -53,8 +53,14 @@ import { useAureaTokens, useSobreAMarca } from "./theme.js";
 // linha ~29. Isso cabe em toda cápsula, MENOS o controle `sm` na densidade compacta (28 de
 // altura), que estoura por 1 ponto. Em 1,5× vários estouram — e isso já era verdade na escala
 // antiga.
+// ⚠ **ESCALA DO HEROUI, 24/09/2026 (ADR-0050, que substitui a 0049).** Os NÚMEROS são os da web —
+// 12 · 14 · 16 · 18 · 20 · 24 · 30 · 36 · 48, a escala do Tailwind que o HeroUI usa. O que muda no
+// telefone é o DEGRAU que cada papel pega, e isso também é do HeroUI, lido no pacote deles: na web
+// a peça é `text-sm` (14) e o apoio `text-xs` (12); no HeroUI Native a peça é `text-base` (16) e o
+// apoio `text-sm` (14). Por isso aqui os nomes pequenos sobem UM degrau: o mesmo `size="sm"` que é
+// 14 na web é 16 no telefone. Os componentes não trocam de nome; o mapa é que traduz o papel.
 const TAMANHO = {
-    xs: "textXs", sm: "textSm", md: "textMd", base: "textBase", lg: "textLg",
+    xs: "textSm", sm: "textBase", md: "textBase", base: "textBase", lg: "textLg",
     xl: "textXl", "2xl": "text2xl", "3xl": "text3xl", "4xl": "text4xl", "5xl": "text5xl",
 };
 const ENTRELINHA = {
@@ -93,7 +99,7 @@ export function Text({ size = "md", weight = 400, font = "ui", tone = "default",
     const s = folha(t);
     const sobreAMarca = useSobreAMarca();
     const proprio = React.useMemo(() => {
-        const fontSize = t.size[TAMANHO[size]] ?? t.size.textMd;
+        const fontSize = t.size[TAMANHO[size]] ?? t.size.textBase;
         const escala = t.font[font];
         // O itálico é UMA fonte, não um estilo sintético: `fontStyle:"italic"` faria o sistema
         // inclinar o desenho reto, e o Plex tem itálico desenhado. Só o `ui` o tem — nos outros

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurea-uds/native",
-  "version": "0.8.10",
+  "version": "0.8.12",
   "description": "React Native target for Aurea UDS: the theme x density provider, the first components and the Carbon icons, drawn on react-native-svg.",
   "keywords": [
     "aurea",
@@ -47,7 +47,7 @@
     "NOTICE"
   ],
   "dependencies": {
-    "@aurea-uds/tokens": "^0.8.10"
+    "@aurea-uds/tokens": "^0.8.12"
   },
   "peerDependencies": {
     "@react-native-community/datetimepicker": ">=8",