diff --git a/app/src/components/documents/IDSelectorItem.tsx b/app/src/components/documents/IDSelectorItem.tsx index 2609aec4a..dec4721fd 100644 --- a/app/src/components/documents/IDSelectorItem.tsx +++ b/app/src/components/documents/IDSelectorItem.tsx @@ -113,10 +113,16 @@ export const IDSelectorItem: React.FC = ({ fontSize={18} fontWeight="500" color={textColor} + allowFontScaling={false} > {documentName} - + {subtitleText} diff --git a/app/src/components/documents/IDSelectorSheet.tsx b/app/src/components/documents/IDSelectorSheet.tsx index e578c3e04..a408087f2 100644 --- a/app/src/components/documents/IDSelectorSheet.tsx +++ b/app/src/components/documents/IDSelectorSheet.tsx @@ -81,6 +81,7 @@ export const IDSelectorSheet: React.FC = ({ fontWeight="500" color={black} marginBottom={32} + allowFontScaling={false} > Select an ID @@ -140,6 +141,7 @@ export const IDSelectorSheet: React.FC = ({ fontSize={18} fontWeight="500" color={black} + allowFontScaling={false} > Dismiss @@ -162,6 +164,7 @@ export const IDSelectorSheet: React.FC = ({ fontSize={18} fontWeight="500" color={white} + allowFontScaling={false} > Select diff --git a/app/src/components/proof-request/BottomActionBar.tsx b/app/src/components/proof-request/BottomActionBar.tsx index 74a870f1a..98f704db6 100644 --- a/app/src/components/proof-request/BottomActionBar.tsx +++ b/app/src/components/proof-request/BottomActionBar.tsx @@ -92,6 +92,7 @@ export const BottomActionBar: React.FC = ({ fontSize={18} color={proofRequestColors.slate900} numberOfLines={1} + allowFontScaling={false} > {selectedDocumentName} @@ -135,6 +136,7 @@ export const BottomActionBar: React.FC = ({ fontSize={18} color={proofRequestColors.white} textAlign="center" + allowFontScaling={false} > Select diff --git a/app/src/components/proof-request/ConnectedWalletBadge.tsx b/app/src/components/proof-request/ConnectedWalletBadge.tsx index 2b1034161..b62256d24 100644 --- a/app/src/components/proof-request/ConnectedWalletBadge.tsx +++ b/app/src/components/proof-request/ConnectedWalletBadge.tsx @@ -56,6 +56,7 @@ export const ConnectedWalletBadge: React.FC = ({ fontSize={12} color={proofRequestColors.white} textTransform="uppercase" + allowFontScaling={false} > {label} @@ -68,6 +69,7 @@ export const ConnectedWalletBadge: React.FC = ({ fontSize={12} color={proofRequestColors.white} textAlign="right" + allowFontScaling={false} testID={`${testID}-address`} > {truncateAddress(address)} diff --git a/app/src/components/proof-request/DisclosureItem.tsx b/app/src/components/proof-request/DisclosureItem.tsx index 4c96183be..bfc08d9a1 100644 --- a/app/src/components/proof-request/DisclosureItem.tsx +++ b/app/src/components/proof-request/DisclosureItem.tsx @@ -62,6 +62,7 @@ export const DisclosureItem: React.FC = ({ color={proofRequestColors.slate900} textTransform="uppercase" letterSpacing={0.48} + allowFontScaling={false} testID={`${testID}-text`} > {text} diff --git a/app/src/components/proof-request/ProofMetadataBar.tsx b/app/src/components/proof-request/ProofMetadataBar.tsx index 3d1afef0a..593ba6dce 100644 --- a/app/src/components/proof-request/ProofMetadataBar.tsx +++ b/app/src/components/proof-request/ProofMetadataBar.tsx @@ -41,6 +41,7 @@ export const ProofMetadataBar: React.FC = ({ fontWeight="500" color={proofRequestColors.slate400} textTransform="uppercase" + allowFontScaling={false} > Proofs Requested @@ -52,6 +53,7 @@ export const ProofMetadataBar: React.FC = ({ fontSize={12} fontWeight="500" color={proofRequestColors.slate400} + allowFontScaling={false} > • @@ -62,6 +64,7 @@ export const ProofMetadataBar: React.FC = ({ fontSize={12} fontWeight="500" color={proofRequestColors.slate400} + allowFontScaling={false} testID={`${testID}-timestamp`} > {timestamp} diff --git a/app/src/components/proof-request/ProofRequestCard.tsx b/app/src/components/proof-request/ProofRequestCard.tsx index 3e24dc3de..96c5a9f15 100644 --- a/app/src/components/proof-request/ProofRequestCard.tsx +++ b/app/src/components/proof-request/ProofRequestCard.tsx @@ -68,18 +68,34 @@ export const ProofRequestCard: React.FC = ({ // Build request message with highlighted app name and document type const requestMessage = ( <> - + {appName} - + { ' is requesting access to the following information from your verified ' } - + {documentType} - + . diff --git a/app/src/components/proof-request/ProofRequestHeader.tsx b/app/src/components/proof-request/ProofRequestHeader.tsx index b76001c20..de40af5cd 100644 --- a/app/src/components/proof-request/ProofRequestHeader.tsx +++ b/app/src/components/proof-request/ProofRequestHeader.tsx @@ -61,12 +61,13 @@ export const ProofRequestHeader: React.FC = ({ /> )} - + {appName} @@ -77,6 +78,7 @@ export const ProofRequestHeader: React.FC = ({ fontFamily={plexMono} fontSize={12} color={proofRequestColors.zinc500} + allowFontScaling={false} testID={`${testID}-app-url`} numberOfLines={1} ellipsizeMode="middle" @@ -95,6 +97,7 @@ export const ProofRequestHeader: React.FC = ({ color={proofRequestColors.slate400} lineHeight={24} minHeight={75} + allowFontScaling={false} testID={`${testID}-request-message`} > {requestMessage} diff --git a/packages/mobile-sdk-alpha/src/components/buttons/AbstractButton.tsx b/packages/mobile-sdk-alpha/src/components/buttons/AbstractButton.tsx index f02984533..00d412e8d 100644 --- a/packages/mobile-sdk-alpha/src/components/buttons/AbstractButton.tsx +++ b/packages/mobile-sdk-alpha/src/components/buttons/AbstractButton.tsx @@ -111,7 +111,9 @@ export default function AbstractButton({ ]} > {animatedComponent} - {children} + + {children} + ); } diff --git a/packages/mobile-sdk-alpha/src/components/typography/Description.tsx b/packages/mobile-sdk-alpha/src/components/typography/Description.tsx index 0eab8431f..c3c919499 100644 --- a/packages/mobile-sdk-alpha/src/components/typography/Description.tsx +++ b/packages/mobile-sdk-alpha/src/components/typography/Description.tsx @@ -14,7 +14,12 @@ type DescriptionProps = TextProps & { const Description = ({ children, style, color, ...props }: DescriptionProps) => { return ( - + {children} );