mirror of
https://github.com/mosip/inji-wallet.git
synced 2026-01-09 05:27:57 -05:00
📝 Add docstrings to injimob-3604
Docstrings generation was requested by @abhip2565. * https://github.com/mosip/inji-wallet/pull/2121#issuecomment-3492343474 The following files were modified: * `components/ui/themes/PurpleTheme.ts` * `shared/hooks/useFont.ts`
This commit is contained in:
coderabbitai[bot]
committed by
GitHub
GitHub
parent
52c7ed1357
commit
81b7389b1b
@@ -45,6 +45,7 @@ const Colors = {
|
||||
Warning: '#f0ad4e',
|
||||
GrayText: '#6F6F6F',
|
||||
mediumLightGrayText: '#A7A7A7',
|
||||
veryLightBluishGray: '#D9E1E7',
|
||||
dorColor: '#CBCBCB',
|
||||
plainText: '#F3E2FF',
|
||||
walletbindingLabel: '#000000',
|
||||
@@ -70,6 +71,15 @@ const Colors = {
|
||||
Mercury: '#E6E6E6',
|
||||
Yellow: '#E8A94F',
|
||||
selectIDTextGradient: ['#F5F5F5', '#FFFFFF'],
|
||||
brandPrimary: '#5B03AD',
|
||||
brandPrimaryLight: '#F2E6FA',
|
||||
brandPrimaryDark: '#4A028F',
|
||||
DeepPurple: '#290B45',
|
||||
RoyalPurple: '#451691',
|
||||
LightMintGreen: '#9DCFBB',
|
||||
CharcoalBlue: '#384455',
|
||||
LightRose: '#EFB3B5',
|
||||
LightYellow: '#FFE799',
|
||||
};
|
||||
|
||||
export type ElevationLevel = 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
||||
@@ -91,6 +101,7 @@ export const PurpleTheme = {
|
||||
IconBg: Colors.Purple,
|
||||
popUp: Colors.Green,
|
||||
Icon: Colors.Purple,
|
||||
SearchIcon: Colors.veryLightBluishGray,
|
||||
GrayIcon: Colors.Gray50,
|
||||
helpText: Colors.Gray44,
|
||||
borderBottomColor: Colors.Grey6,
|
||||
@@ -101,6 +112,7 @@ export const PurpleTheme = {
|
||||
switchHead: Colors.Purple,
|
||||
switchTrackTrue: Colors.LightPurple,
|
||||
switchTrackFalse: Colors.Grey,
|
||||
switchCircleOff: Colors.White,
|
||||
overlayBackgroundColor: Colors.White,
|
||||
rotatingIcon: Colors.Grey5,
|
||||
loadingLabel: Colors.Grey6,
|
||||
@@ -142,10 +154,10 @@ export const PurpleTheme = {
|
||||
uncheckedIcon: Colors.uncheckedIcon,
|
||||
settingsLabel: Colors.Black,
|
||||
chevronRightColor: Colors.Grey,
|
||||
linearGradientStart: Colors.startColor,
|
||||
linearGradientEnd: Colors.endColor,
|
||||
linearIconGradientStart: Colors.startColor,
|
||||
linearIconGradientEnd: Colors.startColor,
|
||||
linearGradientStart: Colors.brandPrimary,
|
||||
linearGradientEnd: Colors.brandPrimary,
|
||||
linearIconGradientStart: Colors.brandPrimary,
|
||||
linearIconGradientEnd: Colors.brandPrimary,
|
||||
LinearGradientStroke: Colors.stroke,
|
||||
warningLogoBgColor: Colors.warningLogoBg,
|
||||
tooltipIcon: Colors.tooltip,
|
||||
@@ -153,6 +165,15 @@ export const PurpleTheme = {
|
||||
urlLink: Colors.Purple,
|
||||
warningText: Colors.Red,
|
||||
PendingIcon: Colors.Yellow,
|
||||
ListSelectedBackground: Colors.brandPrimaryLight,
|
||||
ListSelectedText: Colors.brandPrimary,
|
||||
ListSelectedIcon: Colors.brandPrimary,
|
||||
ListUnselectedBackground: Colors.White,
|
||||
ListUnselectedText: Colors.Black,
|
||||
SearchBarPlaceholderColor: Colors.veryLightBluishGray,
|
||||
PopupText: Colors.CharcoalBlue,
|
||||
TransactionCodeBackgroundColor: Colors.White,
|
||||
TransactionCodeBorderColor: Colors.veryLightBluishGray,
|
||||
},
|
||||
Styles: StyleSheet.create({
|
||||
title: {
|
||||
@@ -171,12 +192,12 @@ export const PurpleTheme = {
|
||||
fieldItemTitle: {
|
||||
backgroundColor: Colors.Transparent,
|
||||
fontSize: 11,
|
||||
fontFamily: 'Inter_400Regular',
|
||||
fontFamily: 'Montserrat_400Regular',
|
||||
},
|
||||
fieldItemValue: {
|
||||
backgroundColor: Colors.Transparent,
|
||||
fontSize: 12,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
marginTop: 3,
|
||||
},
|
||||
loadingSubtitle: {
|
||||
@@ -185,7 +206,7 @@ export const PurpleTheme = {
|
||||
},
|
||||
verificationStatus: {
|
||||
fontSize: 12,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
},
|
||||
statusLabel: {
|
||||
color: Colors.Gray30,
|
||||
@@ -580,7 +601,7 @@ export const PurpleTheme = {
|
||||
detailsText: {
|
||||
fontWeight: 'bold',
|
||||
fontSize: 15,
|
||||
fontFamily: 'Inter_700Bold',
|
||||
fontFamily: 'Montserrat_700Bold',
|
||||
},
|
||||
idInputContainer: {
|
||||
width: Dimensions.get('window').width * 0.86,
|
||||
@@ -593,9 +614,26 @@ export const PurpleTheme = {
|
||||
height: isIOS() ? 100 : 'auto',
|
||||
},
|
||||
picker: {
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
fontSize: 18,
|
||||
},
|
||||
wrapper: {
|
||||
borderWidth: 2,
|
||||
borderRadius: 16,
|
||||
padding: 2,
|
||||
},
|
||||
container: {
|
||||
width: 48,
|
||||
height: 22,
|
||||
borderRadius: 16,
|
||||
padding: 3,
|
||||
},
|
||||
circle: {
|
||||
width: 18,
|
||||
height: 18,
|
||||
borderRadius: 9,
|
||||
elevation: 2,
|
||||
},
|
||||
idInputBottom: {
|
||||
position: 'relative',
|
||||
bottom: 18,
|
||||
@@ -614,7 +652,7 @@ export const PurpleTheme = {
|
||||
marginVertical: 6,
|
||||
},
|
||||
placeholder: {
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
},
|
||||
hrLine: {
|
||||
borderBottomColor: Colors.Gray44,
|
||||
@@ -662,13 +700,16 @@ export const PurpleTheme = {
|
||||
},
|
||||
boxShadow: generateBoxShadowStyle(),
|
||||
tooltipContainerStyle: {
|
||||
backgroundColor: '#FAFAFA',
|
||||
borderWidth: 1,
|
||||
backgroundColor: '#EBE6F3',
|
||||
borderWidth: 2,
|
||||
borderColor: '#E0E0E0',
|
||||
marginLeft: 15,
|
||||
maxWidth: '90%',
|
||||
},
|
||||
tooltipContentTitle: {
|
||||
color: Colors.DeepPurple,
|
||||
},
|
||||
tooltipContentDescription: {
|
||||
color: Colors.toolTipContent,
|
||||
color: Colors.RoyalPurple,
|
||||
marginTop: 10,
|
||||
},
|
||||
tooltipHrLine: {
|
||||
@@ -678,8 +719,8 @@ export const PurpleTheme = {
|
||||
},
|
||||
introSliderHeader: {
|
||||
marginTop: isIOS()
|
||||
? Constants.statusBarHeight + 40
|
||||
: StatusBar.currentHeight + 40,
|
||||
? Constants.statusBarHeight + 40
|
||||
: StatusBar.currentHeight + 40,
|
||||
width: '100%',
|
||||
marginBottom: 50,
|
||||
},
|
||||
@@ -706,7 +747,7 @@ export const PurpleTheme = {
|
||||
marginTop: 10,
|
||||
borderRadius: 4,
|
||||
fontSize: 10,
|
||||
fontFamily: 'Inter_700Bold',
|
||||
fontFamily: 'Montserrat_700Bold',
|
||||
lineHeight: 12,
|
||||
},
|
||||
scanLayoutHeaderContainer: {
|
||||
@@ -717,7 +758,7 @@ export const PurpleTheme = {
|
||||
},
|
||||
scanLayoutHeaderTitle: {
|
||||
fontSize: 26,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
paddingTop: isIOS() ? 10 : 20,
|
||||
paddingBottom: 10,
|
||||
},
|
||||
@@ -734,18 +775,18 @@ export const PurpleTheme = {
|
||||
},
|
||||
sendVPHeaderTitle: {
|
||||
fontSize: 18,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
},
|
||||
sendVPHeaderSubTitle: {
|
||||
fontSize: 13,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
color: Colors.LightPurple,
|
||||
maxWidth: '80%',
|
||||
overflow: 'hidden',
|
||||
},
|
||||
HistoryHeaderTitleStyle: {
|
||||
fontSize: 26,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
marginTop: isIOS() ? 5 : 15,
|
||||
},
|
||||
tabBarIconCopilot: {
|
||||
@@ -777,58 +818,64 @@ export const PurpleTheme = {
|
||||
flex: 1,
|
||||
justifyContent: 'space-around',
|
||||
},
|
||||
horizontalSeparator:{
|
||||
horizontalSeparator: {
|
||||
height: 1,
|
||||
backgroundColor: '#DADADA',
|
||||
marginBottom: 12,
|
||||
},
|
||||
disclosureTitle:{
|
||||
fontFamily: 'Inter_700Bold',
|
||||
disclosureTitle: {
|
||||
fontFamily: 'Montserrat_700Bold',
|
||||
fontSize: 15,
|
||||
color: Colors.Black,
|
||||
},
|
||||
disclosureSubtitle:{
|
||||
disclosureSubtitle: {
|
||||
fontSize: 13,
|
||||
color: '#747474',
|
||||
marginTop: 4,
|
||||
},
|
||||
disclosureSelectButton:{
|
||||
disclosureSelectButton: {
|
||||
fontSize: 14,
|
||||
fontFamily: 'Inter_700Bold',
|
||||
}
|
||||
fontFamily: 'Montserrat_700Bold',
|
||||
},
|
||||
}),
|
||||
BannerStyles: StyleSheet.create({
|
||||
container: {
|
||||
alignItems: 'flex-start',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'space-between',
|
||||
backgroundColor: '#DB2E2E',
|
||||
width: '100%',
|
||||
height: 70,
|
||||
position: 'relative',
|
||||
paddingHorizontal: 18,
|
||||
paddingVertical: 12,
|
||||
marginVertical: 1,
|
||||
columnGap: 7,
|
||||
},
|
||||
text: {
|
||||
textAlignVertical: 'center',
|
||||
fontSize: 12,
|
||||
lineHeight: 15,
|
||||
padding: 1,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
borderRadius: 10,
|
||||
},
|
||||
topBanner: {
|
||||
marginTop: 10,
|
||||
marginBottom: 10,
|
||||
},
|
||||
text: {
|
||||
textAlignVertical: 'center',
|
||||
fontSize: 14,
|
||||
lineHeight: 15,
|
||||
padding: 1,
|
||||
marginHorizontal: 8,
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
},
|
||||
dismiss: {paddingLeft: 9},
|
||||
inProgress: {
|
||||
backgroundColor: Colors.OrangeBrown,
|
||||
backgroundColor: Colors.LightYellow,
|
||||
color: Colors.CharcoalBlue,
|
||||
},
|
||||
success: {
|
||||
backgroundColor: Colors.Green,
|
||||
backgroundColor: Colors.LightMintGreen,
|
||||
color: Colors.CharcoalBlue,
|
||||
},
|
||||
error: {
|
||||
backgroundColor: Colors.LightRed,
|
||||
backgroundColor: Colors.LightRose,
|
||||
color: Colors.CharcoalBlue,
|
||||
},
|
||||
}),
|
||||
QrCodeStyles: StyleSheet.create({
|
||||
@@ -854,7 +901,7 @@ export const PurpleTheme = {
|
||||
borderTopLeftRadius: 21,
|
||||
borderTopRightRadius: 21,
|
||||
justifyContent: 'space-between',
|
||||
fontFamily: 'Inter_700Bold',
|
||||
fontFamily: 'Montserrat_700Bold',
|
||||
paddingBottom: 10,
|
||||
paddingRight: 15,
|
||||
paddingLeft: 130,
|
||||
@@ -890,7 +937,7 @@ export const PurpleTheme = {
|
||||
color: Colors.Black,
|
||||
flex: 1,
|
||||
fontSize: 33,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
height: 40,
|
||||
lineHeight: 28,
|
||||
margin: 8,
|
||||
@@ -901,7 +948,7 @@ export const PurpleTheme = {
|
||||
borderColor: Colors.Purple,
|
||||
color: Colors.Black,
|
||||
flex: 1,
|
||||
fontFamily: 'Inter_700Bold',
|
||||
fontFamily: 'Montserrat_700Bold',
|
||||
fontSize: 29,
|
||||
height: 40,
|
||||
margin: 8,
|
||||
@@ -911,33 +958,33 @@ export const PurpleTheme = {
|
||||
TextStyles: StyleSheet.create({
|
||||
header: {
|
||||
color: Colors.Black,
|
||||
fontFamily: 'Inter_700Bold',
|
||||
fontFamily: 'Montserrat_700Bold',
|
||||
fontSize: 18,
|
||||
lineHeight: 19,
|
||||
paddingTop: 5,
|
||||
},
|
||||
subHeader: {
|
||||
color: Colors.mediumLightGrayText,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
lineHeight: 19,
|
||||
fontSize: 13,
|
||||
paddingTop: 4,
|
||||
},
|
||||
semiBoldHeader: {
|
||||
color: Colors.Black,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
fontSize: 18,
|
||||
lineHeight: 21,
|
||||
paddingTop: 4,
|
||||
},
|
||||
retrieveIdLabel: {
|
||||
color: Colors.ShadeOfGrey,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
lineHeight: 18,
|
||||
},
|
||||
helpHeader: {
|
||||
color: Colors.Black,
|
||||
fontFamily: 'Inter_700Bold',
|
||||
fontFamily: 'Montserrat_700Bold',
|
||||
fontSize: 18,
|
||||
lineHeight: 19,
|
||||
paddingTop: 5,
|
||||
@@ -946,11 +993,11 @@ export const PurpleTheme = {
|
||||
helpDetails: {
|
||||
margin: 5,
|
||||
color: Colors.Gray44,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
},
|
||||
urlLinkText: {
|
||||
color: Colors.Purple,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
},
|
||||
aboutDetails: {
|
||||
color: Colors.Black,
|
||||
@@ -963,7 +1010,7 @@ export const PurpleTheme = {
|
||||
top: 65,
|
||||
left: 5,
|
||||
color: Colors.Red,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
fontSize: 12,
|
||||
minWidth: 200,
|
||||
},
|
||||
@@ -973,21 +1020,21 @@ export const PurpleTheme = {
|
||||
lineHeight: 18,
|
||||
},
|
||||
regular: {
|
||||
fontFamily: 'Inter_400Regular',
|
||||
fontFamily: 'Montserrat_400Regular',
|
||||
fontSize: 14,
|
||||
},
|
||||
regularGrey: {
|
||||
fontFamily: 'Inter_400Regular',
|
||||
fontFamily: 'Montserrat_400Regular',
|
||||
fontSize: 15,
|
||||
lineHeight: 19,
|
||||
color: Colors.ShadeOfGrey,
|
||||
},
|
||||
semibold: {
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
fontSize: 15,
|
||||
},
|
||||
bold: {
|
||||
fontFamily: 'Inter_700Bold',
|
||||
fontFamily: 'Montserrat_700Bold',
|
||||
fontSize: 15,
|
||||
justifyContent: 'center',
|
||||
},
|
||||
@@ -1061,23 +1108,21 @@ export const PurpleTheme = {
|
||||
},
|
||||
}),
|
||||
SearchBarStyles: StyleSheet.create({
|
||||
idleSearchBarBottomLine: {
|
||||
alignItems: 'center',
|
||||
borderBottomWidth: 1,
|
||||
borderBottomColor: Colors.Gray40,
|
||||
},
|
||||
searchBarContainer: {
|
||||
alignItems: 'center',
|
||||
borderBottomWidth: 1,
|
||||
borderBottomColor: Colors.Purple,
|
||||
},
|
||||
vcSearchBarContainer: {
|
||||
vcSearchBarContainer: {},
|
||||
innerSearchBarContainer: {
|
||||
flexDirection: 'row',
|
||||
justifyContent: 'space-between',
|
||||
alignItems: 'center',
|
||||
borderBottomWidth: 0.5,
|
||||
borderTopWidth: 0.5,
|
||||
borderColor: Colors.DimGray,
|
||||
width: Dimensions.get('window').width,
|
||||
width: '100%',
|
||||
backgroundColor: Colors.White,
|
||||
borderColor: Colors.veryLightBluishGray,
|
||||
borderRadius: 18,
|
||||
borderWidth: 2,
|
||||
marginTop: 10,
|
||||
paddingHorizontal: 20,
|
||||
},
|
||||
vcSearchIcon: {
|
||||
justifyContent: 'center',
|
||||
@@ -1089,14 +1134,14 @@ export const PurpleTheme = {
|
||||
justifyContent: 'center',
|
||||
height: Dimensions.get('window').height * 0.055,
|
||||
width: Dimensions.get('window').width * 0.1,
|
||||
fontFamily: 'Montserrat_500Medium',
|
||||
},
|
||||
searchBar: {
|
||||
textAlign: I18nManager.isRTL ? 'right' : 'left',
|
||||
height: Dimensions.get('window').height * 0.055,
|
||||
width: Dimensions.get('window').width * 0.75,
|
||||
},
|
||||
clearSearch: {
|
||||
padding: 10,
|
||||
fontFamily: 'Montserrat_500Medium',
|
||||
fontSize: 17,
|
||||
},
|
||||
}),
|
||||
ButtonStyles: StyleSheet.create({
|
||||
@@ -1174,7 +1219,7 @@ export const PurpleTheme = {
|
||||
backgroundColor: Colors.White,
|
||||
borderWidth: 0,
|
||||
marginTop: -15,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
padding: 0,
|
||||
},
|
||||
timeoutHintContainer: {
|
||||
@@ -1197,7 +1242,7 @@ export const PurpleTheme = {
|
||||
borderColor: Colors.Purple,
|
||||
borderRadius: 30,
|
||||
},
|
||||
sharedSuccessfullyVerifierInfo:{
|
||||
sharedSuccessfullyVerifierInfo: {
|
||||
alignSelf: 'center',
|
||||
backgroundColor: '#F5F5F5',
|
||||
borderRadius: 16,
|
||||
@@ -1211,7 +1256,7 @@ export const PurpleTheme = {
|
||||
height: 40,
|
||||
borderRadius: 8,
|
||||
marginRight: 12,
|
||||
}
|
||||
},
|
||||
}),
|
||||
AppMetaDataStyles: StyleSheet.create({
|
||||
buttonContainer: {
|
||||
@@ -1277,7 +1322,7 @@ export const PurpleTheme = {
|
||||
}),
|
||||
BackupAndRestoreStyles: StyleSheet.create({
|
||||
backupProgressText: {
|
||||
fontFamily: 'Inter_400Regular',
|
||||
fontFamily: 'Montserrat_400Regular',
|
||||
fontSize: 14,
|
||||
color: Colors.Gray44,
|
||||
},
|
||||
@@ -1291,7 +1336,7 @@ export const PurpleTheme = {
|
||||
textAlign: 'center',
|
||||
lineHeight: 22,
|
||||
fontSize: 17,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
marginHorizontal: 30,
|
||||
},
|
||||
cloudInfo: {
|
||||
@@ -1304,7 +1349,7 @@ export const PurpleTheme = {
|
||||
paddingHorizontal: 10,
|
||||
textAlign: 'center',
|
||||
paddingTop: 15,
|
||||
fontFamily: 'Inter_500Medium',
|
||||
fontFamily: 'Montserrat_500Medium',
|
||||
fontSize: 14,
|
||||
letterSpacing: 0,
|
||||
lineHeight: 17,
|
||||
@@ -1322,7 +1367,7 @@ export const PurpleTheme = {
|
||||
headerText: {
|
||||
justifyContent: 'center',
|
||||
paddingLeft: 12,
|
||||
fontFamily: 'Inter_500Medium',
|
||||
fontFamily: 'Montserrat_500Medium',
|
||||
fontWeight: '600',
|
||||
fontSize: 14,
|
||||
letterSpacing: 0,
|
||||
@@ -1383,7 +1428,7 @@ export const PurpleTheme = {
|
||||
},
|
||||
kebabHeaderStyle: {
|
||||
justifyContent: 'space-between',
|
||||
fontFamily: 'Inter_700Bold',
|
||||
fontFamily: 'Montserrat_700Bold',
|
||||
},
|
||||
}),
|
||||
MessageOverlayStyles: StyleSheet.create({
|
||||
@@ -1482,7 +1527,7 @@ export const PurpleTheme = {
|
||||
sliderTitle: {
|
||||
color: Colors.White,
|
||||
marginBottom: 20,
|
||||
fontFamily: 'Inter_700Bold',
|
||||
fontFamily: 'Montserrat_700Bold',
|
||||
},
|
||||
text: {
|
||||
color: Colors.White,
|
||||
@@ -1564,7 +1609,7 @@ export const PurpleTheme = {
|
||||
marginHorizontal: 9,
|
||||
},
|
||||
issuerHeading: {
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
fontSize: 14,
|
||||
paddingHorizontal: 3,
|
||||
marginBottom: 2,
|
||||
@@ -1588,7 +1633,7 @@ export const PurpleTheme = {
|
||||
image: {marginTop: -60, paddingBottom: 26},
|
||||
title: {
|
||||
color: Colors.Black,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
fontSize: 18,
|
||||
lineHeight: 21,
|
||||
paddingTop: 4,
|
||||
@@ -1597,7 +1642,7 @@ export const PurpleTheme = {
|
||||
},
|
||||
message: {
|
||||
textAlign: 'center',
|
||||
fontFamily: 'Inter_400Regular',
|
||||
fontFamily: 'Montserrat_400Regular',
|
||||
fontSize: 14,
|
||||
lineHeight: 20,
|
||||
marginTop: 6,
|
||||
@@ -1607,7 +1652,7 @@ export const PurpleTheme = {
|
||||
},
|
||||
additionalMessage: {
|
||||
color: Colors.Black,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
fontSize: 18,
|
||||
lineHeight: 21,
|
||||
paddingTop: 4,
|
||||
@@ -1656,7 +1701,7 @@ export const PurpleTheme = {
|
||||
},
|
||||
heading: {
|
||||
color: 'black',
|
||||
fontFamily: 'Inter_700Bold',
|
||||
fontFamily: 'Montserrat_700Bold',
|
||||
fontSize: 18,
|
||||
lineHeight: 19,
|
||||
padding: 10,
|
||||
@@ -1800,16 +1845,16 @@ export const PurpleTheme = {
|
||||
purposeText: {
|
||||
fontSize: 13,
|
||||
position: 'relative',
|
||||
fontFamily: 'Inter_500Medium',
|
||||
fontFamily: 'Montserrat_500Medium',
|
||||
},
|
||||
cardsSelectedText: {
|
||||
fontFamily: 'Inter_500Medium',
|
||||
fontFamily: 'Montserrat_500Medium',
|
||||
color: '#000000',
|
||||
fontSize: 14,
|
||||
},
|
||||
selectIDText: {
|
||||
position: 'relative',
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
fontSize: 16,
|
||||
},
|
||||
}),
|
||||
@@ -1829,11 +1874,11 @@ export const PurpleTheme = {
|
||||
justifyContent: 'space-between',
|
||||
},
|
||||
bannerTitle: {
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
},
|
||||
bannerGuide: {
|
||||
opacity: 0.8,
|
||||
fontFamily: 'Inter_400Regular',
|
||||
fontFamily: 'Montserrat_400Regular',
|
||||
},
|
||||
bannerEnablePermissionContainer: {
|
||||
marginTop: 15,
|
||||
@@ -1841,7 +1886,7 @@ export const PurpleTheme = {
|
||||
bannerEnablePermission: {
|
||||
borderBottomWidth: 1.5,
|
||||
borderBottomColor: Colors.White,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
},
|
||||
scannerContainer: {
|
||||
borderRadius: 24,
|
||||
@@ -1895,21 +1940,25 @@ export const PurpleTheme = {
|
||||
},
|
||||
holdPhoneSteadyText: {
|
||||
color: Colors.Black,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
fontSize: 15,
|
||||
},
|
||||
cameraFlipIcon: {
|
||||
height: 50,
|
||||
width: 50,
|
||||
},
|
||||
iconText: {fontFamily: 'Inter_600SemiBold', fontSize: 12, marginTop: 6},
|
||||
iconText: {
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
fontSize: 12,
|
||||
marginTop: 6,
|
||||
},
|
||||
}),
|
||||
BottomTabBarStyle: StyleSheet.create({
|
||||
headerRightContainerStyle: {paddingEnd: 13},
|
||||
headerLeftContainerStyle: {paddingEnd: 13},
|
||||
tabBarLabelStyle: {
|
||||
fontSize: 12,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
},
|
||||
tabBarStyle: {
|
||||
display: 'flex',
|
||||
@@ -2126,7 +2175,7 @@ export const PurpleTheme = {
|
||||
},
|
||||
}),
|
||||
DisclosureOverlayStyles: StyleSheet.create({
|
||||
overlay:{
|
||||
overlay: {
|
||||
padding: 0,
|
||||
borderTopLeftRadius: 20,
|
||||
borderTopRightRadius: 20,
|
||||
@@ -2135,7 +2184,7 @@ export const PurpleTheme = {
|
||||
bottom: 0,
|
||||
backgroundColor: '#fff',
|
||||
},
|
||||
outerView:{
|
||||
outerView: {
|
||||
padding: 16,
|
||||
borderBottomWidth: 1,
|
||||
borderBottomColor: Colors.LightGrey,
|
||||
@@ -2143,14 +2192,14 @@ export const PurpleTheme = {
|
||||
alignItems: 'center',
|
||||
justifyContent: 'space-between',
|
||||
},
|
||||
listView:{
|
||||
listView: {
|
||||
marginHorizontal: 16,
|
||||
marginVertical: 6,
|
||||
padding: 12,
|
||||
borderRadius: 10,
|
||||
borderWidth: 1,
|
||||
},
|
||||
noteView:{
|
||||
noteView: {
|
||||
marginHorizontal: 16,
|
||||
marginBottom: 30,
|
||||
padding: 12,
|
||||
@@ -2164,7 +2213,7 @@ export const PurpleTheme = {
|
||||
titleText: {
|
||||
fontSize: 17,
|
||||
textAlign: 'left',
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
paddingTop: 20,
|
||||
},
|
||||
titleDescription: {
|
||||
@@ -2175,23 +2224,23 @@ export const PurpleTheme = {
|
||||
},
|
||||
noteTitleText: {
|
||||
fontSize: 14,
|
||||
fontFamily: 'Inter_600SemiBold',
|
||||
fontFamily: 'Montserrat_600SemiBold',
|
||||
color: '#973C00',
|
||||
marginBottom: 5,
|
||||
},
|
||||
noteDescriptionText:{
|
||||
noteDescriptionText: {
|
||||
fontSize: 13,
|
||||
color: '#973C00',
|
||||
fontFamily: 'Inter_400Regular',
|
||||
fontFamily: 'Montserrat_400Regular',
|
||||
lineHeight: 18,
|
||||
textAlign: 'left',
|
||||
marginLeft: -25
|
||||
}
|
||||
marginLeft: -25,
|
||||
},
|
||||
}),
|
||||
DisclosureInfo: StyleSheet.create({
|
||||
view:{
|
||||
view: {
|
||||
marginTop: -16,
|
||||
marginBottom:16,
|
||||
marginBottom: 16,
|
||||
marginHorizontal: 10,
|
||||
padding: 12,
|
||||
backgroundColor: '#EFF6FF',
|
||||
@@ -2199,12 +2248,12 @@ export const PurpleTheme = {
|
||||
borderWidth: 1,
|
||||
borderColor: '#BEDBFF',
|
||||
},
|
||||
text:{
|
||||
text: {
|
||||
fontSize: 14,
|
||||
fontFamily: 'Inter_400Regular',
|
||||
fontFamily: 'Montserrat_400Regular',
|
||||
color: 'black',
|
||||
flex: 1,
|
||||
}
|
||||
},
|
||||
}),
|
||||
|
||||
ICON_SMALL_SIZE: 16,
|
||||
@@ -2246,7 +2295,7 @@ export const PurpleTheme = {
|
||||
}
|
||||
|
||||
const [top, end, bottom, start] =
|
||||
typeof values === 'string' ? values.split(' ').map(Number) : values;
|
||||
typeof values === 'string' ? values.split(' ').map(Number) : values;
|
||||
|
||||
return {
|
||||
[`${type}Top`]: top,
|
||||
@@ -2261,6 +2310,11 @@ export const PurpleTheme = {
|
||||
},
|
||||
};
|
||||
|
||||
/**
|
||||
* Produces a cross-platform box-shadow style appropriate for the current platform.
|
||||
*
|
||||
* @returns A style object containing iOS shadow properties (`shadowColor`, `shadowOffset`, `shadowOpacity`, `shadowRadius`) on iOS, or Android shadow properties (`elevation`, `shadowColor`) on Android.
|
||||
*/
|
||||
function generateBoxShadowStyle() {
|
||||
if (isIOS()) {
|
||||
return {
|
||||
|
||||
@@ -1,18 +1,25 @@
|
||||
import {
|
||||
Inter_400Regular,
|
||||
Inter_500Medium,
|
||||
Inter_600SemiBold,
|
||||
Inter_700Bold,
|
||||
Montserrat_400Regular,
|
||||
Montserrat_500Medium,
|
||||
Montserrat_600SemiBold,
|
||||
Montserrat_700Bold,
|
||||
useFonts,
|
||||
} from '@expo-google-fonts/inter';
|
||||
} from '@expo-google-fonts/montserrat';
|
||||
|
||||
/**
|
||||
* Loads Montserrat font variants and indicates when they are available.
|
||||
*
|
||||
* Loads Montserrat_400Regular, Montserrat_500Medium, Montserrat_600SemiBold, and Montserrat_700Bold.
|
||||
*
|
||||
* @returns `true` if the Montserrat font variants have finished loading, `false` otherwise.
|
||||
*/
|
||||
export function useFont() {
|
||||
const [hasFontsLoaded] = useFonts({
|
||||
Inter_400Regular,
|
||||
Inter_500Medium,
|
||||
Inter_600SemiBold,
|
||||
Inter_700Bold,
|
||||
Montserrat_400Regular,
|
||||
Montserrat_500Medium,
|
||||
Montserrat_600SemiBold,
|
||||
Montserrat_700Bold,
|
||||
});
|
||||
|
||||
return hasFontsLoaded;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user