-
+
{appName
? __(
'%1 and MX Technologies will only collect, use, and retain your data to help manage your finances and will protect your data as required by',
diff --git a/src/views/credentials/Credentials.js b/src/views/credentials/Credentials.js
index 76eb2919fa..61db540dfd 100644
--- a/src/views/credentials/Credentials.js
+++ b/src/views/credentials/Credentials.js
@@ -374,7 +374,7 @@ export const Credentials = React.forwardRef(
component="h2"
data-test="title-text"
truncate={false}
- variant="H2"
+ variant="h2"
>
{selectedInstructionalData.title ?? __('Enter your credentials')}
@@ -412,7 +412,7 @@ export const Credentials = React.forwardRef(
severity="error"
>
{__('Incorrect Credentials')}
-
+
{__(
'The credentials entered do not match those at %1. Please correct them below to continue.',
institution.name,
diff --git a/src/views/disclosure/DataAvailable.js b/src/views/disclosure/DataAvailable.js
index af9df0f25f..e46c285b08 100644
--- a/src/views/disclosure/DataAvailable.js
+++ b/src/views/disclosure/DataAvailable.js
@@ -33,7 +33,7 @@ export const DataAvailable = () => {
data-test="data-available-title"
style={styles.title}
truncate={false}
- variant="H2"
+ variant="h2"
>
{__('Data %1 may request', appName ? appName : __('your app'))}
@@ -43,7 +43,7 @@ export const DataAvailable = () => {
data-test="data-available-subtitle"
style={styles.paragraph}
truncate={false}
- variant="Body"
+ variant="body1"
>
{__(
'%1 may request access to the following data at any time, only as needed, in order to support your requested products and services.',
diff --git a/src/views/disclosure/DataRequested.js b/src/views/disclosure/DataRequested.js
index ed79c7c4ab..703d3399b8 100644
--- a/src/views/disclosure/DataRequested.js
+++ b/src/views/disclosure/DataRequested.js
@@ -67,7 +67,7 @@ export const DataRequested = (props) => {
component="h2"
data-test="data-requested-title"
truncate={false}
- variant="H2"
+ variant="h2"
>
{__('Data requested by %1', appName ? appName : __('your app'))}
@@ -75,7 +75,7 @@ export const DataRequested = (props) => {
component="p"
data-test="data-requested-subtitle"
truncate={false}
- variant="ParagraphSmall"
+ variant="subtitle2"
>
{__(
'%1 is requesting access to the following data at this time in order to support your requested products and services.',
@@ -90,7 +90,7 @@ export const DataRequested = (props) => {
onClick={() => {
props.setCurrentView(VIEWS.AVAILABLE_DATA)
}}
- variant="ParagraphSmall"
+ variant="subtitle2"
>
{__('Other available data')}
diff --git a/src/views/disclosure/Disclosure.js b/src/views/disclosure/Disclosure.js
index 88d5c78a16..40b8926cb8 100644
--- a/src/views/disclosure/Disclosure.js
+++ b/src/views/disclosure/Disclosure.js
@@ -72,12 +72,12 @@ export const Disclosure = React.forwardRef((_, disclosureRef) => {
className={styles.title}
data-test="disclosure-title"
truncate={false}
- variant="H2"
+ variant="h2"
>
{_p('connect/disclosure/title', 'Connect your account')}
-
+
{_p(
'connect/disclosure/body',
'This app will have access to the information below unless you choose to disconnect:',
@@ -88,12 +88,12 @@ export const Disclosure = React.forwardRef((_, disclosureRef) => {
{isInAggMode && (
-
+
{__('Account details')}
-
+
{__('Account balances and transactions')}
@@ -103,12 +103,12 @@ export const Disclosure = React.forwardRef((_, disclosureRef) => {
{isInTaxMode && (
-
+
{__('Basic account information')}
-
+
{__('Tax documents')}
@@ -118,12 +118,12 @@ export const Disclosure = React.forwardRef((_, disclosureRef) => {
{isInVerifyMode && (
-
+
{__('Routing and account numbers')}
-
+
{__('Account balances')}
@@ -137,7 +137,7 @@ export const Disclosure = React.forwardRef((_, disclosureRef) => {
component="p"
data-test="disclosure-paragraph-2"
truncate={false}
- variant="Paragraph"
+ variant="subtitle1"
>
{__('Your information is protected with bank-level security.')}
@@ -146,7 +146,7 @@ export const Disclosure = React.forwardRef((_, disclosureRef) => {
className={styles.disclaimer}
data-test="disclosure-privacy-policy-text"
truncate={false}
- variant="ParagraphSmall"
+ variant="subtitle2"
>
{_p('connect/disclosure/policy/text', 'By clicking Continue, you agree to the ')}
{appName && institution.name
? __('%1 trusts MX to connect your %2 account', appName, institution.name)
@@ -103,7 +103,7 @@ export const DisclosureInterstitial = React.forwardRef((props, interstitialNavRe
className={styles.subTitle}
data-test="connect-in-seconds"
truncate={false}
- variant="Body"
+ variant="body1"
>
{__('Connect in seconds')}
@@ -134,7 +134,7 @@ export const DisclosureInterstitial = React.forwardRef((props, interstitialNavRe
className={styles.subTitle}
data-test="private-secure"
truncate={false}
- variant="Body"
+ variant="body1"
>
{__('Private and secure')}
@@ -159,7 +159,7 @@ export const DisclosureInterstitial = React.forwardRef((props, interstitialNavRe
className={styles.subTitle}
data-test="learn-more"
truncate={false}
- variant="Body"
+ variant="body1"
>
{__('Learn more')}
@@ -174,7 +174,7 @@ export const DisclosureInterstitial = React.forwardRef((props, interstitialNavRe
onClick={() => {
setCurrentView(VIEWS.DATA_REQUESTED)
}}
- variant="ParagraphSmall"
+ variant="subtitle2"
>
{__('Data requested')}
@@ -195,7 +195,7 @@ export const DisclosureInterstitial = React.forwardRef((props, interstitialNavRe
goToUrlLink(privacyUrl, true)
}
}}
- variant="ParagraphSmall"
+ variant="subtitle2"
>
{_p('connect/disclosure/policy/link', 'MX Privacy Policy')}
diff --git a/src/views/disclosure/PoweredByMXText.tsx b/src/views/disclosure/PoweredByMXText.tsx
index dc32525ed7..3c4ec3e619 100644
--- a/src/views/disclosure/PoweredByMXText.tsx
+++ b/src/views/disclosure/PoweredByMXText.tsx
@@ -16,7 +16,7 @@ const PoweredByMXText = () => {
className={styles.text}
component="span"
truncate={false}
- variant="Small"
+ variant="body2"
>
{
// --TR: Full string "Data access by MX(Logo)"
diff --git a/src/views/loginError/ImpededMemberError.js b/src/views/loginError/ImpededMemberError.js
index 188390fcf3..a1e1dd2d96 100644
--- a/src/views/loginError/ImpededMemberError.js
+++ b/src/views/loginError/ImpededMemberError.js
@@ -23,10 +23,10 @@ export const ImpededMemberError = ({
return (
-
+
{title}
-
+
{message}
@@ -34,7 +34,7 @@ export const ImpededMemberError = ({
1
-
+
{__("Log in to %1's website and resolve the issue.", institution.name)}
@@ -60,7 +60,7 @@ export const ImpededMemberError = ({
2
-
+
{__('Come back here and try to connect your account again.')}
diff --git a/src/views/loginError/LoginError.js b/src/views/loginError/LoginError.js
index 95e8a6b899..cb4d77bcc9 100644
--- a/src/views/loginError/LoginError.js
+++ b/src/views/loginError/LoginError.js
@@ -147,7 +147,7 @@ export const LoginError = React.forwardRef(
data-test="memberStatusText"
role="alert"
truncate={false}
- variant="Paragraph"
+ variant="subtitle1"
>
{getMemberStatusMessage(ReadableStatuses.REJECTED, institution.name)}
@@ -181,7 +181,7 @@ export const LoginError = React.forwardRef(
},
[ReadableStatuses.DEGRADED]: {
renderBody: (
-
+
{__('We are upgrading this connection. Please try again later.')}
),
diff --git a/src/views/manualAccount/ManualAccountForm.tsx b/src/views/manualAccount/ManualAccountForm.tsx
index 0dd9f23cd8..6611422547 100644
--- a/src/views/manualAccount/ManualAccountForm.tsx
+++ b/src/views/manualAccount/ManualAccountForm.tsx
@@ -238,7 +238,7 @@ export const ManualAccountForm = React.forwardRef
{__('Please try saving your account again.')}
diff --git a/src/views/manualAccount/ManualAccountMenu.tsx b/src/views/manualAccount/ManualAccountMenu.tsx
index c7e6149d25..55dc7b31d2 100644
--- a/src/views/manualAccount/ManualAccountMenu.tsx
+++ b/src/views/manualAccount/ManualAccountMenu.tsx
@@ -81,7 +81,7 @@ export const ManualAccountMenu = React.forwardRef
{__('Add account manually')}
@@ -89,7 +89,7 @@ export const ManualAccountMenu = React.forwardRef
{__("Track accounts, assets, and other things that don't have a live connection.")}
diff --git a/src/views/manualAccount/ManualAccountSuccess.js b/src/views/manualAccount/ManualAccountSuccess.js
index 3835c7f89d..ca22fff71a 100644
--- a/src/views/manualAccount/ManualAccountSuccess.js
+++ b/src/views/manualAccount/ManualAccountSuccess.js
@@ -59,7 +59,7 @@ export const ManualAccountSuccess = (props) => {
data-test="manual-account-success-header"
style={styles.title}
truncate={false}
- variant="H2"
+ variant="h2"
>
{__('%1 added', AccountTypeNames[props.accountType]())}
@@ -68,7 +68,7 @@ export const ManualAccountSuccess = (props) => {
data-test="manual-account-success-paragraph"
style={styles.paragraph}
truncate={false}
- variant="Paragraph"
+ variant="subtitle1"
>
{manualAccountSuccessMessage}
diff --git a/src/views/mfa/MFAImages.js b/src/views/mfa/MFAImages.js
index 87d80e517d..d892c2f411 100644
--- a/src/views/mfa/MFAImages.js
+++ b/src/views/mfa/MFAImages.js
@@ -48,7 +48,7 @@ export const MFAImages = (props) => {
return (
-
+
{mfaLabel}
diff --git a/src/views/mfa/MFAOptions.js b/src/views/mfa/MFAOptions.js
index e25b6a2337..33f1ea268c 100644
--- a/src/views/mfa/MFAOptions.js
+++ b/src/views/mfa/MFAOptions.js
@@ -55,7 +55,7 @@ export const MFAOptions = (props) => {
return (
-
+
{dynamicLabel}
*
diff --git a/src/views/microdeposits/AccountInfo.js b/src/views/microdeposits/AccountInfo.js
index 76c9e960b8..9f62e57cc2 100644
--- a/src/views/microdeposits/AccountInfo.js
+++ b/src/views/microdeposits/AccountInfo.js
@@ -76,7 +76,7 @@ export const AccountInfo = (props) => {
return (
-
+
{__('Enter account information')}
diff --git a/src/views/microdeposits/ConfirmDetails.js b/src/views/microdeposits/ConfirmDetails.js
index 76eb31874a..ec5e2a3522 100644
--- a/src/views/microdeposits/ConfirmDetails.js
+++ b/src/views/microdeposits/ConfirmDetails.js
@@ -140,7 +140,7 @@ export const ConfirmDetails = (props) => {
data-test="title-header"
style={styles.title}
truncate={false}
- variant="H2"
+ variant="h2"
>
{__('Review your information')}
@@ -203,7 +203,7 @@ export const ConfirmDetails = (props) => {
data-test="disclaimer-paragraph"
style={styles.disclaimer}
truncate={false}
- variant="ParagraphSmall"
+ variant="subtitle2"
>
{__(
'By clicking Confirm, I authorize this app’s service provider, Dwolla, Inc., to originate credits and debits to the checking or savings account identified above for the purposes of micro-deposit verification. This authorization may be revoked at any time by notifying your institution in writing.',
diff --git a/src/views/microdeposits/HowItWorks.js b/src/views/microdeposits/HowItWorks.js
index b9b74794c0..fa1acee19f 100644
--- a/src/views/microdeposits/HowItWorks.js
+++ b/src/views/microdeposits/HowItWorks.js
@@ -26,7 +26,7 @@ export const HowItWorks = ({ onContinue }) => {
-
+
{__('Connect your institution with account numbers')}
{
data-test="title-header"
style={styles.title}
truncate={false}
- variant="H2"
+ variant="h2"
>
{__('Enter account holder information')}
@@ -83,7 +83,7 @@ export const PersonalInfoForm = ({ accountDetails, onContinue }) => {
data-test="verify-paragraph"
style={styles.subtitle}
truncate={false}
- variant="Paragraph"
+ variant="subtitle1"
>
{__(
'This helps verify account ownership, and should match the first and last name on this account.',
diff --git a/src/views/microdeposits/RoutingNumber.js b/src/views/microdeposits/RoutingNumber.js
index fc4de0c039..ba55549665 100644
--- a/src/views/microdeposits/RoutingNumber.js
+++ b/src/views/microdeposits/RoutingNumber.js
@@ -173,7 +173,7 @@ export const RoutingNumber = (props) => {
data-test="microdeposit-header"
style={styles.title}
truncate={false}
- variant="H2"
+ variant="h2"
>
{__('Enter routing number')}
diff --git a/src/views/microdeposits/SharedRoutingNumber.js b/src/views/microdeposits/SharedRoutingNumber.js
index 64caaa2c6e..8ae652b452 100644
--- a/src/views/microdeposits/SharedRoutingNumber.js
+++ b/src/views/microdeposits/SharedRoutingNumber.js
@@ -29,19 +29,19 @@ export const SharedRoutingNumber = (props) => {
-
+
{__('Select how to connect your account')}
-
+
{__('Instant')}
-
+
{
// --TR: Securely log into your account. We found {count} institutions with routing number {routing_number}.
__(
@@ -69,7 +69,7 @@ export const SharedRoutingNumber = (props) => {
-
+
{__('2-3 days')}
diff --git a/src/views/microdeposits/Verified.js b/src/views/microdeposits/Verified.js
index 079db18ea5..8c9abc2f4e 100644
--- a/src/views/microdeposits/Verified.js
+++ b/src/views/microdeposits/Verified.js
@@ -54,11 +54,11 @@ export const Verified = ({ microdeposit, onDone }) => {
data-test="title-header"
style={styles.title}
truncate={false}
- variant="H2"
+ variant="h2"
>
{__('Deposits verified')}
-
+
{__("You're almost done setting things up. Continue to your institution.")}
diff --git a/src/views/microdeposits/Verifying.js b/src/views/microdeposits/Verifying.js
index 8023a8e6bb..cf00652644 100644
--- a/src/views/microdeposits/Verifying.js
+++ b/src/views/microdeposits/Verifying.js
@@ -82,7 +82,7 @@ export const Verifying = ({ microdeposit, onError, onSuccess }) => {
data-test="header-title"
style={styles.title}
truncate={false}
- variant="H2"
+ variant="h2"
>
{__('Verifying ...')}
@@ -90,7 +90,7 @@ export const Verifying = ({ microdeposit, onError, onSuccess }) => {
data-test="checking-amounts-paragraph"
style={styles.subtitle}
truncate={false}
- variant="Paragraph"
+ variant="subtitle1"
>
{__('Checking microdeposit amounts.')}
diff --git a/src/views/oauth/OAuthError.js b/src/views/oauth/OAuthError.js
index 99b00482a2..8af5b887b9 100644
--- a/src/views/oauth/OAuthError.js
+++ b/src/views/oauth/OAuthError.js
@@ -53,10 +53,10 @@ export const OAuthError = React.forwardRef((props, navigationRef) => {
-
+
{__('Something went wrong')}
-
+
{getOAuthErrorMessage(errorReason, currentMember?.name)}
diff --git a/src/views/oauth/WaitingForOAuth.js b/src/views/oauth/WaitingForOAuth.js
index 98fab80c44..401a73ca39 100644
--- a/src/views/oauth/WaitingForOAuth.js
+++ b/src/views/oauth/WaitingForOAuth.js
@@ -121,10 +121,10 @@ export const WaitingForOAuth = ({
-
+
{__('Waiting for permission')}
-
+
{__(
'You should have been directed to %1 to sign in and connect your account.',
institution.name,
diff --git a/src/views/oauth/experiments/PredirectInstructions.tsx b/src/views/oauth/experiments/PredirectInstructions.tsx
index f97b4fcfce..883ead2e22 100644
--- a/src/views/oauth/experiments/PredirectInstructions.tsx
+++ b/src/views/oauth/experiments/PredirectInstructions.tsx
@@ -64,7 +64,7 @@ function PredirectInstructions(
return (
<>
-
+
{__('Log in at %1', props.institution.name)}
diff --git a/src/views/search/Search.js b/src/views/search/Search.js
index 9ef9a5b6ab..64b0591c39 100644
--- a/src/views/search/Search.js
+++ b/src/views/search/Search.js
@@ -336,7 +336,7 @@ export const Search = React.forwardRef((_, navigationRef) => {
style={inlineStyles.headerText}
tabIndex={-1}
truncate={false}
- variant="H2"
+ variant="h2"
>
{__('Select your institution')}
diff --git a/src/views/search/views/SearchFailed.js b/src/views/search/views/SearchFailed.js
index b150e814dd..0e68036476 100644
--- a/src/views/search/views/SearchFailed.js
+++ b/src/views/search/views/SearchFailed.js
@@ -17,10 +17,10 @@ export const SearchFailed = () => {
-
+
{__('Search isn’t working')}
-
+
{__('Something went wrong. Please try again.')}
diff --git a/src/views/search/views/SearchNoResult.js b/src/views/search/views/SearchNoResult.js
index e0d49b4a2a..c02732006f 100644
--- a/src/views/search/views/SearchNoResult.js
+++ b/src/views/search/views/SearchNoResult.js
@@ -58,7 +58,7 @@ export const SearchNoResult = (props) => {
data-test="0-search-results"
style={styles.body}
truncate={false}
- variant="Body"
+ variant="body1"
>
{__('No results found for ”%1”', props.searchTerm)}
@@ -67,7 +67,7 @@ export const SearchNoResult = (props) => {
data-test="0-search-results-paragraph"
style={styles.paragraph}
truncate={false}
- variant="ParagraphSmall"
+ variant="subtitle2"
>
{__('Check spelling and try again, or try searching for another institution.')}
diff --git a/src/views/search/views/SearchedInstitutionsList.js b/src/views/search/views/SearchedInstitutionsList.js
index f755924711..5497ea1ae3 100644
--- a/src/views/search/views/SearchedInstitutionsList.js
+++ b/src/views/search/views/SearchedInstitutionsList.js
@@ -89,7 +89,7 @@ export const SearchedInstitutionsList = (props) => {
return (
-
+
{_n('%1 search result', '%1 search results', institutions.length, institutions.length)}
diff --git a/src/views/verification/VerifyError.js b/src/views/verification/VerifyError.js
index e65912a7c7..8dd57984ff 100644
--- a/src/views/verification/VerifyError.js
+++ b/src/views/verification/VerifyError.js
@@ -28,7 +28,7 @@ export const VerifyError = ({ error, onGoBack }) => {
-
+
{__(getErrorMessage(error?.response?.status))}
diff --git a/src/views/verification/VerifyExistingMember.tsx b/src/views/verification/VerifyExistingMember.tsx
index f057fd962c..0b2533277e 100644
--- a/src/views/verification/VerifyExistingMember.tsx
+++ b/src/views/verification/VerifyExistingMember.tsx
@@ -131,7 +131,7 @@ const VerifyExistingMember: React.FC = (props) => {
id="connect-select-institution"
tabIndex={-1}
truncate={false}
- variant="H2"
+ variant="h2"
>
{__('Select your institution')}
@@ -140,7 +140,7 @@ const VerifyExistingMember: React.FC = (props) => {
component="p"
data-test="verify-existing-member-text"
truncate={false}
- variant="Paragraph"
+ variant="subtitle1"
>
{__(
'Choose an institution that’s already connected and select accounts to share, or search for a different one.',
@@ -153,7 +153,7 @@ const VerifyExistingMember: React.FC = (props) => {
component="h3"
data-test="connected-institutions-text"
truncate={false}
- variant="ParagraphSmall"
+ variant="subtitle2"
>
{_n(
'%1 Connected institution',