diff --git a/packages/legacy/core/App/components/chat/ActionSlider.tsx b/packages/legacy/core/App/components/chat/ActionSlider.tsx index a16df8ce90..32a50506da 100644 --- a/packages/legacy/core/App/components/chat/ActionSlider.tsx +++ b/packages/legacy/core/App/components/chat/ActionSlider.tsx @@ -45,8 +45,7 @@ const ActionSlider: React.FC = ({ actions, onDismiss }) => { elevation: 5, }, drawerTitleText: { - ...TextTheme.normal, - fontWeight: 'bold', + ...TextTheme.bold, textAlign: 'center', marginVertical: 10, }, diff --git a/packages/legacy/core/App/components/listItems/NotificationListItem.tsx b/packages/legacy/core/App/components/listItems/NotificationListItem.tsx index edb4a43ead..165f075782 100644 --- a/packages/legacy/core/App/components/listItems/NotificationListItem.tsx +++ b/packages/legacy/core/App/components/listItems/NotificationListItem.tsx @@ -115,9 +115,8 @@ const NotificationListItem: React.FC = ({ notificatio paddingBottom: 5, }, headerText: { - ...TextTheme.normal, + ...TextTheme.bold, flexGrow: 1, - fontWeight: 'bold', alignSelf: 'center', flex: 1, }, diff --git a/packages/legacy/core/App/components/misc/CredentialCard11.tsx b/packages/legacy/core/App/components/misc/CredentialCard11.tsx index f7ff2a4200..b977199338 100644 --- a/packages/legacy/core/App/components/misc/CredentialCard11.tsx +++ b/packages/legacy/core/App/components/misc/CredentialCard11.tsx @@ -218,7 +218,7 @@ const CredentialCard11: React.FC = ({ }, credActionText: { fontSize: 20, - fontWeight: 'bold', + fontWeight: TextTheme.bold.fontWeight, color: ColorPallet.brand.link, }, }) @@ -298,10 +298,9 @@ const CredentialCard11: React.FC = ({ ) : ( = ({ ) : ( = ({ = ({ flexGrow: 0, }, headerText: { - ...TextTheme.normal, + ...TextTheme.bold, marginLeft: 7, flexShrink: 1, - fontWeight: 'bold', alignSelf: 'center', color: ColorPallet.notification.infoText, }, @@ -91,7 +90,7 @@ const InfoBox: React.FC = ({ }, showDetailsText: { ...TextTheme.title, - fontWeight: 'normal', + fontWeight: TextTheme.normal.fontWeight, color: ColorPallet.brand.link, }, }) diff --git a/packages/legacy/core/App/components/misc/ScanTab.tsx b/packages/legacy/core/App/components/misc/ScanTab.tsx index 80b6e3a286..7f8a872fd7 100644 --- a/packages/legacy/core/App/components/misc/ScanTab.tsx +++ b/packages/legacy/core/App/components/misc/ScanTab.tsx @@ -13,7 +13,7 @@ interface ScanTabProps { } const ScanTab: React.FC = ({ onPress, active, iconName, title }) => { - const { TabTheme } = useTheme() + const { TabTheme, TextTheme } = useTheme() const { fontScale } = useWindowDimensions() const showLabels = fontScale * TabTheme.tabBarTextStyle.fontSize < 18 @@ -24,7 +24,7 @@ const ScanTab: React.FC = ({ onPress, active, iconName, title }) = text: { ...TabTheme.tabBarTextStyle, color: active ? TabTheme.tabBarActiveTintColor : TabTheme.tabBarInactiveTintColor, - fontWeight: active ? 'bold' : 'normal', + fontWeight: active ? TextTheme.bold.fontWeight : TextTheme.normal.fontWeight, }, }) return ( diff --git a/packages/legacy/core/App/components/misc/SharedProofData.tsx b/packages/legacy/core/App/components/misc/SharedProofData.tsx index 41fe95b286..3f792b6cb3 100644 --- a/packages/legacy/core/App/components/misc/SharedProofData.tsx +++ b/packages/legacy/core/App/components/misc/SharedProofData.tsx @@ -69,12 +69,12 @@ const SharedDataCard: React.FC<{ sharedData: GroupedSharedProofDataItem }> = ({ }, attributeName: { fontSize: 16, - fontWeight: 'normal', + fontWeight: TextTheme.normal.fontWeight, color: ColorPallet.grayscale.black, }, attributeValue: { fontSize: 18, - fontWeight: 'bold', + fontWeight: TextTheme.bold.fontWeight, color: ColorPallet.grayscale.black, }, }) @@ -161,10 +161,9 @@ const SharedDataCard: React.FC<{ sharedData: GroupedSharedProofDataItem }> = ({ ) : ( = ({ }, headerText: { ...TextTheme.headingThree, - fontWeight: 'bold', alignSelf: 'flex-start', flexWrap: 'wrap', color: ColorPallet.notification.infoText, diff --git a/packages/legacy/core/App/components/modals/CommonRemoveModal.tsx b/packages/legacy/core/App/components/modals/CommonRemoveModal.tsx index 90def7981a..42c0ef4c5d 100644 --- a/packages/legacy/core/App/components/modals/CommonRemoveModal.tsx +++ b/packages/legacy/core/App/components/modals/CommonRemoveModal.tsx @@ -52,7 +52,7 @@ const Dropdown: React.FC = ({ title, content }) => { }, ]} > - {title} + {title} diff --git a/packages/legacy/core/App/components/modals/DismissiblePopupModal.tsx b/packages/legacy/core/App/components/modals/DismissiblePopupModal.tsx index 3d9f2e636d..fd6da56165 100644 --- a/packages/legacy/core/App/components/modals/DismissiblePopupModal.tsx +++ b/packages/legacy/core/App/components/modals/DismissiblePopupModal.tsx @@ -72,8 +72,7 @@ const DismissiblePopupModal: React.FC = ({ flexGrow: 1, }, headerText: { - ...TextTheme.normal, - fontWeight: 'bold', + ...TextTheme.bold, alignSelf: 'flex-start', color: ColorPallet.notification.infoText, }, diff --git a/packages/legacy/core/App/components/modals/NotificationModal.tsx b/packages/legacy/core/App/components/modals/NotificationModal.tsx index 2fcf3197eb..ad1d214b2e 100644 --- a/packages/legacy/core/App/components/modals/NotificationModal.tsx +++ b/packages/legacy/core/App/components/modals/NotificationModal.tsx @@ -101,7 +101,9 @@ const NotificationModal: React.FC = ({ ) : null} - {title} + + {title} + {children} {doneVisible ? ( diff --git a/packages/legacy/core/App/components/record/RecordField.tsx b/packages/legacy/core/App/components/record/RecordField.tsx index 1d135b1054..abf013eaf1 100644 --- a/packages/legacy/core/App/components/record/RecordField.tsx +++ b/packages/legacy/core/App/components/record/RecordField.tsx @@ -98,10 +98,7 @@ const RecordField: React.FC = ({ {fieldLabel ? ( fieldLabel(field) ) : ( - + {field.label ?? startCase(field.name || '')} )} diff --git a/packages/legacy/core/App/components/texts/InfoTextBox.tsx b/packages/legacy/core/App/components/texts/InfoTextBox.tsx index 0b69c22552..cb5cd85718 100644 --- a/packages/legacy/core/App/components/texts/InfoTextBox.tsx +++ b/packages/legacy/core/App/components/texts/InfoTextBox.tsx @@ -26,9 +26,8 @@ const InfoTextBox: React.FC = ({ children }) => { alignItems: 'center', }, textContainer: { - ...TextTheme.normal, + ...TextTheme.bold, color: ColorPallet.notification.infoText, - fontWeight: 'bold', alignSelf: 'center', flexShrink: 1, }, diff --git a/packages/legacy/core/App/components/toast/BaseToast.tsx b/packages/legacy/core/App/components/toast/BaseToast.tsx index f24a865821..6c6d262246 100644 --- a/packages/legacy/core/App/components/toast/BaseToast.tsx +++ b/packages/legacy/core/App/components/toast/BaseToast.tsx @@ -50,7 +50,7 @@ const BaseToast: React.FC = ({ title, body, toastType, onPress = marginHorizontal: 15, }, title: { - fontWeight: 'bold', + fontWeight: TextTheme.bold.fontWeight, }, body: { marginTop: 10, diff --git a/packages/legacy/core/App/components/tour/TourBox.tsx b/packages/legacy/core/App/components/tour/TourBox.tsx index adfe7c7429..cf485e3f38 100644 --- a/packages/legacy/core/App/components/tour/TourBox.tsx +++ b/packages/legacy/core/App/components/tour/TourBox.tsx @@ -100,7 +100,6 @@ export function TourBox(props: TourBoxProps): ReactElement { }, headerText: { ...TextTheme.headingThree, - fontWeight: 'bold', alignSelf: 'flex-start', color: ColorPallet.notification.infoText, }, @@ -116,9 +115,8 @@ export function TourBox(props: TourBoxProps): ReactElement { justifyContent: 'space-around', }, navText: { - ...TextTheme.normal, + ...TextTheme.bold, color: ColorPallet.brand.primary, - fontWeight: 'bold', }, pagerContainer: { flexDirection: 'row', diff --git a/packages/legacy/core/App/components/views/FauxNavigationBar.tsx b/packages/legacy/core/App/components/views/FauxNavigationBar.tsx index 523c43d143..3fdc9d1dd9 100644 --- a/packages/legacy/core/App/components/views/FauxNavigationBar.tsx +++ b/packages/legacy/core/App/components/views/FauxNavigationBar.tsx @@ -33,10 +33,9 @@ const FauxNavigationBar: React.FC = ({ title, onHomeTouc justifyContent: 'space-between', }, label: { - ...TextTheme.normal, + ...TextTheme.bold, color: ColorPallet.brand.headerText, fontSize: 17, - fontWeight: 'bold', flexGrow: 1, textAlign: 'center', paddingBottom: 12, diff --git a/packages/legacy/core/App/components/views/HomeFooterView.tsx b/packages/legacy/core/App/components/views/HomeFooterView.tsx index 33edec48c5..4daf43d484 100644 --- a/packages/legacy/core/App/components/views/HomeFooterView.tsx +++ b/packages/legacy/core/App/components/views/HomeFooterView.tsx @@ -19,7 +19,7 @@ const HomeFooterView: React.FC = ({ children }) => { ...useCredentialByState(CredentialState.Done), ] const notifications = useNotifications() - const { HomeTheme } = useTheme() + const { HomeTheme, TextTheme } = useTheme() const { t } = useTranslation() const styles = StyleSheet.create({ container: { @@ -45,15 +45,15 @@ const HomeFooterView: React.FC = ({ children }) => { if (credentialCount === 1) { credentialMsg = ( - {t('Home.YouHave')} {credentialCount} {t('Home.Credential')}{' '} - {t('Home.InYourWallet')} + {t('Home.YouHave')} {credentialCount}{' '} + {t('Home.Credential')} {t('Home.InYourWallet')} ) } else if (credentialCount > 1) { credentialMsg = ( - {t('Home.YouHave')} {credentialCount} {t('Home.Credentials')}{' '} - {t('Home.InYourWallet')} + {t('Home.YouHave')} {credentialCount}{' '} + {t('Home.Credentials')} {t('Home.InYourWallet')} ) } else { diff --git a/packages/legacy/core/App/navigators/TabStack.tsx b/packages/legacy/core/App/navigators/TabStack.tsx index 09ef7780da..a4da31bd25 100644 --- a/packages/legacy/core/App/navigators/TabStack.tsx +++ b/packages/legacy/core/App/navigators/TabStack.tsx @@ -25,7 +25,7 @@ const TabStack: React.FC = () => { const { t } = useTranslation() const Tab = createBottomTabNavigator() const { assertConnectedNetwork } = useNetwork() - const { ColorPallet, TabTheme } = useTheme() + const { ColorPallet, TabTheme, TextTheme } = useTheme() const [orientation, setOrientation] = useState(OrientationType.PORTRAIT) const showLabels = fontScale * TabTheme.tabBarTextStyle.fontSize < 18 const styles = StyleSheet.create({ @@ -74,7 +74,7 @@ const TabStack: React.FC = () => { style={{ ...TabTheme.tabBarTextStyle, color: focused ? TabTheme.tabBarActiveTintColor : TabTheme.tabBarInactiveTintColor, - fontWeight: focused ? 'bold' : 'normal', + fontWeight: focused ? TextTheme.bold.fontWeight : TextTheme.normal.fontWeight, }} > {t('TabStack.Home')} @@ -189,7 +189,7 @@ const TabStack: React.FC = () => { style={{ ...TabTheme.tabBarTextStyle, color: focused ? TabTheme.tabBarActiveTintColor : TabTheme.tabBarInactiveTintColor, - fontWeight: focused ? 'bold' : 'normal', + fontWeight: focused ? TextTheme.bold.fontWeight : TextTheme.normal.fontWeight, }} > {t('TabStack.Credentials')} diff --git a/packages/legacy/core/App/screens/AttemptLockout.tsx b/packages/legacy/core/App/screens/AttemptLockout.tsx index af78bd5d21..fd3a2746b1 100644 --- a/packages/legacy/core/App/screens/AttemptLockout.tsx +++ b/packages/legacy/core/App/screens/AttemptLockout.tsx @@ -49,9 +49,8 @@ const AttemptLockout: React.FC = () => { textAlign: 'center', }, countDown: { - ...TextTheme.normal, + ...TextTheme.bold, textAlign: 'center', - fontWeight: 'bold', }, image: { width: 150, diff --git a/packages/legacy/core/App/screens/Connection.tsx b/packages/legacy/core/App/screens/Connection.tsx index fa52dd38f7..6f83a430c5 100644 --- a/packages/legacy/core/App/screens/Connection.tsx +++ b/packages/legacy/core/App/screens/Connection.tsx @@ -63,7 +63,7 @@ const Connection: React.FC = ({ navigation, route }) => { alignItems: 'center', }, messageText: { - fontWeight: 'normal', + fontWeight: TextTheme.normal.fontWeight, textAlign: 'center', marginTop: 30, }, diff --git a/packages/legacy/core/App/screens/CredentialOffer.tsx b/packages/legacy/core/App/screens/CredentialOffer.tsx index 58a00b8332..25ad0c0b8c 100644 --- a/packages/legacy/core/App/screens/CredentialOffer.tsx +++ b/packages/legacy/core/App/screens/CredentialOffer.tsx @@ -49,7 +49,7 @@ const CredentialOffer: React.FC = ({ navigation, route }) const { agent } = useAppAgent() const { t, i18n } = useTranslation() - const { ListItems, ColorPallet } = useTheme() + const { TextTheme, ColorPallet } = useTheme() const { RecordLoading } = useAnimatedComponents() const { assertConnectedNetwork } = useNetwork() const { OCABundleResolver, enableTours: enableToursConfig } = useConfiguration() @@ -71,7 +71,7 @@ const CredentialOffer: React.FC = ({ navigation, route }) paddingVertical: 16, }, headerText: { - ...ListItems.recordAttributeLabel, + ...TextTheme.normal, flexShrink: 1, }, footerButton: { diff --git a/packages/legacy/core/App/screens/CredentialOfferAccept.tsx b/packages/legacy/core/App/screens/CredentialOfferAccept.tsx index f57382072a..1d5bea98f3 100644 --- a/packages/legacy/core/App/screens/CredentialOfferAccept.tsx +++ b/packages/legacy/core/App/screens/CredentialOfferAccept.tsx @@ -50,7 +50,6 @@ const CredentialOfferAccept: React.FC = ({ visible, alignItems: 'center', }, messageText: { - fontWeight: 'normal', textAlign: 'center', marginTop: 30, }, diff --git a/packages/legacy/core/App/screens/Developer.tsx b/packages/legacy/core/App/screens/Developer.tsx index a1ac08777d..1065f11feb 100644 --- a/packages/legacy/core/App/screens/Developer.tsx +++ b/packages/legacy/core/App/screens/Developer.tsx @@ -35,10 +35,9 @@ const Developer: React.FC = () => { alignItems: 'center', }, settingLabelText: { - ...TextTheme.normal, + ...TextTheme.bold, marginRight: 10, textAlign: 'left', - fontWeight: 'bold', }, settingSwitchContainer: { justifyContent: 'center', diff --git a/packages/legacy/core/App/screens/OnboardingPages.tsx b/packages/legacy/core/App/screens/OnboardingPages.tsx index 7520a69e97..790fce793f 100644 --- a/packages/legacy/core/App/screens/OnboardingPages.tsx +++ b/packages/legacy/core/App/screens/OnboardingPages.tsx @@ -51,8 +51,6 @@ export const createCarouselStyle = (OnboardingTheme: any): OnboardingStyleSheet }, pagerNavigationButton: { ...OnboardingTheme.pagerNavigationButton, - fontSize: 18, - fontWeight: 'bold', }, }) } diff --git a/packages/legacy/core/App/screens/PINCreate.tsx b/packages/legacy/core/App/screens/PINCreate.tsx index bf6f29e1f8..f3b44c3cf2 100644 --- a/packages/legacy/core/App/screens/PINCreate.tsx +++ b/packages/legacy/core/App/screens/PINCreate.tsx @@ -175,7 +175,7 @@ const PINCreate: React.FC = ({ setAuthenticated, route }) => { - + {updatePin ? t('PINCreate.RememberChangePIN') : t('PINCreate.RememberPIN')} {' '} {t('PINCreate.PINDisclaimer')} diff --git a/packages/legacy/core/App/screens/PINEnter.tsx b/packages/legacy/core/App/screens/PINEnter.tsx index b4ae4534e8..c42e9e9d48 100644 --- a/packages/legacy/core/App/screens/PINEnter.tsx +++ b/packages/legacy/core/App/screens/PINEnter.tsx @@ -44,7 +44,7 @@ const PINEnter: React.FC = ({ setAuthenticated, usage = PINEntryU const [displayNotification, setDisplayNotification] = useState(false) const [alertModalVisible, setAlertModalVisible] = useState(false) const [biometricsEnrollmentChange, setBiometricsEnrollmentChange] = useState(false) - const { ColorPallet, TextTheme, Assets } = useTheme() + const { ColorPallet, TextTheme, Assets, PINEnterTheme } = useTheme() const { ButtonLoading } = useAnimatedComponents() const style = StyleSheet.create({ @@ -70,6 +70,12 @@ const PINEnter: React.FC = ({ setAuthenticated, usage = PINEntryU ...TextTheme.popupModalText, marginVertical: 5, }, + image: { + ...PINEnterTheme.image, + height: Assets.img.logoSecondary.height, + width: Assets.img.logoSecondary.width, + resizeMode: Assets.img.logoSecondary.resizeMode, + }, }) // listen for biometrics error event @@ -294,16 +300,7 @@ const PINEnter: React.FC = ({ setAuthenticated, usage = PINEntryU - + {biometricsEnrollmentChange ? ( <> diff --git a/packages/legacy/core/App/screens/Preface.tsx b/packages/legacy/core/App/screens/Preface.tsx index 94f048718c..5b10c406a5 100644 --- a/packages/legacy/core/App/screens/Preface.tsx +++ b/packages/legacy/core/App/screens/Preface.tsx @@ -55,7 +55,7 @@ const Preface: React.FC = () => { checked={checked} onPress={() => setChecked(!checked)} reverse - titleStyle={{ fontWeight: 'bold' }} + titleStyle={{ fontWeight: TextTheme.bold.fontWeight }} />