@aurea-uds/native 0.10.1 → 0.12.1

package/dist/strings.js

@@ -50,6 +50,8 @@ export const defaultStrings = {
     decrement: "Decrease",
     comboboxEmpty: "No results",
     comboboxClear: "Clear selection",
+    themeToDark: "Switch to dark theme",
+    themeToLight: "Switch to light theme",
     comboboxLoading: "Loading…",
     comboboxSearch: "Search",
     searchClear: "Clear search",
@@ -88,6 +90,8 @@ export const ptBR = {
     decrement: "Diminuir",
     comboboxEmpty: "Nenhum resultado",
     comboboxClear: "Limpar seleção",
+    themeToDark: "Mudar para o tema escuro",
+    themeToLight: "Mudar para o tema claro",
     comboboxLoading: "Carregando…",
     comboboxSearch: "Buscar",
     searchClear: "Limpar busca",

package/dist/text.d.ts

@@ -9,7 +9,18 @@ export type AureaTextFont = "ui" | "editorial" | "code";
 /** O que a cor SIGNIFICA. Mesmo vocabulário do `tone` do Button (ADR-0044). */
 export type AureaTextTone = "default" | "muted" | "subtle" | "primary" | "link" | "danger" | "success" | "warning" | "info";
 export type AureaTextLeading = "none" | "tight" | "normal" | "relaxed";
+/**
+ * O PAPEL do texto — B-02, 25/09/2026, no molde do `Typography` do HeroUI Native 1.0.10. Uma lista
+ * fechada: título 1–6, texto, texto pequeno, texto mínimo e código.
+ */
+export type AureaTextType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body" | "body-sm" | "body-xs" | "code";
 export interface TextProps extends TextPropsRN {
+    /**
+     * O papel (B-02). Dá tamanho, peso, entrelinha e fonte de uma vez, com os números do HeroUI
+     * Native — os MESMOS da web, sem o degrau a mais do `size`. Uma opção solta passada junto
+     * (`size`, `weight`…) continua valendo por cima dele.
+     */
+    type?: AureaTextType;
     size?: AureaTextSize;
     weight?: AureaTextWeight;
     font?: AureaTextFont;
@@ -30,4 +41,30 @@ export interface TextProps extends TextPropsRN {
  * próprias. Pedir peso 600 por `fontWeight` devolveria o Regular sintetizado — **em silêncio**.
  * Quem escolhe a fonte aqui é o `fontFamily`, com o nome PostScript que o provider já resolveu.
  */
-export declare function Text({ size, weight, font, tone, leading, italic, align, tracking, style, ...rest }: TextProps): React.JSX.Element;
+export declare function Text({ type, size, weight: pesoPedido, font: fontePedida, tone, leading, italic, align, tracking: trackingPedido, style, ...rest }: TextProps): React.JSX.Element;
+export type AureaTypographyColor = "default" | "muted";
+export type AureaTypographyWeight = "normal" | "medium" | "semibold" | "bold";
+export type AureaTypographyAlign = "start" | "center" | "end" | "justify";
+interface AureaTypographyBase extends Omit<TextPropsRN, "children"> {
+    color?: AureaTypographyColor;
+    weight?: AureaTypographyWeight;
+    /** `start`/`end` viram `left`/`right`, que o React Native já espelha em RTL (nota do HeroUI Native). */
+    align?: AureaTypographyAlign;
+    /** Uma linha só, cortada com reticências (`numberOfLines={1}`). */
+    truncate?: boolean;
+    children?: React.ReactNode;
+}
+export interface HeadingProps extends AureaTypographyBase {
+    type?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+}
+/** Título. Marca `accessibilityRole="header"` sozinho, como o HeroUI Native. */
+export declare function Heading({ type, accessibilityRole, ...rest }: HeadingProps): React.JSX.Element;
+export interface ParagraphProps extends AureaTypographyBase {
+    type?: "body" | "body-sm" | "body-xs";
+}
+/** Parágrafo de texto corrido, em três tamanhos: 16, 14 e 12. */
+export declare function Paragraph({ type, ...rest }: ParagraphProps): React.JSX.Element;
+export type CodeProps = AureaTypographyBase;
+/** Um trecho curto de código no meio da frase, com a fonte mono e o fundo do `code` da web. */
+export declare function Code(props: CodeProps): React.JSX.Element;
+export {};

package/dist/text.js

@@ -66,6 +66,15 @@ const TAMANHO = {
 const ENTRELINHA = {
     none: "leadingNone", tight: "leadingTight", normal: "leadingNormal", relaxed: "leadingRelaxed",
 };
+const titulo = (tamanho) => ({ tamanho, peso: 600, entrelinha: "leadingTight", fonte: "ui", junto: true });
+const PAPEL = {
+    h1: titulo("text4xl"), h2: titulo("text3xl"), h3: titulo("text2xl"),
+    h4: titulo("textXl"), h5: titulo("textLg"), h6: titulo("textBase"),
+    body: { tamanho: "textBase", peso: 400, entrelinha: "leadingRelaxed", fonte: "ui" },
+    "body-sm": { tamanho: "textSm", peso: 400, entrelinha: "leadingRelaxed", fonte: "ui" },
+    "body-xs": { tamanho: "textXs", peso: 400, entrelinha: "leadingRelaxed", fonte: "ui" },
+    code: { tamanho: "textSm", peso: 400, entrelinha: "leadingNormal", fonte: "code" },
+};
 const COR = {
     default: "foreground", muted: "mutedForeground", subtle: "subtleForeground",
     // ⚠ `primary` e `link` são o MESMO amarelo em matiz, e NÃO são intercambiáveis.
@@ -94,12 +103,22 @@ const folha = criarFolha((t) => {
  * próprias. Pedir peso 600 por `fontWeight` devolveria o Regular sintetizado — **em silêncio**.
  * Quem escolhe a fonte aqui é o `fontFamily`, com o nome PostScript que o provider já resolveu.
  */
-export function Text({ size = "md", weight = 400, font = "ui", tone = "default", leading = "normal", italic = false, align, tracking, style, ...rest }) {
+export function Text({ type, size, weight: pesoPedido, font: fontePedida, tone = "default", leading, italic = false, align, tracking: trackingPedido, style, ...rest }) {
     const t = useAureaTokens();
     const s = folha(t);
     const sobreAMarca = useSobreAMarca();
+    // Sem `type`, os padrões de sempre (`md`, 400, `ui`, `normal`) — nada muda para quem já usa.
+    const papel = type ? PAPEL[type] : undefined;
+    const weight = pesoPedido ?? papel?.peso ?? 400;
+    const font = fontePedida ?? papel?.fonte ?? "ui";
+    const tracking = trackingPedido ?? (papel?.junto ? "tight" : undefined);
     const proprio = React.useMemo(() => {
-        const fontSize = t.size[TAMANHO[size]] ?? t.size.textBase;
+        const fontSize = size
+            ? t.size[TAMANHO[size]] ?? t.size.textBase
+            : papel ? t.size[papel.tamanho] ?? t.size.textBase : t.size[TAMANHO.md];
+        const razao = leading
+            ? t.size[ENTRELINHA[leading]] ?? t.size.leadingNormal
+            : papel ? t.size[papel.entrelinha] ?? t.size.leadingNormal : t.size.leadingNormal;
         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
@@ -109,13 +128,18 @@ export function Text({ size = "md", weight = 400, font = "ui", tone = "default",
             fontFamily: familia,
             fontSize,
             // `lineHeight` no RN é ABSOLUTO (dp), não múltiplo — os tokens de entrelinha são razão.
-            lineHeight: fontSize * (t.size[ENTRELINHA[leading]] ?? t.size.leadingNormal),
+            lineHeight: fontSize * razao,
             // `letterSpacing` também é absoluto: o token é razão de `em` e multiplica o tamanho.
             // É a impedância que a Etapa 2 mediu e resolveu emitindo razão em vez de dp.
             ...(tracking ? { letterSpacing: fontSize * t.tracking[`tracking${tracking[0].toUpperCase()}${tracking.slice(1)}`] } : null),
             ...(align ? { textAlign: align } : null),
+            // O código leva a pele do `code` da web: fundo, canto e um recheio pequeno (HeroUI Native).
+            ...(type === "code" ? {
+                alignSelf: "flex-start", backgroundColor: t.color.surface2, borderRadius: t.size.radiusXs,
+                paddingHorizontal: t.size.space1, paddingVertical: t.size.space05,
+            } : null),
         };
-    }, [t, size, weight, font, leading, italic, align, tracking]);
+    }, [t, type, papel, size, weight, font, leading, italic, align, tracking]);
     // 🔴 SOBRE UMA SUPERFÍCIE DA MARCA A COR É FORÇADA, e ela vence até o tom explícito.
     // Medido contra o `primary` nos dois temas: texto comum dá **1,83 no escuro**, esmaecido
     // **1,35**, e `danger` menos ainda. **Nenhum tom alcança os 4,5 da norma sobre o amarelo** —
@@ -126,3 +150,20 @@ export function Text({ size = "md", weight = 400, font = "ui", tone = "default",
     // ⚠ E `style` continua por último de propósito: quem passa cor à mão assume a conta.
     return _jsx(TextRN, { style: [s[tone], sobreAMarca && { color: sobreAMarca.tinta }, proprio, style], ...rest });
 }
+const PESO = { normal: 400, medium: 500, semibold: 600, bold: 700 };
+const ALINHA = { start: "left", center: "center", end: "right", justify: "justify" };
+function papelDe(type, { color, weight, align, truncate, style, ...rest }) {
+    return (_jsx(Text, { ...rest, type: type, tone: color === "muted" ? "muted" : "default", weight: weight ? PESO[weight] : undefined, numberOfLines: truncate ? 1 : rest.numberOfLines, style: [align ? { textAlign: ALINHA[align] } : null, style] }));
+}
+/** Título. Marca `accessibilityRole="header"` sozinho, como o HeroUI Native. */
+export function Heading({ type = "h1", accessibilityRole = "header", ...rest }) {
+    return papelDe(type, { accessibilityRole, ...rest });
+}
+/** Parágrafo de texto corrido, em três tamanhos: 16, 14 e 12. */
+export function Paragraph({ type = "body", ...rest }) {
+    return papelDe(type, rest);
+}
+/** Um trecho curto de código no meio da frase, com a fonte mono e o fundo do `code` da web. */
+export function Code(props) {
+    return papelDe("code", props);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurea-uds/native",
-  "version": "0.10.1",
+  "version": "0.12.1",
   "description": "A Aurea UDS para React Native: o provider de tema e densidade, os componentes e os ícones do Carbon sobre react-native-svg.",
   "keywords": [
     "aurea",
@@ -51,7 +51,7 @@
     "NOTICE"
   ],
   "dependencies": {
-    "@aurea-uds/tokens": "^0.10.1"
+    "@aurea-uds/tokens": "^0.12.1"
   },
   "peerDependencies": {
     "@react-native-community/datetimepicker": ">=8",