@aurea-uds/native 0.19.1 → 0.23.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.
- package/README.md +4 -4
- package/dist/actions.d.ts +10 -10
- package/dist/actions.js +10 -10
- package/dist/arquivo.js +6 -6
- package/dist/busca.d.ts +2 -2
- package/dist/busca.js +6 -5
- package/dist/chart.js +2 -2
- package/dist/data.d.ts +1 -1
- package/dist/data.js +3 -3
- package/dist/display.js +12 -12
- package/dist/estilos.d.ts +44 -0
- package/dist/estilos.js +34 -1
- package/dist/feedback.d.ts +4 -4
- package/dist/feedback.js +17 -12
- package/dist/icon.d.ts +1 -1
- package/dist/index.d.ts +3 -3
- package/dist/index.js +1 -1
- package/dist/inputs.d.ts +42 -17
- package/dist/inputs.js +53 -26
- package/dist/layout.d.ts +3 -3
- package/dist/layout.js +6 -11
- package/dist/midia.js +3 -3
- package/dist/moldura.js +2 -2
- package/dist/navigation.d.ts +29 -11
- package/dist/navigation.js +42 -39
- package/dist/numero.d.ts +4 -3
- package/dist/numero.js +14 -13
- package/dist/overlays.js +7 -4
- package/dist/rolagem.d.ts +8 -1
- package/dist/rolagem.js +3 -2
- package/dist/screen.js +1 -1
- package/dist/sistema.d.ts +15 -2
- package/dist/sistema.js +55 -12
- package/dist/text.d.ts +5 -5
- package/dist/text.js +8 -8
- package/dist/toast.js +4 -2
- package/package.json +2 -2
package/dist/text.d.ts
CHANGED
|
@@ -10,14 +10,14 @@ export type AureaTextFont = "ui" | "editorial" | "code";
|
|
|
10
10
|
export type AureaTextTone = "default" | "muted" | "subtle" | "primary" | "link" | "danger" | "success" | "warning" | "info";
|
|
11
11
|
export type AureaTextLeading = "none" | "tight" | "normal" | "relaxed";
|
|
12
12
|
/**
|
|
13
|
-
* O PAPEL do texto — B-02, 25/09/2026, no molde do
|
|
13
|
+
* O PAPEL do texto — B-02, 25/09/2026, no molde do componente de tipografia da referência. Uma lista
|
|
14
14
|
* fechada: título 1–6, texto, texto pequeno, texto mínimo e código.
|
|
15
15
|
*/
|
|
16
16
|
export type AureaTextType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body" | "body-sm" | "body-xs" | "code";
|
|
17
17
|
export interface TextProps extends TextPropsRN {
|
|
18
18
|
/**
|
|
19
|
-
* O papel (B-02). Dá tamanho, peso, entrelinha e fonte de uma vez, com os números
|
|
20
|
-
*
|
|
19
|
+
* O papel (B-02). Dá tamanho, peso, entrelinha e fonte de uma vez, com os números da
|
|
20
|
+
* referência — os MESMOS da web, sem o degrau a mais do `size`. Uma opção solta passada junto
|
|
21
21
|
* (`size`, `weight`…) continua valendo por cima dele.
|
|
22
22
|
*/
|
|
23
23
|
type?: AureaTextType;
|
|
@@ -49,7 +49,7 @@ export type AureaTypographyAlign = "start" | "center" | "end" | "justify";
|
|
|
49
49
|
interface AureaTypographyBase extends Omit<TextPropsRN, "children"> {
|
|
50
50
|
color?: AureaTypographyColor;
|
|
51
51
|
weight?: AureaTypographyWeight;
|
|
52
|
-
/** `start`/`end` viram `left`/`right`, que o React Native já espelha em RTL (nota
|
|
52
|
+
/** `start`/`end` viram `left`/`right`, que o React Native já espelha em RTL (nota da referência). */
|
|
53
53
|
align?: AureaTypographyAlign;
|
|
54
54
|
/** Uma linha só, cortada com reticências (`numberOfLines={1}`). */
|
|
55
55
|
truncate?: boolean;
|
|
@@ -58,7 +58,7 @@ interface AureaTypographyBase extends Omit<TextPropsRN, "children"> {
|
|
|
58
58
|
export interface HeadingProps extends AureaTypographyBase {
|
|
59
59
|
type?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
60
60
|
}
|
|
61
|
-
/** Título. Marca `accessibilityRole="header"` sozinho, como
|
|
61
|
+
/** Título. Marca `accessibilityRole="header"` sozinho, como a referência. */
|
|
62
62
|
export declare function Heading({ type, accessibilityRole, ...rest }: HeadingProps): React.JSX.Element;
|
|
63
63
|
export interface ParagraphProps extends AureaTypographyBase {
|
|
64
64
|
type?: "body" | "body-sm" | "body-xs";
|
package/dist/text.js
CHANGED
|
@@ -21,7 +21,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
21
21
|
// que os tokens já publicam seria uma segunda verdade sobre tipografia.
|
|
22
22
|
import * as React from "react";
|
|
23
23
|
import { Text as TextRN } from "react-native";
|
|
24
|
-
import { criarFolha } from "./estilos.js";
|
|
24
|
+
import { canto, criarFolha } from "./estilos.js";
|
|
25
25
|
import { useAureaTokens, useSobreAMarca } from "./theme.js";
|
|
26
26
|
// 🔴 A ESCALA TEM CINCO DEGRAUS QUE SE ENXERGAM, E DEZ NOMES — ordem do Victor, 19/09/2026,
|
|
27
27
|
// olhando o app no aparelho: *"o tamanho das fontes: existem variações demais, fica muito
|
|
@@ -53,10 +53,10 @@ import { useAureaTokens, useSobreAMarca } from "./theme.js";
|
|
|
53
53
|
// linha ~29. Isso cabe em toda cápsula, MENOS o controle `sm` na densidade compacta (28 de
|
|
54
54
|
// altura), que estoura por 1 ponto. Em 1,5× vários estouram — e isso já era verdade na escala
|
|
55
55
|
// antiga.
|
|
56
|
-
// ⚠ **ESCALA
|
|
57
|
-
// 12 · 14 · 16 · 18 · 20 · 24 · 30 · 36 · 48, a escala
|
|
58
|
-
// telefone é o DEGRAU que cada papel pega, e isso também é
|
|
59
|
-
// a peça é `text-sm` (14) e o apoio `text-xs` (12); no
|
|
56
|
+
// ⚠ **ESCALA DA REFERÊNCIA, 24/09/2026 (ADR-0050, que substitui a 0049).** Os NÚMEROS são os da
|
|
57
|
+
// web — 12 · 14 · 16 · 18 · 20 · 24 · 30 · 36 · 48, a escala que a referência usa. O que muda no
|
|
58
|
+
// telefone é o DEGRAU que cada papel pega, e isso também é da referência, lido no pacote dela: na
|
|
59
|
+
// web a peça é `text-sm` (14) e o apoio `text-xs` (12); no nativo dela a peça é `text-base` (16) e o
|
|
60
60
|
// apoio `text-sm` (14). Por isso aqui os nomes pequenos sobem UM degrau: o mesmo `size="sm"` que é
|
|
61
61
|
// 14 na web é 16 no telefone. Os componentes não trocam de nome; o mapa é que traduz o papel.
|
|
62
62
|
const TAMANHO = {
|
|
@@ -134,9 +134,9 @@ export function Text({ type, size, weight: pesoPedido, font: fontePedida, tone =
|
|
|
134
134
|
// É a impedância que a Etapa 2 mediu e resolveu emitindo razão em vez de dp.
|
|
135
135
|
...(tracking ? { letterSpacing: fontSize * t.tracking[`tracking${tracking[0].toUpperCase()}${tracking.slice(1)}`] } : null),
|
|
136
136
|
...(align ? { textAlign: align } : null),
|
|
137
|
-
// O código leva a pele do `code` da web: fundo, canto e um recheio pequeno (
|
|
137
|
+
// O código leva a pele do `code` da web: fundo, canto e um recheio pequeno (a referência).
|
|
138
138
|
...(type === "code" ? {
|
|
139
|
-
alignSelf: "flex-start", backgroundColor: t.color.surface2,
|
|
139
|
+
alignSelf: "flex-start", backgroundColor: t.color.surface2, ...canto(t.size.radiusXs),
|
|
140
140
|
paddingHorizontal: t.size.space1, paddingVertical: t.size.space05,
|
|
141
141
|
} : null),
|
|
142
142
|
};
|
|
@@ -156,7 +156,7 @@ const ALINHA = { start: "left", center: "center", end: "right", justify: "justif
|
|
|
156
156
|
function papelDe(type, { color, weight, align, truncate, style, ...rest }) {
|
|
157
157
|
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] }));
|
|
158
158
|
}
|
|
159
|
-
/** Título. Marca `accessibilityRole="header"` sozinho, como
|
|
159
|
+
/** Título. Marca `accessibilityRole="header"` sozinho, como a referência. */
|
|
160
160
|
export function Heading({ type = "h1", accessibilityRole = "header", ...rest }) {
|
|
161
161
|
return papelDe(type, { accessibilityRole, ...rest });
|
|
162
162
|
}
|
package/dist/toast.js
CHANGED
|
@@ -57,7 +57,7 @@ import * as React from "react";
|
|
|
57
57
|
import { Animated, Easing, View } from "react-native";
|
|
58
58
|
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
59
59
|
import { IconButton } from "./actions.js";
|
|
60
|
-
import { criarFolha } from "./estilos.js";
|
|
60
|
+
import { canto, criarFolha } from "./estilos.js";
|
|
61
61
|
import { Icon } from "./icon.js";
|
|
62
62
|
import { ICONE_DA_VARIANTE } from "./feedback.js";
|
|
63
63
|
import { useReduceMotion, driverNativo } from "./movimento.js";
|
|
@@ -74,7 +74,9 @@ const folha = criarFolha((t) => ({
|
|
|
74
74
|
flexDirection: "row", alignItems: "center", gap: 11, padding: 14,
|
|
75
75
|
maxWidth: 360, width: "100%", alignSelf: "flex-end",
|
|
76
76
|
borderWidth: t.size.borderWidth, borderColor: t.color.border,
|
|
77
|
-
|
|
77
|
+
// HER-02 (06/10/2026): era `radiusLg` (16). O aviso é superfície flutuante, e superfície
|
|
78
|
+
// flutuante é 22 na identidade da Aurea (`CLAUDE.md` §5). A referência usa 24.
|
|
79
|
+
...canto(t.size.radiusCard),
|
|
78
80
|
backgroundColor: t.color.popover,
|
|
79
81
|
...(t.shadow.shadowMd ? { boxShadow: [t.shadow.shadowMd] } : null),
|
|
80
82
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aurea-uds/native",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.23.0",
|
|
4
4
|
"description": "A Aurea UDS para React Native: o provider de tema e densidade, os componentes e os ícones do Phosphor sobre react-native-svg.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"aurea",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"NOTICE"
|
|
56
56
|
],
|
|
57
57
|
"dependencies": {
|
|
58
|
-
"@aurea-uds/tokens": "^0.
|
|
58
|
+
"@aurea-uds/tokens": "^0.23.0"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|
|
61
61
|
"@react-native-community/datetimepicker": ">=8",
|