@fruits-chain/react-native-xiaoshu
Version:
🌈 React Native UI library
352 lines • 10.9 kB
TypeScript
/// <reference types="react" />
declare const _default: import("react").NamedExoticComponent<Omit<import("./interface").TextInputProps & import("react").RefAttributes<import("react-native/types").TextInput>, "ref"> & {
ref?: import("react").RefObject<import("react-native/types").TextInput> | ((instance: import("react-native/types").TextInput | null) => void) | null | undefined;
}> & {
readonly type: import("react").ForwardRefExoticComponent<import("./interface").TextInputProps & import("react").RefAttributes<import("react-native/types").TextInput>>;
} & {
varCreator: (TOKENS: {
animation_duration_base: number;
animation_duration_fast: number;
border_color: string;
underlay_color: string;
yellow_1: string;
yellow_2: string;
yellow_3: string;
yellow_4: string;
yellow_5: string;
yellow_6: string;
yellow_7: string;
yellow_8: string;
yellow_9: string;
yellow_10: string;
green_1: string;
green_2: string;
green_3: string;
green_4: string;
green_5: string;
green_6: string;
green_7: string;
green_8: string;
green_9: string;
green_10: string;
brand_1: string;
brand_2: string;
brand_3: string;
brand_4: string;
brand_5: string;
brand_6: string;
brand_7: string;
brand_8: string;
brand_9: string;
brand_10: string;
red_1: string;
red_2: string;
red_3: string;
red_4: string;
red_5: string;
red_6: string;
red_7: string;
red_8: string;
red_9: string;
red_10: string;
gray_1: string;
gray_2: string;
gray_3: string;
gray_4: string;
gray_5: string;
gray_6: string;
gray_7: string;
gray_8: string;
black: string;
white: string;
opacity_10: number;
opacity_5: number;
opacity_20: number;
opacity_30: number;
opacity_40: number;
opacity_50: number;
opacity_60: number;
opacity_70: number;
opacity_80: number;
opacity_90: number;
opacity_100: number;
font_size_1: number;
font_size_2: number;
font_size_3: number;
font_size_4: number;
font_size_5: number;
font_size_6: number;
font_size_7: number;
font_size_8: number;
font_size_9: number;
font_size_10: number;
line_height_1: number;
line_height_2: number;
line_height_3: number;
line_height_4: number;
line_height_5: number;
space_1: number;
space_2: number;
space_3: number;
space_4: number;
space_5: number;
space_6: number;
space_7: number;
space_8: number;
space_9: number;
space_10: number;
border_radius_xxs: number;
border_radius_xs: number;
border_radius_s: number;
border_radius_m: number;
border_radius_l: number;
border_radius_xl: number;
border_radius_max: number;
}) => {
text_input_xl_font_size: number;
text_input_xl_min_height: number;
text_input_l_font_size: number;
text_input_l_min_height: number;
text_input_m_font_size: number;
text_input_m_min_height: number;
text_input_s_font_size: number;
text_input_s_min_height: number;
text_input_selection_color: string;
text_input_placeholder_text_color: string;
text_input_color: string;
text_input_disabled_color: string;
text_input_disabled_background_color: string;
text_input_border_radio: number;
text_input_padding_horizontal: number;
text_input_clearable_size: number;
text_input_clearable_background_color: string;
text_input_clearable_color: string;
text_input_fix_text_color: string;
text_input_addon_text_color: string;
text_input_light_accessory_background_color: string;
text_input_dark_accessory_background_color: string;
text_input_dark_accessory_padding_horizontal: number;
text_input_accessory_font_size: number;
text_input_accessory_height: number;
text_input_accessory_text_color: string;
text_input_word_limit_text_font_size: number;
text_input_word_limit_text_color: string;
};
styleCreator: (cv: {
text_input_xl_font_size: number;
text_input_xl_min_height: number;
text_input_l_font_size: number;
text_input_l_min_height: number;
text_input_m_font_size: number;
text_input_m_min_height: number;
text_input_s_font_size: number;
text_input_s_min_height: number;
text_input_selection_color: string;
text_input_placeholder_text_color: string;
text_input_color: string;
text_input_disabled_color: string;
text_input_disabled_background_color: string;
text_input_border_radio: number;
text_input_padding_horizontal: number;
text_input_clearable_size: number;
text_input_clearable_background_color: string;
text_input_clearable_color: string;
text_input_fix_text_color: string;
text_input_addon_text_color: string;
text_input_light_accessory_background_color: string;
text_input_dark_accessory_background_color: string;
text_input_dark_accessory_padding_horizontal: number;
text_input_accessory_font_size: number;
text_input_accessory_height: number;
text_input_accessory_text_color: string;
text_input_word_limit_text_font_size: number;
text_input_word_limit_text_color: string;
}, TOKENS: {
animation_duration_base: number;
animation_duration_fast: number;
border_color: string;
underlay_color: string;
yellow_1: string;
yellow_2: string;
yellow_3: string;
yellow_4: string;
yellow_5: string;
yellow_6: string;
yellow_7: string;
yellow_8: string;
yellow_9: string;
yellow_10: string;
green_1: string;
green_2: string;
green_3: string;
green_4: string;
green_5: string;
green_6: string;
green_7: string;
green_8: string;
green_9: string;
green_10: string;
brand_1: string;
brand_2: string;
brand_3: string;
brand_4: string;
brand_5: string;
brand_6: string;
brand_7: string;
brand_8: string;
brand_9: string;
brand_10: string;
red_1: string;
red_2: string;
red_3: string;
red_4: string;
red_5: string;
red_6: string;
red_7: string;
red_8: string;
red_9: string;
red_10: string;
gray_1: string;
gray_2: string;
gray_3: string;
gray_4: string;
gray_5: string;
gray_6: string;
gray_7: string;
gray_8: string;
black: string;
white: string;
opacity_10: number;
opacity_5: number;
opacity_20: number;
opacity_30: number;
opacity_40: number;
opacity_50: number;
opacity_60: number;
opacity_70: number;
opacity_80: number;
opacity_90: number;
opacity_100: number;
font_size_1: number;
font_size_2: number;
font_size_3: number;
font_size_4: number;
font_size_5: number;
font_size_6: number;
font_size_7: number;
font_size_8: number;
font_size_9: number;
font_size_10: number;
line_height_1: number;
line_height_2: number;
line_height_3: number;
line_height_4: number;
line_height_5: number;
space_1: number;
space_2: number;
space_3: number;
space_4: number;
space_5: number;
space_6: number;
space_7: number;
space_8: number;
space_9: number;
space_10: number;
border_radius_xxs: number;
border_radius_xs: number;
border_radius_s: number;
border_radius_m: number;
border_radius_l: number;
border_radius_xl: number;
border_radius_max: number;
}) => {
input: {
flexGrow: number;
flexShrink: number;
flexDirection: "row";
};
input_border: {
borderWidth: number;
borderRadius: number;
borderColor: string;
};
input_disabled: {
backgroundColor: string;
};
text_input: {
flexGrow: number;
flexShrink: number;
paddingHorizontal: number;
paddingVertical: number;
margin: number;
borderWidth: number;
textAlignVertical: "center";
color: string;
};
text_input_disabled: {
color: string;
};
input_fix_group: {
flexDirection: "row";
alignItems: "center";
paddingHorizontal: number;
};
input_fix_text: {
color: string;
};
input_fix_text_pre: {
marginRight: number;
};
input_fix_text_suf: {
marginLeft: number;
};
clearable: {
alignSelf: "center";
width: number;
height: number;
borderRadius: number;
backgroundColor: string;
alignItems: "center";
justifyContent: "center";
marginLeft: number;
};
addon_group: {
flexDirection: "row";
alignItems: "center";
};
addon_text: {
color: string;
};
addon_text_before: {
marginRight: number;
};
addon_text_after: {
marginLeft: number;
};
word_limit_text: {
position: "absolute";
bottom: number;
right: number;
fontSize: number;
color: string;
};
accessory: {
width: "100%";
height: number;
flexDirection: "row";
justifyContent: "flex-end";
alignItems: "center";
borderTopColor: string;
borderTopWidth: number;
};
accessory_text: {
color: string;
fontSize: number;
paddingHorizontal: number;
lineHeight: number;
fontWeight: "bold";
};
};
};
export default _default;
//# sourceMappingURL=index.d.ts.map