Set uswds to false on instance of process list and breadcrumbs

src/applications/_mock-form/containers/IntroductionPage.jsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
 import FormTitle from 'platform/forms-system/src/js/components/FormTitle';
 import SaveInProgressIntro from 'platform/forms/save-in-progress/SaveInProgressIntro';
 
 import { focusElement } from 'platform/utilities/ui';
 
 class IntroductionPage extends React.Component {
   componentDidMount() {
@@ -49,7 +49,7 @@
         <h2 className="vads-u-font-size--h3 vads-u-margin-top--0">
           Follow the steps below to apply for Mock form.
         </h2>
-        <va-process-list>
+        <va-process-list uswds="false">
           <li>
             <h3>Prepare</h3>
             <h4>To fill out this application, you’ll need your:</h4>

src/applications/ask-va/components/BreadCrumbs.jsx

@@ -17,7 +17,7 @@ const BreadCrumbs = ({ currentLocation }) => {
   const breadcrumbLinks = breadcrumbsDictionary[adjustedLocation];
 
   return (
-    <va-breadcrumbs label="Breadcrumbs">
+    <va-breadcrumbs uswds="false" label="Breadcrumbs">
       {breadcrumbLinks.map(link => (
         <a href={link.href} key={link.key}>
           {link.title}

src/applications/burial-poc-v6/pages/BurialIntroduction.jsx

@@ -14,7 +14,7 @@ export default function BurialIntroduction(props) {
           <h2 className="vads-u-font-size--h4">
             Follow the steps below to apply for burial benefits.
           </h2>
-          <va-process-list>
+          <va-process-list uswds="false">
             <li>
               <div>
                 <h3>Prepare</h3>

src/applications/burials-v2/components/IntroductionPage.jsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
 import SaveInProgressIntro from 'platform/forms/save-in-progress/SaveInProgressIntro';
 import FormTitle from 'platform/forms-system/src/js/components/FormTitle';
 import { focusElement } from 'platform/utilities/ui';
 
 class IntroductionPage extends React.Component {
   componentDidMount() {
@@ -26,7 +26,7 @@
         <h2 className="vads-u-font-size--h4">
           Follow the steps below to apply for burial benefits.
         </h2>
-        <va-process-list>
+        <va-process-list uswds="false">
           <li>
             <h3>Prepare</h3>
             <a

src/applications/debt-letters/components/DebtDetails.jsx

@@ -7,7 +7,7 @@
 import last from 'lodash/last';
 import first from 'lodash/first';
 import { VaBreadcrumbs } from '@department-of-veterans-affairs/web-components/react-bindings';
 import scrollToTop from 'platform/utilities/ui/scrollToTop';
 import HowDoIPay from './HowDoIPay';
 import NeedHelp from './NeedHelp';
 import { setPageFocus, getCurrentDebt, currency } from '../utils/page';
@@ -57,7 +57,7 @@
 
   return (
     <div className="vads-u-display--flex vads-u-flex-direction--column">
-      <VaBreadcrumbs label="Breadcrumb">
+      <VaBreadcrumbs uswds="false" label="Breadcrumb">
         <a href="/">Home</a>
         <a href="/manage-va-debt">Manage your VA debt</a>
         <a href="/manage-va-debt/your-debt">Your VA debt</a>

src/applications/debt-letters/components/DebtLettersDownload.jsx

@@ -3,7 +3,7 @@
 import { connect } from 'react-redux';
 import { Link } from 'react-router-dom';
 import { VaBreadcrumbs } from '@department-of-veterans-affairs/web-components/react-bindings';
 import scrollToTop from 'platform/utilities/ui/scrollToTop';
 import { setPageFocus } from '../utils/page';
 import DebtLettersTable from './DebtLettersTable';
 import { DownloadLettersAlert } from './Alerts';
@@ -24,7 +24,7 @@
   return (
     <div className="vads-l-row large-screen:vads-u-margin-x--neg2p5">
       <div className="vads-u-font-family--sans">
-        <VaBreadcrumbs label="Breadcrumb">
+        <VaBreadcrumbs uswds="false" label="Breadcrumb">
           <a href="/">Home</a>
           <a href="/manage-va-debt">Manage your VA debt</a>
           <a href="/manage-va-debt/your-debt">Your debt</a>

src/applications/debt-letters/components/DebtLettersSummary.jsx

@@ -2,8 +2,8 @@
 import { connect, useSelector } from 'react-redux';
 import PropTypes from 'prop-types';
 import { VaBreadcrumbs } from '@department-of-veterans-affairs/web-components/react-bindings';
 import scrollToTop from 'platform/utilities/ui/scrollToTop';
 import { apiRequest } from 'platform/utilities/api';
 import HowDoIPay from './HowDoIPay';
 import NeedHelp from './NeedHelp';
 import DebtCardsList from './DebtCardsList';
@@ -112,7 +112,7 @@
 
   return (
     <>
-      <VaBreadcrumbs label="Breadcrumb">
+      <VaBreadcrumbs uswds="false" label="Breadcrumb">
         <a href="/">Home</a>
         <a href="/manage-va-debt">Manage your VA debt</a>
         <a href="/manage-va-debt/your-debt">Your VA debt</a>

src/applications/disability-benefits/2346/containers/App.jsx

@@ -65,7 +65,7 @@
       <>
         {!featureToggles.loading && (
           <div className="large-screen:vads-u-padding-left--0 vads-u-padding-left--2">
-            <VaBreadcrumbs label="Breadcrumb">
+            <VaBreadcrumbs uswds="false" label="Breadcrumb">
               <a href="/">Home</a>
               {/* this will get updated when this route is added */}
               <a href="/health-care">Health care</a>
@@ -80,13 +80,11 @@
             Loading your information...
           </va-loading-indicator>
         )}
-        {isError &&
-          !pending &&
-          isLoggedIn && (
-            <div className="row vads-u-margin-bottom--3">
-              <ErrorMessage />
-            </div>
-          )}
+        {isError && !pending && isLoggedIn && (
+          <div className="row vads-u-margin-bottom--3">
+            <ErrorMessage />
+          </div>
+        )}
         {showMainContent && (
           <RoutedSavableApp formConfig={formConfig} currentLocation={location}>
             {children}
@@ -108,7 +106,4 @@
   ...bindActionCreators({ fetchFormStatus }, dispatch),
 });
 
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps,
-)(App);
+export default connect(mapStateToProps, mapDispatchToProps)(App);

src/applications/education-letters/components/Layout.jsx

@@ -10,7 +10,7 @@ const Layout = ({ children, clsName = '', breadCrumbs = {} }) => {
 
   return (
     <>
-      <va-breadcrumbs>
+      <va-breadcrumbs uswds="false">
         <a href="/">Home</a>
         <a href="/education/">Education and training</a>
         {renderBreadCrumbs()}
@@ -29,9 +29,9 @@ const Layout = ({ children, clsName = '', breadCrumbs = {} }) => {
 };
 
 Layout.propTypes = {
-  clsName: PropTypes.string,
-  children: PropTypes.object,
   breadCrumbs: PropTypes.object,
+  children: PropTypes.object,
+  clsName: PropTypes.string,
 };
 
 export default Layout;

src/applications/enrollment-verification/components/EnrollmentVerificationBreadcrumbs.jsx

@@ -52,5 +52,5 @@ export default function EnrollmentVerificationBreadcrumbs() {
     );
   }
 
-  return <va-breadcrumbs>{breadcrumbs}</va-breadcrumbs>;
+  return <va-breadcrumbs uswds="false">{breadcrumbs}</va-breadcrumbs>;
 }

src/applications/fry-dea/containers/FryDeaApp.jsx

@@ -24,43 +24,40 @@
 }) {
   const [fetchedVeterans, setFetchedVeterans] = useState(false);
 
-  useEffect(
-    () => {
-      if (!user.login.currentlyLoggedIn) {
-        return;
-      }
+  useEffect(() => {
+    if (!user.login.currentlyLoggedIn) {
+      return;
+    }
 
-      if (!fetchedVeterans) {
-        setFetchedVeterans(true);
-        getVeterans();
-      }
+    if (!fetchedVeterans) {
+      setFetchedVeterans(true);
+      getVeterans();
+    }
 
-      if (
-        formData.showUpdatedFryDeaApp !== showUpdatedFryDeaApp ||
-        formData.veterans !== veterans
-      ) {
-        setFormData({
-          ...formData,
-          showUpdatedFryDeaApp,
-          veterans,
-        });
-      }
-    },
-    [
-      fetchedVeterans,
-      formData,
-      getVeterans,
-      location.pathname,
-      setFormData,
-      showUpdatedFryDeaApp,
-      user.login.currentlyLoggedIn,
-      veterans,
-    ],
-  );
+    if (
+      formData.showUpdatedFryDeaApp !== showUpdatedFryDeaApp ||
+      formData.veterans !== veterans
+    ) {
+      setFormData({
+        ...formData,
+        showUpdatedFryDeaApp,
+        veterans,
+      });
+    }
+  }, [
+    fetchedVeterans,
+    formData,
+    getVeterans,
+    location.pathname,
+    setFormData,
+    showUpdatedFryDeaApp,
+    user.login.currentlyLoggedIn,
+    veterans,
+  ]);
 
   return (
     <>
-      <va-breadcrumbs>
+      <va-breadcrumbs uswds="false">
         <a href="/">Home</a>
         <a href="/education">Education and training</a>
         <a href="/fry-dea">
@@ -98,7 +95,4 @@
   getVeterans: fetchVeterans,
 };
 
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps,
-)(FryDeaApp);
+export default connect(mapStateToProps, mapDispatchToProps)(FryDeaApp);

src/applications/fry-dea/containers/IntroductionPage.jsx

@@ -52,7 +52,7 @@ class IntroductionPage extends React.Component {
           Follow these steps to get started
         </h2>
 
-        <va-process-list>
+        <va-process-list uswds="false">
           <li>
             <h3 className="vads-u-font-size--h4">Check your eligibility</h3>
             <p>

src/applications/gi/components/GiBillBreadcrumbs.jsx

@@ -47,7 +47,7 @@ const GiBillBreadcrumbs = () => {
     );
   }
 
-  return <VaBreadcrumbs>{crumbs}</VaBreadcrumbs>;
+  return <VaBreadcrumbs uswds="false">{crumbs}</VaBreadcrumbs>;
 };
 
 export default GiBillBreadcrumbs;

src/applications/health-care-supply-reordering/containers/App.jsx

@@ -63,7 +63,7 @@ class App extends Component {
     return (
       <>
         {!featureToggles.loading && (
-          <va-breadcrumbs class="va-nav-breadcrumbs">
+          <va-breadcrumbs uswds="false" class="va-nav-breadcrumbs">
             <a href="/">Home</a>
             {/* this will get updated when this route is added */}
             <a href="/health-care">Health care</a>
@@ -77,13 +77,11 @@ class App extends Component {
             Loading your information...
           </va-loading-indicator>
         )}
-        {isError &&
-          !pending &&
-          isLoggedIn && (
-            <div className="row vads-u-margin-bottom--3">
-              <ErrorMessage />
-            </div>
-          )}
+        {isError && !pending && isLoggedIn && (
+          <div className="row vads-u-margin-bottom--3">
+            <ErrorMessage />
+          </div>
+        )}
         {showMainContent && (
           <RoutedSavableApp formConfig={formConfig} currentLocation={location}>
             {children}
@@ -105,7 +103,4 @@ const mapDispatchToProps = dispatch => ({
   ...bindActionCreators({ fetchFormStatus }, dispatch),
 });
 
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps,
-)(App);
+export default connect(mapStateToProps, mapDispatchToProps)(App);

src/applications/ivc-champva/10-7959f-1/containers/IntroductionPage.jsx

@@ -32,7 +32,7 @@ class IntroductionPage extends React.Component {
         <h2 className="vads-u-font-size--h3 vad-u-margin-top--0">
           Follow the steps below to apply for CHAMPVA benefits.
         </h2>
-        <va-process-list>
+        <va-process-list uswds="false">
           <li>
             <h3>Prepare</h3>
             <h4>To fill out this application, you’ll need your:</h4>

src/applications/medical-copays/components/AlertView.jsx

@@ -37,7 +37,7 @@ const AlertView = ({ pathname, alertType, error, cdpToggle, hasDebts }) => {
 
   return (
     <>
-      <VaBreadcrumbs label="Breadcrumb">
+      <VaBreadcrumbs uswds="false" label="Breadcrumb">
         <a href="/">Home</a>
         <a href="/health-care">Health care</a>
         <a href="/health-care/pay-copay-bill">Pay your VA copay bill</a>

src/applications/medical-copays/containers/DetailPage.jsx

@@ -33,19 +33,19 @@ const DetailPage = ({ match }) => {
     mcpHTMLStatementToggle(state),
   );
 
-  useEffect(
-    () => {
-      if (!isCurrentBalance) {
-        setAlert('past-due-balance');
-      }
-      scrollToTop();
-    },
-    [isCurrentBalance],
-  );
+  useEffect(() => {
+    if (!isCurrentBalance) {
+      setAlert('past-due-balance');
+    }
+    scrollToTop();
+  }, [isCurrentBalance]);
 
   return (
     <>
-      <va-breadcrumbs className="vads-u-font-family--sans no-wrap">
+      <va-breadcrumbs
+        uswds="false"
+        className="vads-u-font-family--sans no-wrap"
+      >
         <a href="/">Home</a>
         <a href="/health-care">Health care</a>
         <a href="/health-care/pay-copay-bill">Pay your VA copay bill</a>

src/applications/medical-copays/containers/HTMLStatementPage.jsx

@@ -32,7 +32,10 @@ const HTMLStatementPage = ({ match }) => {
   return (
     <>
       <article>
-        <va-breadcrumbs className="vads-u-font-family--sans no-wrap">
+        <va-breadcrumbs
+          uswds="false"
+          className="vads-u-font-family--sans no-wrap"
+        >
           <a href="/">Home</a>
           <a href="/health-care">Health care</a>
           <a href="/health-care/pay-copay-bill">Pay your VA copay bill</a>

src/applications/medical-copays/containers/OverviewPage.jsx

@@ -59,7 +59,7 @@ const OverviewPage = () => {
   return (
     <>
       <div className="vads-u-font-family--sans no-wrap">
-        <VaBreadcrumbs label="Breadcrumb">
+        <VaBreadcrumbs uswds="false" label="Breadcrumb">
           <a href="/">Home</a>
           <a href="/health-care">Health care</a>
           <a href="/health-care/pay-copay-bill">Pay your VA copay bill</a>