sapo-components-ui-rn 1.0.0

package/dist/components/Typography/Text.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+import { StyleProp, Text as NativeText, TextStyle } from "react-native";
+import type { VariantProp } from "./types";
+import type { ThemeProp } from "../../types";
+export type Props<T> = React.ComponentProps<typeof NativeText> & {
+    /**
+     * @supported Available in v5.x with theme version 3
+     *
+     * Variant defines appropriate text styles for type role and its size.
+     * Available variants:
+     *
+     *  Display: `displayLarge`, `displayMedium`, `displaySmall`
+     *
+     *  Headline: `headlineLarge`, `headlineMedium`, `headlineSmall`
+     *
+     *  Title: `titleLarge`, `titleMedium`, `titleSmall`
+     *
+     *  Label:  `labelLarge`, `labelMedium`, `labelSmall`
+     *
+     *  Body: `bodyLarge`, `bodyMedium`, `bodySmall`
+     */
+    variant?: VariantProp<T>;
+    children: React.ReactNode;
+    theme?: ThemeProp;
+    style?: StyleProp<TextStyle>;
+};
+export type TextRef = React.ForwardedRef<{
+    setNativeProps(args: Object): void;
+}>;
+type TextComponent<T> = (props: Props<T> & {
+    ref?: React.RefObject<TextRef>;
+}) => JSX.Element;
+declare const Component: TextComponent<never>;
+export declare const customText: <T>() => TextComponent<T>;
+export default Component;

package/dist/components/Typography/types.d.ts

@@ -0,0 +1,2 @@
+import type { MD3TypescaleKey } from '../../types';
+export type VariantProp<T> = (T extends string ? (string extends T ? never : T) : never) | keyof typeof MD3TypescaleKey;

package/dist/components/View/index.d.ts

@@ -0,0 +1,38 @@
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+interface ViewProps {
+    row?: boolean;
+    full?: boolean;
+    justifyCenter?: boolean;
+    justifyBetween?: boolean;
+    alignCenter?: boolean;
+    center?: boolean;
+    gap?: number;
+    color?: any;
+    backgroundColor?: any;
+    width?: number | `${number}%`;
+    height?: number | `${number}%`;
+    onPress?: () => void;
+    padding?: number;
+    paddingHorizontal?: number;
+    paddingVertical?: number;
+    disabled?: boolean;
+    activeOpacity?: number;
+    paddingBottom?: number;
+    marginHorizontal?: number;
+    marginVertical?: number;
+    paddingLeft?: number;
+    paddingRight?: number;
+    paddingTop?: number;
+    style?: StyleProp<ViewStyle>;
+    children?: React.ReactNode;
+    alignEnd?: boolean;
+    wrap?: boolean;
+    borderBottomWidth?: number;
+    borderBottomColor?: string;
+    borderRadius?: number;
+    borderWidth?: number;
+    borderColor?: string;
+}
+declare const _default: React.MemoExoticComponent<({ row, full, justifyCenter, justifyBetween, alignCenter, center, color, backgroundColor, width, height, padding, paddingHorizontal, paddingVertical, marginHorizontal, marginVertical, paddingLeft, paddingRight, paddingTop, alignEnd, wrap, borderBottomWidth, borderBottomColor, borderRadius, borderWidth, borderColor, style, onPress, activeOpacity, children, }: ViewProps) => React.JSX.Element>;
+export default _default;

package/dist/components/ViewVisibleAnimated/index.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { ViewStyle, StyleProp } from "react-native";
+export type ViewVisibleAnimatedProps = {
+    scaleEnable?: boolean;
+    translateEnable?: boolean;
+    autoHide?: boolean;
+    onShowDone?: () => void;
+    onDone?: () => void;
+    onShowStart?: () => void;
+    style?: StyleProp<ViewStyle>;
+    delay?: number;
+    duration?: number;
+    timeout?: number;
+    autoShow?: boolean;
+    pointerEvents?: "box-none" | "none" | "box-only" | "auto";
+    scaleType?: "in" | "out";
+    renderHiddenContent?: React.ReactNode;
+    children?: React.ReactNode;
+    disableHiddenContent?: boolean;
+};
+declare const ViewVisibleAnimated: React.NamedExoticComponent<ViewVisibleAnimatedProps & React.RefAttributes<{
+    show: () => void;
+    hide: () => void;
+}>>;
+export default ViewVisibleAnimated;

package/dist/constants.d.ts

@@ -0,0 +1 @@
+export declare const APPROX_STATUSBAR_HEIGHT: any;

package/dist/core/theming.d.ts

@@ -0,0 +1,43 @@
+import type { ComponentType } from "react";
+import React from "react";
+import { $DeepPartial } from "@callstack/react-theme-provider";
+import type { InternalTheme, AppTheme, NavigationTheme } from "../types";
+export declare const DefaultTheme: AppTheme;
+export declare const ThemeProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare function useTheme<T = AppTheme>(overrides?: $DeepPartial<T>): T;
+export declare const useInternalTheme: () => AppTheme;
+export declare const withInternalTheme: <Props extends {
+    theme: InternalTheme;
+}, C>(WrappedComponent: ComponentType<Props & {
+    theme: InternalTheme;
+}> & C) => ComponentType<import("@callstack/react-theme-provider").$Without<Props, "theme"> & {
+    theme?: $DeepPartial<unknown> | undefined;
+}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<ComponentType<Props> & C, {}>;
+export declare const defaultThemesByVersion: {
+    light: AppTheme;
+    dark: AppTheme;
+};
+export declare const getTheme: <Scheme extends boolean = false>(isDark?: Scheme) => (typeof defaultThemesByVersion)[Scheme extends true ? "dark" : "light"];
+export declare function adaptNavigationTheme(themes: {
+    reactNavigationLight: NavigationTheme;
+    materialLight?: AppTheme;
+}): {
+    LightTheme: NavigationTheme;
+};
+export declare function adaptNavigationTheme(themes: {
+    reactNavigationDark: NavigationTheme;
+    materialDark?: AppTheme;
+}): {
+    DarkTheme: NavigationTheme;
+};
+export declare function adaptNavigationTheme(themes: {
+    reactNavigationLight: NavigationTheme;
+    reactNavigationDark: NavigationTheme;
+    materialLight?: AppTheme;
+    materialDark?: AppTheme;
+}): {
+    LightTheme: NavigationTheme;
+    DarkTheme: NavigationTheme;
+};

package/dist/icons/IconArrowDown.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { SvgProps } from "react-native-svg";
+declare const IconArrowDown: (props: SvgProps) => React.JSX.Element;
+export default IconArrowDown;

package/dist/icons/IconCheckbox.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { SvgProps } from "react-native-svg";
+declare const IconCheckbox: (props: SvgProps) => React.JSX.Element;
+export default IconCheckbox;

package/dist/icons/IconCheckboxActive.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { SvgProps } from "react-native-svg";
+declare const IconCheckboxActive: (props: SvgProps) => React.JSX.Element;
+export default IconCheckboxActive;

package/dist/icons/IconClearText.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { SvgProps } from "react-native-svg";
+declare const IconClearText: (props: SvgProps) => React.JSX.Element;
+export default IconClearText;

package/dist/icons/IconRadio.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { SvgProps } from "react-native-svg";
+declare const IconRadio: (props: SvgProps) => React.JSX.Element;
+export default IconRadio;

package/dist/icons/IconRadioActive.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { SvgProps } from "react-native-svg";
+declare const IconRadioActive: (props: SvgProps) => React.JSX.Element;
+export default IconRadioActive;

package/dist/icons/IconRadioDisable.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { SvgProps } from "react-native-svg";
+declare const IconRadioDisable: (props: SvgProps) => React.JSX.Element;
+export default IconRadioDisable;

package/dist/index.d.ts

@@ -0,0 +1,33 @@
+export { ThemeColors } from "./styles/themes/tokens";
+export { CONSTANTS } from "./styles/themes/tokens";
+export { useTheme, ThemeProvider, DefaultTheme, adaptNavigationTheme, } from "./core/theming";
+export * from "./styles/themes";
+export { default as shadow } from "./styles/shadow";
+export { default as overlay } from "./styles/overlay";
+export { default as configureFonts } from "./styles/fonts";
+export { default as ActivityIndicator } from "./components/ActivityIndicator";
+export { default as ProgressBar } from "./components/ProgressBar";
+export { default as Switch } from "./components/Switch/Switch";
+export { default as TextInput } from "./components/TextInput/TextInput";
+export { default as Button } from "./components/Button";
+export { default as ButtonIcon } from "./components/ButtonIcon";
+export { default as FloatingButton } from "./components/FloatingButton";
+export { default as Text } from "./components/Text";
+export { default as Toast } from "./components/Toast";
+export { default as View } from "./components/View";
+export { default as Spacer } from "./components/Spacer";
+export { default as Image } from "./components/Image";
+export { default as Badge } from "./components/Badge";
+export { default as CountingDot } from "./components/CountingDot";
+export { default as ChipBar } from "./components/ChipBar";
+export { default as Checkbox } from "./components/Checkbox";
+export { default as RadioButton } from "./components/RadioButton";
+export { default as Avatar } from "./components/Avatar";
+export { default as SelectionField } from "./components/SelectionField";
+export type { Props as ActivityIndicatorProps } from "./components/ActivityIndicator";
+export type { Props as SwitchProps } from "./components/Switch/Switch";
+export type { Props as TextInputProps } from "./components/TextInput/TextInput";
+export type { Props as TextInputAffixProps } from "./components/TextInput/Adornment/TextInputAffix";
+export type { AppTheme, ThemeBase, MD3Elevation, MD3TypescaleKey, } from "./types";
+export * from "./utils/toast-manager";
+export { default as ToastProvider } from "./components/Toast/ToastProvider";