xp.js-styled
Version:
Build performant styled components for Web, iOS and Android platforms.
641 lines • 385 kB
TypeScript
import { ActivityIndicator, FlatList, Image, KeyboardAvoidingView, Modal, SafeAreaView, ScrollView, SectionList, Switch, Text, TextInput, TouchableHighlight, TouchableOpacity, TouchableWithoutFeedback, View } from "react-native";
export declare const StyledFlex: import("react").ForwardRefExoticComponent<{
variant?: never;
children?: import("react").ReactNode;
style?: import("./types").WithMediaQuery<import("./types").PatchProps<import("react-native").ViewStyle>>;
} & import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & {
"@ios"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & {
"@xxs"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xs"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@sm"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@md"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@lg"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xl"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xxl"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
};
"@android"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & {
"@xxs"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xs"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@sm"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@md"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@lg"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xl"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xxl"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
};
"@windows"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & {
"@xxs"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xs"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@sm"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@md"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@lg"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xl"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xxl"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
};
"@macos"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & {
"@xxs"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xs"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@sm"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@md"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@lg"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xl"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xxl"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
};
"@web"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & {
"@xxs"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xs"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@sm"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@md"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@lg"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xl"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xxl"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
};
"@light"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & {
"@xxs"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xs"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@sm"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@md"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@lg"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xl"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xxl"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
};
"@dark"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & {
"@xxs"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xs"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@sm"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@md"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@lg"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xl"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@xxl"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
};
} & {
"@xxs"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & {
"@ios"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@android"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@windows"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@macos"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@web"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@light"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@dark"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
} & any;
"@xs"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & {
"@ios"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@android"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@windows"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@macos"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@web"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@light"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@dark"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
} & any;
"@sm"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & {
"@ios"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@android"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@windows"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@macos"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@web"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@light"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@dark"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
} & any;
"@md"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & {
"@ios"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@android"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@windows"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@macos"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@web"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@light"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
"@dark"?: import("./types").PatchType<import("react-native").ViewProps & import("react-native").ViewStyle, import("./types").TypographyProps & import("./types").SpacingProps & {
color?: import("./types").TypedColor;
shadowColor?: import("./types").TypedColor;
backgroundColor?: import("./types").TypedColor;
} & {
[x: `${string}Color`]: import("./types").TypedColor;
} & import("./types").BorderProps> & import("./types").LayoutProps & import("./types").ShortcutProps & any & any;
} & any;
"@lg"?: import("./types").PatchType<import("react