qpp-style 9.34.3 → 9.34.4

package/coverage/lcov-report/react/components/Button/index.js.html

@@ -243,11 +243,11 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
-import PropTypes from 'prop-types';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
+import PropTypes from "prop-types";
 &nbsp;
-const VARIANTS = ['secondary', 'outline', 'danger', 'white'];
-const SIZES = ['big'];
+const VARIANTS = ["secondary", "outline", "danger", "white"];
+const SIZES = ["big"];
 &nbsp;
 const Button = <span class="fstat-no" title="function not covered" >({</span>
   children,
@@ -260,16 +260,16 @@ const Button = <span class="fstat-no" title="function not covered" >({</span>
   type,
   ...rest
 }) =&gt; {
-  let btnClass = <span class="cstat-no" title="statement not covered" >'qpp-c-button';</span>
+  let btnClass = <span class="cstat-no" title="statement not covered" >"qpp-c-button";</span>
 &nbsp;
 <span class="cstat-no" title="statement not covered" >  if (VARIANTS.includes(variant)) {</span>
-<span class="cstat-no" title="statement not covered" >    btnClass = btnClass.concat(' ', `qpp-c-button--${variant}`);</span>
+<span class="cstat-no" title="statement not covered" >    btnClass = btnClass.concat(" ", `qpp-c-button--${variant}`);</span>
   }
 <span class="cstat-no" title="statement not covered" >  if (SIZES.includes(size)) {</span>
-<span class="cstat-no" title="statement not covered" >    btnClass = btnClass.concat(' ', `qpp-c-button--${size}`);</span>
+<span class="cstat-no" title="statement not covered" >    btnClass = btnClass.concat(" ", `qpp-c-button--${size}`);</span>
   }
 <span class="cstat-no" title="statement not covered" >  if (className) {</span>
-<span class="cstat-no" title="statement not covered" >    btnClass = btnClass.concat(' ', className);</span>
+<span class="cstat-no" title="statement not covered" >    btnClass = btnClass.concat(" ", className);</span>
   }
 &nbsp;
 <span class="cstat-no" title="statement not covered" >  if (href) {</span>
@@ -277,7 +277,7 @@ const Button = <span class="fstat-no" title="function not covered" >({</span>
       &lt;a
         href={href}
         data-testid="ds-btn"
-        className={btnClass || ''}
+        className={btnClass || ""}
         onClick={onClick}
       &gt;
         {children}
@@ -287,7 +287,7 @@ const Button = <span class="fstat-no" title="function not covered" >({</span>
 <span class="cstat-no" title="statement not covered" >  return (</span>
     &lt;button
       data-testid="ds-btn"
-      className={btnClass || ''}
+      className={btnClass || ""}
       onClick={onClick}
       disabled={loading}
       type={type}
@@ -311,16 +311,16 @@ Button.propTypes = {
 &nbsp;
 Button.defaultProps = {
   children: false,
-  className: '',
-  href: '',
+  className: "",
+  href: "",
   loading: false,
   onClick: <span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >null,</span>
   size: null,
-  type: 'button',
+  type: "button",
   variant: null,
 };
 &nbsp;
-export const TextButton = <span class="fstat-no" title="function not covered" >({</span> className = <span class="branch-0 cbranch-no" title="branch not covered" >'',</span> ...props }) =&gt; (
+export const TextButton = <span class="fstat-no" title="function not covered" >({</span> className = <span class="branch-0 cbranch-no" title="branch not covered" >"",</span> ...props }) =&gt; (
 <span class="cstat-no" title="statement not covered" >  &lt;Button className={`qpp-c-button--text ${className}`} {...props} /&gt;</span>
 );
 &nbsp;
@@ -329,7 +329,7 @@ TextButton.propTypes = {
 };
 &nbsp;
 TextButton.defaultProps = {
-  className: '',
+  className: "",
 };
 &nbsp;
 export default Button;
@@ -340,7 +340,7 @@ export default Button;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Dropdown/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Dropdown/index.js.html

@@ -233,8 +233,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
-import PropTypes from 'prop-types';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
+import PropTypes from "prop-types";
 &nbsp;
 const Dropdown = <span class="fstat-no" title="function not covered" >({</span>
   className,
@@ -253,19 +253,19 @@ const Dropdown = <span class="fstat-no" title="function not covered" >({</span>
   ...rest
 }) =&gt; {
   const dropdownClass = <span class="cstat-no" title="statement not covered" >[</span>
-    'qpp-c-dropdown',
-    size === 'big' &amp;&amp; 'qpp-c-dropdown--big',
+    "qpp-c-dropdown",
+    size === "big" &amp;&amp; "qpp-c-dropdown--big",
     className,
   ]
     .filter(Boolean)
-    .join(' ');
+    .join(" ");
 &nbsp;
 <span class="cstat-no" title="statement not covered" >  return (</span>
     &lt;select
       id={id}
       aria-labelledby={ariaLabelledBy}
       aria-label={ariaLabel}
-      className={dropdownClass || ''}
+      className={dropdownClass || ""}
       onChange={onChange}
       data-testid={dataTestId}
       name={name}
@@ -296,14 +296,14 @@ Dropdown.propTypes = {
   name: PropTypes.string,
   dataType: PropTypes.string,
   disabled: PropTypes.bool,
-  size: PropTypes.oneOf(['big']),
+  size: PropTypes.oneOf(["big"]),
   options: PropTypes.array,
   parentElement: PropTypes.string,
 };
 &nbsp;
 Dropdown.defaultProps = {
   children: false,
-  className: 'qpp-u-width--100',
+  className: "qpp-u-width--100",
   id: null,
   ariaLabelledBy: null,
   ariaLabel: null,
@@ -314,7 +314,7 @@ Dropdown.defaultProps = {
   disabled: false,
   size: null,
   options: [],
-  parentElement: 'span',
+  parentElement: "span",
 };
 &nbsp;
 export default Dropdown;
@@ -325,7 +325,7 @@ export default Dropdown;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html

@@ -239,8 +239,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { Component } from "react";
+import PropTypes from "prop-types";
 &nbsp;
 class Collapsible extends Component {
   constructor(props) {
@@ -273,7 +273,7 @@ class Collapsible extends Component {
         &lt;span className="collapsible-hide-label"&gt;{this.props.hideLabel}&lt;/span&gt;
       );
     } else <span class="missing-if-branch" title="else path not taken" >E</span>{
-<span class="cstat-no" title="statement not covered" >      return '';</span>
+<span class="cstat-no" title="statement not covered" >      return "";</span>
     }
   }
 &nbsp;
@@ -334,7 +334,7 @@ export default Collapsible;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html

@@ -125,12 +125,12 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
-import Collapsible from './Collapsible';
-import PropTypes from 'prop-types';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
+import Collapsible from "./Collapsible";
+import PropTypes from "prop-types";
 &nbsp;
 const ErrorUI = (props) =&gt; {
-  let errorTitle = `${props.type || <span class="branch-1 cbranch-no" title="branch not covered" >'Error'}</span> ${props.code || <span class="branch-1 cbranch-no" title="branch not covered" >''}</span>`;
+  let errorTitle = `${props.type || <span class="branch-1 cbranch-no" title="branch not covered" >"Error"}</span> ${props.code || <span class="branch-1 cbranch-no" title="branch not covered" >""}</span>`;
   let errorDetails = props.message;
 &nbsp;
   return (
@@ -163,7 +163,7 @@ export default ErrorUI;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Error/error.js.html

@@ -115,9 +115,9 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
-import { render } from 'react-dom';
-import ErrorUI from './ErrorUI';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
+import { render } from "react-dom";
+import ErrorUI from "./ErrorUI";
 &nbsp;
 /**
  * Renders the QPP Error Page content.
@@ -148,7 +148,7 @@ export default class ErrorPage {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Error/index.html

@@ -131,7 +131,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html

@@ -485,15 +485,15 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
-import InfoTip from '../Infotip/Infotip';
-import Subscribe from './Subscribe';
-import SocialLinks from './SocialLinks';
-import pjson from '../../package.json';
-import { OpenInNewIcon } from '../../lib/SvgComponents';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
+import InfoTip from "../Infotip/Infotip";
+import Subscribe from "./Subscribe";
+import SocialLinks from "./SocialLinks";
+import pjson from "../../package.json";
+import { OpenInNewIcon } from "../../lib/SvgComponents";
 &nbsp;
 const infoTipLabel =
-  'When dialing 711, you will automatically be connected to a TRS Communications Assistant who will relay your conversation to the help desk agent with strict confidentiality.';
+  "When dialing 711, you will automatically be connected to a TRS Communications Assistant who will relay your conversation to the help desk agent with strict confidentiality.";
 const { version: buildVersion } = pjson;
 &nbsp;
 const FooterUI = () =&gt; (
@@ -503,7 +503,7 @@ const FooterUI = () =&gt; (
         &lt;hr /&gt;
         &lt;p&gt;
           &lt;strong&gt;Help shape the future of QPP.&lt;/strong&gt; Participate in a user
-          feedback session.{' '}
+          feedback session.{" "}
           &lt;a className="email-note-link" href="/about/hcd-research"&gt;
             Sign up now
           &lt;/a&gt;
@@ -639,7 +639,7 @@ const FooterUI = () =&gt; (
                 CMS Privacy Notice
               &lt;/a&gt;
             &lt;/li&gt;
-            &lt;li className="divider"&gt;&lt;/li&gt;{' '}
+            &lt;li className="divider"&gt;&lt;/li&gt;{" "}
             &lt;li&gt;
               &lt;a
                 href="/accessibility"
@@ -651,7 +651,7 @@ const FooterUI = () =&gt; (
                 Accessibility
               &lt;/a&gt;
             &lt;/li&gt;
-            &lt;li className="divider"&gt;&lt;/li&gt;{' '}
+            &lt;li className="divider"&gt;&lt;/li&gt;{" "}
             &lt;li&gt;
               &lt;a
                 aria-label="Download Adobe Reader"
@@ -703,7 +703,7 @@ export default FooterUI;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Footer/SocialLinks.jsx.html

@@ -183,7 +183,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
 &nbsp;
 const SocialLinks = () =&gt; (
   &lt;div className="social-container"&gt;
@@ -250,7 +250,7 @@ export default SocialLinks;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Footer/Subscribe.jsx.html

@@ -131,7 +131,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
 &nbsp;
 const Subscribe = () =&gt; (
   &lt;div className="subscriber-form"&gt;
@@ -172,7 +172,7 @@ export default Subscribe;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Footer/footer.js.html

@@ -103,9 +103,9 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
-import { render } from 'react-dom';
-import FooterUI from './FooterUI';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
+import { render } from "react-dom";
+import FooterUI from "./FooterUI";
 &nbsp;
 /**
  * Renders the QPP Footer content.
@@ -116,7 +116,7 @@ export default class Footer {
    * @param {HTMLElement} options.rootElement - Elem inside which to render
    */
 <span class="fstat-no" title="function not covered" >  co</span>nstructor(options) {
-<span class="cstat-no" title="statement not covered" >    if (options.hasOwnProperty('rootElement')) {</span>
+<span class="cstat-no" title="statement not covered" >    if (options.hasOwnProperty("rootElement")) {</span>
 <span class="cstat-no" title="statement not covered" >      render(&lt;FooterUI /&gt;, options.rootElement);</span>
     } else {
 <span class="cstat-no" title="statement not covered" >      render(&lt;FooterUI /&gt;, options);</span>
@@ -130,7 +130,7 @@ export default class Footer {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Footer/index.html

@@ -146,7 +146,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/GovBanner/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/GovBanner/index.js.html

@@ -297,7 +297,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useState } from 'react';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useState } from "react";
 &nbsp;
 const GovBanner = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
   const [hideContent, setHideContent] = <span class="cstat-no" title="statement not covered" >useState(true);</span>
@@ -310,7 +310,7 @@ const GovBanner = <span class="fstat-no" title="function not covered" >()</span>
       &lt;div className="qpp-c-gov-banner__expand-wrap"&gt;
         &lt;header
           className={`qpp-c-gov-banner__header ${
-            !hideContent ? 'qpp-c-gov-banner__header--expanded' : ''
+            !hideContent ? "qpp-c-gov-banner__header--expanded" : ""
           }`}
         &gt;
           &lt;div className="qpp-c-gov-banner__inner"&gt;
@@ -421,7 +421,7 @@ export default GovBanner;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Header/HeaderAccountMenu.jsx.html

@@ -251,12 +251,12 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
-import PropTypes from 'prop-types';
-import { useHeaderState } from './hooks';
-import { setUtagLink } from './utag-helpers';
-import HeaderMenuItem from './HeaderMenuItem';
-import Session from '../Session';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
+import PropTypes from "prop-types";
+import { useHeaderState } from "./hooks";
+import { setUtagLink } from "./utag-helpers";
+import HeaderMenuItem from "./HeaderMenuItem";
+import Session from "../Session";
 &nbsp;
 const HeaderAccountMenu = <span class="fstat-no" title="function not covered" >({</span> handleClick, isLoginEnabled, isDevPre }) =&gt; {
   const { closeMenus, RouterLink, headerContent } = <span class="cstat-no" title="statement not covered" >useHeaderState();</span>
@@ -279,7 +279,7 @@ const HeaderAccountMenu = <span class="fstat-no" title="function not covered" >(
             to="/login"
             onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
 <span class="cstat-no" title="statement not covered" >              closeMenus();</span>
-<span class="cstat-no" title="statement not covered" >              setUtagLink('main navbar', 'click', '/login');</span>
+<span class="cstat-no" title="statement not covered" >              setUtagLink("main navbar", "click", "/login");</span>
             }}
             data-track-category="TopNav"
             data-track-action="click"
@@ -303,7 +303,7 @@ const HeaderAccountMenu = <span class="fstat-no" title="function not covered" >(
           data-track-action="click"
           data-track-label="Sign In"
           onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >            setUtagLink('main navbar', 'click', '/login');</span>
+<span class="cstat-no" title="statement not covered" >            setUtagLink("main navbar", "click", "/login");</span>
           }}
         &gt;
           &lt;div className="nav-title"&gt;Sign In&lt;/div&gt;
@@ -352,7 +352,7 @@ export default HeaderAccountMenu;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Header/HeaderCancel.jsx.html

@@ -95,8 +95,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
-import PropTypes from 'prop-types';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
+import PropTypes from "prop-types";
 &nbsp;
 const HeaderCancel = <span class="fstat-no" title="function not covered" >({</span> handleCancel }) =&gt; {
 <span class="cstat-no" title="statement not covered" >  return (</span>
@@ -118,7 +118,7 @@ export default HeaderCancel;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Header/HeaderContainer.jsx.html

@@ -137,7 +137,9 @@
 <a name='L72'></a><a href='#L72'>72</a>
 <a name='L73'></a><a href='#L73'>73</a>
 <a name='L74'></a><a href='#L74'>74</a>
-<a name='L75'></a><a href='#L75'>75</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L75'></a><a href='#L75'>75</a>
+<a name='L76'></a><a href='#L76'>76</a>
+<a name='L77'></a><a href='#L77'>77</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -161,6 +163,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -203,6 +206,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -211,13 +215,13 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
-import PropTypes from 'prop-types';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
+import PropTypes from "prop-types";
 &nbsp;
-import HeaderLogo from './HeaderLogo';
-import NotificationBanner from '../NotificationBanner';
-import GovBanner from '../GovBanner';
-import { useHeaderState } from './hooks';
+import HeaderLogo from "./HeaderLogo";
+import NotificationBanner from "../NotificationBanner";
+import GovBanner from "../GovBanner";
+import { useHeaderState } from "./hooks";
 /**
  * Accessibility enhancement that moves focus to an element for "Skip" links
  * @param {Object} e - The native JS event
@@ -234,27 +238,28 @@ const HeaderContainer = <span class="fstat-no" title="function not covered" >({<
   showCancelButton,
   skipToContentId,
   isIESupportPage,
+  isDevPre,
 }) =&gt; {
   const { currentOpenMenu } = <span class="cstat-no" title="statement not covered" >useHeaderState();</span>
-  const cssCancelBtn = <span class="cstat-no" title="statement not covered" >showCancelButton ? 'show-cancel-button' : '';</span>
+  const cssCancelBtn = <span class="cstat-no" title="statement not covered" >showCancelButton ? "show-cancel-button" : "";</span>
   const cssMenuDropdownStatus =
-<span class="cstat-no" title="statement not covered" >    currentOpenMenu === ''</span>
-      ? 'header-dropdown--closed'
-      : 'header-dropdown--open';
+<span class="cstat-no" title="statement not covered" >    currentOpenMenu === ""</span>
+      ? "header-dropdown--closed"
+      : "header-dropdown--open";
 &nbsp;
 <span class="cstat-no" title="statement not covered" >  return (</span>
     &lt;&gt;
       &lt;a
         className="skip"
-        onClick={<span class="fstat-no" title="function not covered" >(e</span>) =&gt; <span class="cstat-no" title="statement not covered" >jumpToLink(e, `${skipToContentId || 'mainContent'}`)}</span>
-        href={`#${skipToContentId || 'mainContent'}`}
+        onClick={<span class="fstat-no" title="function not covered" >(e</span>) =&gt; <span class="cstat-no" title="statement not covered" >jumpToLink(e, `${skipToContentId || "mainContent"}`)}</span>
+        href={`#${skipToContentId || "mainContent"}`}
       &gt;
         Skip to content
       &lt;/a&gt;
       {includeSkipToSidebar &amp;&amp; (
         &lt;a
           className="skip"
-          onClick={<span class="fstat-no" title="function not covered" >(e</span>) =&gt; <span class="cstat-no" title="statement not covered" >jumpToLink(e, 'qppSidebar')}</span>
+          onClick={<span class="fstat-no" title="function not covered" >(e</span>) =&gt; <span class="cstat-no" title="statement not covered" >jumpToLink(e, "qppSidebar")}</span>
           href="#qppSidebar"
         &gt;
           Skip to sidebar
@@ -263,7 +268,7 @@ const HeaderContainer = <span class="fstat-no" title="function not covered" >({<
       &lt;GovBanner /&gt;
       {!isIESupportPage &amp;&amp; &lt;NotificationBanner /&gt;}
       &lt;header id="top" className={`${cssCancelBtn} ${cssMenuDropdownStatus}`}&gt;
-        &lt;HeaderLogo /&gt;
+        &lt;HeaderLogo isDevPre={isDevPre} /&gt;
         {children}
       &lt;/header&gt;
     &lt;/&gt;
@@ -276,6 +281,7 @@ HeaderContainer.propTypes = {
   showCancelButton: PropTypes.bool,
   skipToContentId: PropTypes.string,
   isIESupportPage: PropTypes.bool,
+  isDevPre: PropTypes.object,
 };
 HeaderContainer.defaultProps = {
   includeSkipToSidebar: false,
@@ -292,7 +298,7 @@ export default HeaderContainer;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-08T00:45:02.387Z
+                at 2023-10-09T20:35:15.116Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>