@fruits-chain/react-native-xiaoshu
Version:
🌈 React Native UI library
66 lines (65 loc) • 2.02 kB
TypeScript
import type { TokensType } from '../theme/interface';
export declare const varCreator: (TOKENS: TokensType) => {
dialog_width: number;
dialog_transition: number;
dialog_border_radius: number;
dialog_background_color: string;
dialog_header_font_weight: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
dialog_header_line_height: number;
dialog_header_margin_top: number;
dialog_header_font_size: number;
dialog_message_margin_top: number;
dialog_message_padding_horizontal: number;
dialog_message_font_size: number;
dialog_message_line_height: number;
dialog_message_text_color: string;
dialog_footer_margin_top: number;
dialog_footer_divider_color: string;
dialog_confirm_button_text_color: string;
dialog_cancel_button_text_color: string;
dialog_input_gap: number;
};
declare type ComponentVars = ReturnType<typeof varCreator>;
export declare const styleCreator: (cv: ComponentVars) => {
dialog: {
marginTop: string;
overflow: "hidden";
backgroundColor: string;
borderRadius: number;
};
title_text: {
textAlign: "center";
marginTop: number;
lineHeight: number;
fontWeight: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
fontSize: number;
paddingHorizontal: number;
};
content_isolated: {
marginTop: number;
alignItems: "center";
justifyContent: "center";
};
message_text: {
paddingHorizontal: number;
marginTop: number;
fontSize: number;
lineHeight: number;
color: string;
};
footer: {
flexDirection: "row";
borderTopWidth: number;
borderColor: string;
marginTop: number;
};
btn: {
flex: number;
marginHorizontal: number;
marginVertical: number;
};
btn_confirm: {
fontWeight: "bold";
};
};
export {};