qpp-style 9.28.4 → 9.29.0

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

@@ -270,8 +270,11 @@
 <a name='L205'></a><a href='#L205'>205</a>
 <a name='L206'></a><a href='#L206'>206</a>
 <a name='L207'></a><a href='#L207'>207</a>
-<a name='L208'></a><a href='#L208'>208</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L208'></a><a href='#L208'>208</a>
+<a name='L209'></a><a href='#L209'>209</a>
+<a name='L210'></a><a href='#L210'>210</a>
+<a name='L211'></a><a href='#L211'>211</a>
+<a name='L212'></a><a href='#L212'>212</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>
@@ -477,13 +480,17 @@
 <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-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-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
-import OpenInNewIcon from '@material-ui/icons/OpenInNew';
-&nbsp;
 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.';
@@ -511,7 +518,7 @@ const FooterUI = () =&gt; (
         &lt;&gt;
           &lt;div className="global-footer-container"&gt;
             &lt;div className="footer-resources"&gt;
-              &lt;p className="sub-title"&gt;Resources&lt;/p&gt;
+              &lt;h3 className="sub-title"&gt;Resources&lt;/h3&gt;
               &lt;ul&gt;
                 &lt;li&gt;
                   &lt;a
@@ -571,13 +578,16 @@ const FooterUI = () =&gt; (
               &lt;/ul&gt;
             &lt;/div&gt;
             &lt;div className="footer-contact-cms"&gt;
-              &lt;p className="sub-title"&gt;Contact CMS&lt;/p&gt;
+              &lt;h3 className="sub-title"&gt;Contact CMS&lt;/h3&gt;
               &lt;p className="contact-title"&gt;Phone:&lt;/p&gt;
               &lt;p&gt;Monday - Friday 8 a.m - 8 p.m ET&lt;/p&gt;
               &lt;p&gt;
                 1-866-288-8292 (TRS: 711)
                 &lt;span className="footer-trs-infotip"&gt;
-                  &lt;InfoTip label={infoTipLabel} /&gt;
+                  &lt;InfoTip
+                    ariaLabel="TRS Communications Assistant Information"
+                    label={infoTipLabel}
+                  /&gt;
                 &lt;/span&gt;
               &lt;/p&gt;
 &nbsp;
@@ -593,21 +603,23 @@ const FooterUI = () =&gt; (
               &lt;/p&gt;
 &nbsp;
               &lt;p className="contact-title"&gt;QPP Service Center:&lt;/p&gt;
-              &lt;a
-                href="https://cmsqualitysupport.servicenowservices.com/ccsq_support_central"
-                aria-label="CCSQ Support Central"
-                className="email-link"
-                target="__blank"
-                rel="noopener noreferrer"
-              &gt;
-                &lt;strong&gt;Create or Track a QPP Service Center Ticket&lt;/strong&gt;
-                &lt;OpenInNewIcon classes={{ root: 'ccsq-link-icon' }} /&gt;
-              &lt;/a&gt;
+              &lt;h3 className="sub-title qpp-u-margin-y--0"&gt;
+                &lt;a
+                  href="https://cmsqualitysupport.servicenowservices.com/ccsq_support_central"
+                  aria-label="CCSQ Support Central"
+                  className="email-link"
+                  target="__blank"
+                  rel="noopener noreferrer"
+                &gt;
+                  &lt;strong&gt;Create or Track a QPP Service Center Ticket&lt;/strong&gt;
+                  &lt;OpenInNewIcon className="ccsq-link-icon" /&gt;
+                &lt;/a&gt;
+              &lt;/h3&gt;
             &lt;/div&gt;
             &lt;div className="footer-social-newsletter"&gt;
-              &lt;p className="sub-title"&gt;Stay Connected&lt;/p&gt;
+              &lt;h3 className="sub-title"&gt;Stay Connected&lt;/h3&gt;
               &lt;SocialLinks /&gt;
-              &lt;p className="sub-title"&gt;Sign Up for the QPP Listserv&lt;/p&gt;
+              &lt;h3 className="sub-title"&gt;Sign Up for the QPP Listserv&lt;/h3&gt;
               &lt;Subscribe /&gt;
             &lt;/div&gt;
           &lt;/div&gt;
@@ -691,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 Thu Sep 01 2022 16:32:55 GMT-0400 (Eastern Daylight Time)
+                at Mon May 22 2023 12:14:17 GMT-0400 (Eastern Daylight Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -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 Thu Sep 01 2022 16:32:55 GMT-0400 (Eastern Daylight Time)
+                at Mon May 22 2023 12:14:17 GMT-0400 (Eastern Daylight Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -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 Thu Sep 01 2022 16:32:55 GMT-0400 (Eastern Daylight Time)
+                at Mon May 22 2023 12:14:17 GMT-0400 (Eastern Daylight Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -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 Thu Sep 01 2022 16:32:55 GMT-0400 (Eastern Daylight Time)
+                at Mon May 22 2023 12:14:17 GMT-0400 (Eastern Daylight Time)
             </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 Thu Sep 01 2022 16:32:55 GMT-0400 (Eastern Daylight Time)
+                at Mon May 22 2023 12:14:17 GMT-0400 (Eastern Daylight Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">75% </span>
+                <span class="strong">25% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>3/4</span>
+                <span class='fraction'>1/4</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>1/2</span>
+                <span class='fraction'>0/2</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>1/2</span>
+                <span class='fraction'>0/2</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">75% </span>
+                <span class="strong">25% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>3/4</span>
+                <span class='fraction'>1/4</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line medium'></div>
+    <div class='status-line low'></div>
     <div class="pad1">
 <table class="coverage-summary">
 <thead>
@@ -79,18 +79,18 @@
 </tr>
 </thead>
 <tbody><tr>
-	<td class="file medium" data-value="index.js"><a href="index.js.html">index.js</a></td>
-	<td data-value="75" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 75%"></div><div class="cover-empty" style="width: 25%"></div></div>
+	<td class="file low" data-value="index.js"><a href="index.js.html">index.js</a></td>
+	<td data-value="25" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 25%"></div><div class="cover-empty" style="width: 75%"></div></div>
 	</td>
-	<td data-value="75" class="pct medium">75%</td>
-	<td data-value="4" class="abs medium">3/4</td>
-	<td data-value="50" class="pct medium">50%</td>
-	<td data-value="2" class="abs medium">1/2</td>
-	<td data-value="50" class="pct medium">50%</td>
-	<td data-value="2" class="abs medium">1/2</td>
-	<td data-value="75" class="pct medium">75%</td>
-	<td data-value="4" class="abs medium">3/4</td>
+	<td data-value="25" class="pct low">25%</td>
+	<td data-value="4" class="abs low">1/4</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="2" class="abs low">0/2</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="2" class="abs low">0/2</td>
+	<td data-value="25" class="pct low">25%</td>
+	<td data-value="4" class="abs low">1/4</td>
 	</tr>
 
 </tbody>
@@ -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 Thu Sep 01 2022 16:32:55 GMT-0400 (Eastern Daylight Time)
+                at Mon May 22 2023 12:14:17 GMT-0400 (Eastern Daylight Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">75% </span>
+                <span class="strong">25% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>3/4</span>
+                <span class='fraction'>1/4</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>1/2</span>
+                <span class='fraction'>0/2</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>1/2</span>
+                <span class='fraction'>0/2</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">75% </span>
+                <span class="strong">25% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>3/4</span>
+                <span class='fraction'>1/4</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line medium'></div>
+    <div class='status-line low'></div>
     <pre><table class="coverage">
 <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
 <a name='L2'></a><a href='#L2'>2</a>
@@ -183,9 +183,9 @@
 <a name='L118'></a><a href='#L118'>118</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-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-no">&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>
@@ -299,10 +299,10 @@
 <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';
 &nbsp;
-const GovBanner = () =&gt; {
-  const [hideContent, setHideContent] = useState(true);
+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>
 &nbsp;
-  return (
+<span class="cstat-no" title="statement not covered" >  return (</span>
     &lt;section
       className="qpp-c-gov-banner"
       aria-label="Official government website"
@@ -310,7 +310,7 @@ const GovBanner = () =&gt; {
       &lt;div className="qpp-c-gov-banner__expand-wrap"&gt;
         &lt;header
           className={`qpp-c-gov-banner__header ${
-            !hideContent ? <span class="branch-0 cbranch-no" title="branch not covered" >'qpp-c-gov-banner__header--expanded' </span>: ''
+            !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 Thu Sep 01 2022 16:32:55 GMT-0400 (Eastern Daylight Time)
+                at Mon May 22 2023 12:14:17 GMT-0400 (Eastern Daylight Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>