@questlabs/react-native-sdk

import { StyleSheet } from "react-native"; export const styles = StyleSheet.create({ mainContainerViewStyle: { flex: 1, backgroundColor: "#0065FF", width: "100%", borderRadius: 12, }, tabMainViewStyle: { backgroundColor: "white", width: "100%", paddingHorizontal: 20, paddingVertical: 12, flexDirection: "row", justifyContent: "space-between", alignItems: "center", }, homeHeaderViewStyle: { flexDirection: "row", alignItems: "center", justifyContent: "space-between", paddingVertical: 40, paddingHorizontal: 20, }, homeHeaderIconViewStyle: { backgroundColor: "#rgba(255, 255, 255, 0.20)", padding: 8, justifyContent: "center", alignItems: "center", borderRadius: 48, }, senderChatIconView:{ backgroundColor: "#9035ff", padding: 5.6, borderRadius: 5.6, marginLeft: 8 }, receiverChatIconView:{ backgroundColor: "#9035ff", padding: 5.6, borderRadius: 5.6, marginRight: 8 }, homeheaderImageStyle: { width: 28, height: 28, borderRadius: 15 }, ChatheaderLeftImageStyle: { width: 48, height: 48, borderRadius: 48,marginRight:-10}, ChatheaderRightImageStyle: { width: 48, height: 48, borderRadius: 48,marginLeft:-10}, chatTitleText: { fontSize: 20, fontWeight: "600", lineHeight: 30, color: "#2C2C2C" }, chatTitleDescription:{ color: "#B9B9B9", fontSize: 12, fontWeight: '400', lineHeight: 16 }, homeHeaderTextViewStyle: { paddingHorizontal: 20 }, homeListViewStlye: { gap: 16, marginBottom: 40 }, chatButton:{ position: 'absolute', left: "30%", bottom: 0, backgroundColor: '#0065FF', paddingVertical: 10, paddingHorizontal: 16, borderRadius: 10, borderWidth: 1.5, borderColor: "#D1ACFF" }, chatButtonText:{ fontSize: 14, fontWeight: "600", lineHeight: 20, color: "#FFF" }, privetChatHeaderStyle:{ backgroundColor: "#FBFBFB", borderTopRightRadius: 12, borderTopLeftRadius: 12, flexDirection: "row", justifyContent: 'space-between', alignItems: "center", gap: 8, paddingVertical: 16, paddingHorizontal: 20 }, privetChatHeaderTextStyle:{ fontSize: 18, fontWeight: '400', lineHeight: 20, color: "#4C4C4C" }, privetChatIconView:{ paddingVertical: 20, borderBottomWidth: 1, borderColor: "#EFEFEF", alignItems: 'center' }, privetChatIconInnerView:{ flexDirection: "row", justifyContent: "center", alignItems: "center" }, chatIconView:{ position: "relative", zIndex: 1, backgroundColor: "#9035FF", padding: 12, borderRadius: 12, borderWidth: 4, borderColor: "#FFF" }, sendMessageViewStyle: { backgroundColor: "#FFF", marginHorizontal: 20, borderRadius: 12, marginTop: 28, }, sendMessageInnerViewStyle: { paddingHorizontal: 20, paddingVertical: 12, flexDirection: "row", justifyContent: "space-between", alignItems: "center", }, sendMessageTitleStyle: { fontSize: 16, fontWeight: "500", lineHeight: 24, color: "#0D0D0D", }, sendMessageDescriptionStyle: { fontSize: 14, fontWeight: "400", lineHeight: 20, color: "#939393", }, timeCricle:{ width: 8, height: 8, backgroundColor: "#9035FF", borderRadius: 8, marginRight: 8 }, timeText:{ color: "#9035FF", fontSize: 14, fontWeight: "500", lineHeight: 20, }, communityMainViewStyle: { backgroundColor: "#FFF", borderRadius: 12, marginHorizontal: 20, padding: 20, }, communityDemoViewStyle: { backgroundColor: "#27005F", borderRadius: 12, height: 200, justifyContent: "flex-end", alignItems: "center", }, communityTitleStyle: { fontSize: 18, fontWeight: "600", lineHeight: 28, color: "#0D0D0D", }, communityDescriptionStyle: { fontSize: 14, fontWeight: "400", lineHeight: 20, color: "#939393", }, communityInnerViewStyle: { marginTop: 20, gap: 8 }, searchMainViewStyle: { backgroundColor: "#FFF", borderRadius: 12, // marginBottom: 16, marginHorizontal: 20, padding: 20, maxHeight:350 }, searchListViewStyle: { flexDirection: "row", justifyContent: "space-between", alignItems: "center", marginTop: 20, }, searchListItemTitleStyle: { fontSize: 14, fontWeight: "400", lineHeight: 20, color: "#2C2C2C", }, getupdateMainViewStlye: { backgroundColor: "#FFF", borderRadius: 12, // marginBottom: 16, marginHorizontal: 20, padding: 20, }, getupdateHeaderTextStyle: { color: "#0D0D0D", fontSize: 18, fontWeight: "600", lineHeight: 28, }, getupdateTitleStyle: { color: "#4C4C4C", fontSize: 16, fontWeight: "500", lineHeight: 24, marginTop: 12, }, getupdateTitle2Style: { color: "#939393", fontSize: 16, fontWeight: "500", lineHeight: 24, marginTop: 12, }, getupdateDescriptionStyle: { color: "#B9B9B9", fontSize: 14, fontWeight: "400", lineHeight: 20, overflow: 'hidden', }, getupdateDescription2Style: { color: "#E0E0E0", fontSize: 14, fontWeight: "400", lineHeight: 20, overflow: 'hidden', }, getupdateButtonStyle: { alignSelf: "flex-start", paddingVertical: 10, paddingHorizontal: 16, borderRadius: 10, borderWidth: 1.5, borderColor: "#D1ACFF", backgroundColor: "#0065FF", width: "auto", }, getupdateButtonTextStyle: { fontSize: 14, fontWeight: "600", lineHeight: 20, color: "#FFF", }, complateProfileView: { backgroundColor: "#FFF", borderRadius: 12, // marginBottom: 16, marginHorizontal: 20, padding: 20, }, complateProfileHeaderViewStyle: { flexDirection: "row", justifyContent: "space-between", alignItems: "center", }, complateProfileHeaderTextStyle: { color: "#0D0D0D", fontSize: 18, fontWeight: "600", lineHeight: 28, }, complateProfileDescriptionStyle: { color: "#939393", fontSize: 14, fontWeight: "400", lineHeight: 20, marginTop: 8, }, satisfiedMainViewStyle: { backgroundColor: "#FFF", borderRadius: 12, marginHorizontal: 20, paddingBottom: 20, }, satisfiedTitleStyle: { color: "#0D0D0D", fontSize: 18, fontWeight: "600", lineHeight: 28, }, satisfiedDescriptionStyle: { color: "#939393", fontSize: 14, fontWeight: "400", lineHeight: 20, marginTop: 4, }, satisfiedFooterViewStyle: { flexDirection: "row", justifyContent: "space-between", alignItems: "center", paddingHorizontal: 20, }, satisfiedFooterTextStyle: { color: "#AFAFAF", fontSize: 12, fontWeight: "400", lineHeight: 16, }, tasksMainViewStyle: { flex: 1, backgroundColor: "#FFF", width: "100%", borderTopRightRadius: 12, borderTopLeftRadius: 12 }, tasksHeaderViewStyle: { padding: 20, gap: 4, borderBottomColor: "#EFEFEF", borderBottomWidth: 1, }, tasksHeaderInnerViewStyle: { flexDirection: "row", justifyContent: "space-between", alignItems: "center", }, tasksHeaderTextStyle: { color: "#2C2C2C", fontSize: 20, fontWeight: "600", lineHeight: 30, }, tasksHeaderDescriptionStyle: { color: "#939393", fontSize: 12, fontWeight: "400", lineHeight: 16, }, tasksTabListViewStyle: { padding: 20, gap: 20, flex: 1 }, FaqTextStyle: { fontSize: 14, fontWeight: '400', lineHeight: 20 }, loadingMainView: { flex: 1, justifyContent: "center", alignItems: "center", }, headerTextStyle: { fontSize: 36, fontWeight: "600", lineHeight: 44, color: "#FFF", }, searchViewStyle: { borderWidth: 1, borderRadius: 10, borderColor: "#E0E0E0", paddingHorizontal: 16, flexDirection: "row", justifyContent: "space-between", alignItems: "center", paddingVertical: 8, backgroundColor: "white", width: "100%", }, chatInputViewStyle: { borderTopWidth: 1, borderColor: "#EFEFEF", padding:20, flexDirection: "row", justifyContent: "space-between", alignItems: "center", gap:8 }, inputViewStyle: { flex: 1 }, tabTextStyle: { fontSize: 14, fontWeight: "400", lineHeight: 20, }, progressBarTextStyle: { color: "#9035FF", fontSize: 12, fontWeight: "600", lineHeight: 16, letterSpacing: -0.1, }, progressBar: { width: "100%", height: 6, backgroundColor: "#EFEFEF", borderRadius: 8, overflow: "hidden", marginTop: 8, }, progressBarInnerStyle: { backgroundColor: "#9035FF", height: "100%", borderRadius: 8, }, tasksListInnerCardView: { display: "flex", flex: 1, width: "100%", // backgroundColor:"red" }, tasksCardView: { borderBottomWidth: 1, borderColor: "#EFEFEF", paddingVertical: 20, paddingHorizontal: 12, gap: 4, alignSelf: "stretch", marginBottom: 12, }, tasksStepTextStyle: { color: "#B9B9B9", fontSize: 10, fontWeight: "600", lineHeight: 12, }, tasksCardHeaderText: { color: "#2C2C2C", fontSize: 16, fontWeight: "600", lineHeight: 24, fontStyle: "normal", }, tasksCardDesciptionText: { fontSize: 12, fontWeight: "400", color: "#B9B9B9", lineHeight: 16, marginTop: 4, }, rightIconView: { padding: 8, backgroundColor: "#EBFFF7", borderRadius: 48 }, message: { padding: 10, borderRadius: 5, backgroundColor: '#fbfbfb', maxWidth: '70%', }, sender: { alignSelf: 'flex-end', backgroundColor: '#f4ebff', color: '#58209C', }, receiver: { alignSelf: 'flex-start', }, footerView: { display: "flex", paddingVertical: 10, paddingHorizontal: 20, justifyContent: "flex-end", gap: 8, backgroundColor: "#FBFBFB", borderBottomStartRadius: 12, borderBottomEndRadius: 12, }, footerInnerView: { display: "flex", justifyContent: "space-between", flexDirection: "row", alignItems: "center", }, footerText: { fontSize: 12, fontStyle: "normal", fontWeight: "400", lineHeight: 16, color: "#B9B9B9", }, });