@satellatickets/ui 0.0.0-stage → 0.0.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/LICENSE +21 -0
- package/NOTICE.md +9 -0
- package/README.md +84 -3
- package/dist/native/index.d.ts +91 -0
- package/dist/native/index.js +699 -0
- package/dist/web/index.d.ts +97 -0
- package/dist/web/index.js +626 -0
- package/dist/web/styles.css +553 -0
- package/package.json +89 -3
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { BadgeProps, BadgeProps as BadgeProps$1, BoxProps, BoxProps as BoxProps$1, ButtonProps as ButtonProps$1, ColorScheme, IconProps as IconProps$1, SpinnerProps, SpinnerProps as SpinnerProps$1, StackProps, StackProps as StackProps$1, TextProps, TextProps as TextProps$1, ThemeMode, UIProviderProps, UIProviderProps as UIProviderProps$1, useBrand, useColorScheme, useTheme } from "@satellatickets/core";
|
|
2
|
+
import { CSSProperties, Ref } from "react";
|
|
3
|
+
import "react-native";
|
|
4
|
+
//#region src/badge/Badge.types.d.ts
|
|
5
|
+
/** Extensión solo web del contrato (ADR-009). */
|
|
6
|
+
interface BadgeWebProps extends BadgeProps$1 {
|
|
7
|
+
className?: string | undefined;
|
|
8
|
+
}
|
|
9
|
+
//#endregion
|
|
10
|
+
//#region src/badge/Badge.web.d.ts
|
|
11
|
+
export declare function Badge({ variant, className, testID, children }: BadgeWebProps): import("react").JSX.Element;
|
|
12
|
+
//#endregion
|
|
13
|
+
//#region src/box/Box.types.d.ts
|
|
14
|
+
type BoxElement = 'div' | 'section' | 'article' | 'header' | 'footer' | 'nav' | 'main' | 'aside' | 'span';
|
|
15
|
+
/** Extensión solo web del contrato (ADR-009): elemento semántico y escape hatches. */
|
|
16
|
+
interface BoxWebProps extends BoxProps$1 {
|
|
17
|
+
as?: BoxElement | undefined;
|
|
18
|
+
className?: string | undefined;
|
|
19
|
+
style?: CSSProperties | undefined;
|
|
20
|
+
}
|
|
21
|
+
//#endregion
|
|
22
|
+
//#region src/box/Box.web.d.ts
|
|
23
|
+
export declare function Box({ as: Tag, padding, paddingX, paddingY, background, radius, borderColor, shadow, flex, className, style, testID, children }: BoxWebProps): import("react").JSX.Element;
|
|
24
|
+
//#endregion
|
|
25
|
+
//#region ../icons/dist/index.d.ts
|
|
26
|
+
declare const iconNames: readonly ["arrow-left", "arrow-right", "calendar", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-alert", "circle-check", "circle-x", "eye-off", "eye", "globe", "info", "loader-circle", "map-pin", "menu", "minus", "plus", "search", "settings", "ticket", "triangle-alert", "user", "x"];
|
|
27
|
+
//#endregion
|
|
28
|
+
//#region src/icon/Icon.types.d.ts
|
|
29
|
+
/**
|
|
30
|
+
* Nombres de icono disponibles. Se deriva aquí de `iconNames` (y no se reexporta el
|
|
31
|
+
* tipo de `icons`) porque el empaquetador de declaraciones no resuelve reexports de
|
|
32
|
+
* tipo del paquete interno al inlinarlo en `ui`.
|
|
33
|
+
*/
|
|
34
|
+
type IconName = (typeof iconNames)[number];
|
|
35
|
+
/** Contrato de `Icon` con el conjunto de nombres del paquete de iconos. */
|
|
36
|
+
type IconProps = IconProps$1<IconName>;
|
|
37
|
+
interface IconWebProps extends IconProps {
|
|
38
|
+
className?: string | undefined;
|
|
39
|
+
}
|
|
40
|
+
//#endregion
|
|
41
|
+
//#region src/button/Button.types.d.ts
|
|
42
|
+
/** Contrato de `Button` con el conjunto de iconos de la librería. */
|
|
43
|
+
type ButtonProps = ButtonProps$1<IconName>;
|
|
44
|
+
/** Extensión solo web del contrato (ADR-009): atributos de formulario y escape hatches. */
|
|
45
|
+
interface ButtonWebProps extends ButtonProps {
|
|
46
|
+
/** Tipo del `<button>`. Por defecto `button`, para no enviar formularios por accidente. */
|
|
47
|
+
type?: 'button' | 'submit' | 'reset' | undefined;
|
|
48
|
+
className?: string | undefined;
|
|
49
|
+
style?: CSSProperties | undefined;
|
|
50
|
+
ref?: Ref<HTMLButtonElement> | undefined;
|
|
51
|
+
}
|
|
52
|
+
//#endregion
|
|
53
|
+
//#region src/button/Button.web.d.ts
|
|
54
|
+
export declare function Button({ variant, size, disabled, loading, iconStart, iconEnd, fullWidth, onPress, accessibilityLabel, type, className, style, testID, ref, children }: ButtonWebProps): import("react").JSX.Element;
|
|
55
|
+
//#endregion
|
|
56
|
+
//#region src/icon/Icon.web.d.ts
|
|
57
|
+
export declare function Icon({ name, size, color, label, className, testID }: IconWebProps): import("react").JSX.Element;
|
|
58
|
+
//#endregion
|
|
59
|
+
//#region src/spinner/Spinner.types.d.ts
|
|
60
|
+
interface SpinnerWebProps extends SpinnerProps$1 {
|
|
61
|
+
className?: string | undefined;
|
|
62
|
+
}
|
|
63
|
+
//#endregion
|
|
64
|
+
//#region src/spinner/Spinner.web.d.ts
|
|
65
|
+
/**
|
|
66
|
+
* Indicador de carga indeterminada. Versión mínima (ROADMAP Fase 3): el icono
|
|
67
|
+
* `loader-circle` girando. Con `label` es una barra de progreso indeterminada
|
|
68
|
+
* para los lectores de pantalla; sin él, es decorativo.
|
|
69
|
+
*/
|
|
70
|
+
export declare function Spinner({ size, color, label, className, testID }: SpinnerWebProps): import("react").JSX.Element;
|
|
71
|
+
//#endregion
|
|
72
|
+
//#region src/stack/Stack.types.d.ts
|
|
73
|
+
interface StackWebProps extends StackProps$1, Pick<BoxWebProps, 'as' | 'className' | 'style'> {}
|
|
74
|
+
//#endregion
|
|
75
|
+
//#region src/stack/Stack.web.d.ts
|
|
76
|
+
export declare function Stack({ direction, gap, align, justify, wrap, className, style, ...boxProps }: StackWebProps): import("react").JSX.Element;
|
|
77
|
+
//#endregion
|
|
78
|
+
//#region src/text/Text.types.d.ts
|
|
79
|
+
type TextElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div' | 'label' | 'code';
|
|
80
|
+
interface TextWebProps extends TextProps$1 {
|
|
81
|
+
/** Elemento HTML. Por defecto, el que corresponde a la variante (h1–h4, p, span, code). */
|
|
82
|
+
as?: TextElement | undefined;
|
|
83
|
+
className?: string | undefined;
|
|
84
|
+
style?: CSSProperties | undefined;
|
|
85
|
+
}
|
|
86
|
+
//#endregion
|
|
87
|
+
//#region src/text/Text.web.d.ts
|
|
88
|
+
export declare function Text({ variant, color, align, truncate, as, className, style, testID, children }: TextWebProps): import("react").JSX.Element;
|
|
89
|
+
//#endregion
|
|
90
|
+
//#region src/ui-provider/UIProvider.web.d.ts
|
|
91
|
+
/**
|
|
92
|
+
* Activa tema y marca para todo lo que envuelve (ADR-010). Pone `data-theme` y
|
|
93
|
+
* `data-brand` en un contenedor sin caja propia; `tokens.css` hace el resto.
|
|
94
|
+
*/
|
|
95
|
+
export declare function UIProvider({ theme, brand, children }: UIProviderProps$1): import("react").JSX.Element;
|
|
96
|
+
//#endregion
|
|
97
|
+
export { type BadgeProps, type BadgeWebProps, type BoxElement, type BoxProps, type BoxWebProps, type ButtonProps, type ButtonWebProps, type ColorScheme, type IconName, type IconProps, type IconWebProps, type SpinnerProps, type SpinnerWebProps, type StackProps, type StackWebProps, type TextElement, type TextProps, type TextWebProps, type ThemeMode, type UIProviderProps, useBrand, useColorScheme, useTheme };
|