qpp-style 9.8.2 → 9.8.6

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

@@ -125,7 +125,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Thu Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../prettify.js"></script>

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

@@ -73,7 +73,7 @@ export default Infotip;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Thu Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../prettify.js"></script>

package/coverage/lcov-report/react/components/Modal/LegacyModal.jsx.html

@@ -191,11 +191,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-yes">2x</span>
+<span class="cline-any cline-yes">3x</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-yes">2x</span>
+<span class="cline-any cline-yes">3x</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>
@@ -280,7 +280,7 @@ export default displayModal;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Thu Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../prettify.js"></script>

package/coverage/lcov-report/react/components/Modal/Modal.jsx.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">21.43% </span>
+                <span class="strong">92.86% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>3/14</span>
+                <span class='fraction'>13/14</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">63.16% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/17</span>
+                <span class='fraction'>12/19</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">75% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/4</span>
+                <span class='fraction'>3/4</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">21.43% </span>
+                <span class="strong">92.86% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>3/14</span>
+                <span class='fraction'>13/14</span>
             </div>
         
             
@@ -55,7 +55,7 @@
             Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
         </p>
     </div>
-    <div class='status-line low'></div>
+    <div class='status-line high'></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>
@@ -185,13 +185,25 @@
 <a name='L126'></a><a href='#L126'>126</a>
 <a name='L127'></a><a href='#L127'>127</a>
 <a name='L128'></a><a href='#L128'>128</a>
-<a name='L129'></a><a href='#L129'>129</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L129'></a><a href='#L129'>129</a>
+<a name='L130'></a><a href='#L130'>130</a>
+<a name='L131'></a><a href='#L131'>131</a>
+<a name='L132'></a><a href='#L132'>132</a>
+<a name='L133'></a><a href='#L133'>133</a>
+<a name='L134'></a><a href='#L134'>134</a>
+<a name='L135'></a><a href='#L135'>135</a>
+<a name='L136'></a><a href='#L136'>136</a>
+<a name='L137'></a><a href='#L137'>137</a>
+<a name='L138'></a><a href='#L138'>138</a>
+<a name='L139'></a><a href='#L139'>139</a>
+<a name='L140'></a><a href='#L140'>140</a>
+<a name='L141'></a><a href='#L141'>141</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>
 <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">3x</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>
@@ -201,15 +213,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-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">44x</span>
+<span class="cline-any cline-yes">44x</span>
+<span class="cline-any cline-yes">44x</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-yes">44x</span>
+<span class="cline-any cline-yes">38x</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-yes">44x</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>
@@ -218,18 +230,21 @@
 <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-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</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-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</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">1x</span>
+<span class="cline-any cline-yes">1x</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>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -283,7 +298,6 @@
 <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>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -293,6 +307,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-yes">3x</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>
@@ -303,7 +318,16 @@
 <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>
+<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-yes">3x</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>
@@ -317,9 +341,9 @@
 import ReactModal from 'react-modal';
 import PropTypes from 'prop-types';
 &nbsp;
-import { CloseXIcon } from '../../lib/SvgComponents.jsx';
+import { CloseXIcon2 } from '../../lib/SvgComponents.jsx';
 &nbsp;
-const Modal = <span class="fstat-no" title="function not covered" >({</span>
+const Modal = ({
   children,
   onRequestClose,
   title,
@@ -329,67 +353,78 @@ const Modal = <span class="fstat-no" title="function not covered" >({</span>
   isOpen,
   ...props
 }) =&gt; {
-  const [overflowSeparator, setOverflowSeparator] = <span class="cstat-no" title="statement not covered" >useState(false);</span>
-  const closeButtonRef = <span class="cstat-no" title="statement not covered" >useRef(null);</span>
-  const contentRef = <span class="cstat-no" title="statement not covered" >useRef(null);</span>
+  const [overflowSeparator, setOverflowSeparator] = useState(false);
+  const closeButtonRef = useRef(null);
+  const contentRef = useRef(null);
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    ReactModal.setAppElement(appElement);</span>
+  useEffect(() =&gt; {
+    ReactModal.setAppElement(appElement);
   }, []);
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return (</span>
+  return (
     &lt;ReactModal
       onRequestClose={onRequestClose}
       portalClassName="qpp-c-modal"
       className="qpp-c-modal__content"
       overlayClassName="qpp-c-modal__overlay"
+      bodyOpenClassName="qpp-c-modal__body-open"
       isOpen={isOpen}
-      onAfterOpen={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
+      onAfterOpen={() =&gt; {
         // Add heading separator based on overflow
-<span class="cstat-no" title="statement not covered" >        if (</span>
-          contentRef.scrollHeight &gt;
+        <span class="missing-if-branch" title="if path not taken" >I</span>if (
+          contentRef.current?.scrollHeight &gt;
           document.documentElement.clientHeight * 0.6
         ) {
 <span class="cstat-no" title="statement not covered" >          setOverflowSeparator(true);</span>
         } else {
-<span class="cstat-no" title="statement not covered" >          setOverflowSeparator(false);</span>
+          setOverflowSeparator(false);
         }
 &nbsp;
         // Set default focus
-<span class="cstat-no" title="statement not covered" >        if (closeButtonRef?.current) {</span>
-<span class="cstat-no" title="statement not covered" >          closeButtonRef.current.focus()</span>
+        <span class="missing-if-branch" title="else path not taken" >E</span>if (closeButtonRef?.current) {
+          closeButtonRef.current.focus();
         }
       }}
+      aria={{
+        labelledby: 'modal-heading',
+        describedby: 'modal-body',
+      }}
       {...props}
     &gt;
       &lt;div
         className={`qpp-c-modal__header ${
-          overflowSeparator ? 'qpp-c-modal__header-sep' : ''
+          overflowSeparator ? <span class="branch-0 cbranch-no" title="branch not covered" >'qpp-c-modal__header-sep' </span>: ''
         }`}
       &gt;
-        &lt;h3&gt;{title}&lt;/h3&gt;
+        &lt;h3 id="modal-heading"&gt;{title}&lt;/h3&gt;
         &lt;button
           className="closex qpp-c-button qpp-c-button--text qpp-u-color--black"
-          aria-label="Close modal"
+          aria-label="close modal"
           data-testid="modal-close-btn"
           onClick={onRequestClose}
           ref={closeButtonRef}
         &gt;
-          &lt;CloseXIcon /&gt;
+          &lt;CloseXIcon2 /&gt;
         &lt;/button&gt;
       &lt;/div&gt;
-      &lt;div className="qpp-c-modal__body" ref={contentRef}&gt;
+      &lt;div
+        id="modal-body"
+        className="qpp-c-modal__body"
+        ref={contentRef}
+        tabIndex={overflowSeparator ? <span class="branch-0 cbranch-no" title="branch not covered" >"0" </span>: undefined}
+      &gt;
         {children}
       &lt;/div&gt;
-      {(primary || secondary) &amp;&amp; (
+      {(primary || <span class="branch-1 cbranch-no" title="branch not covered" >secondary)</span> &amp;&amp; (
         &lt;div className="qpp-c-modal__footer"&gt;
           {secondary &amp;&amp; (
             &lt;button
               className={`qpp-c-button qpp-c-button--secondary ${
-                primary ? 'qpp-u-margin-right--16' : ''
+                primary ? 'qpp-u-margin-right--16' : <span class="branch-1 cbranch-no" title="branch not covered" >''</span>
               }`}
               loading={secondary.loading}
-              onClick={secondary.onClick || onRequestClose}
+              onClick={secondary.onClick || <span class="branch-1 cbranch-no" title="branch not covered" >onRequestClose}</span>
+              aria-label={secondary.title}
               data-testid="modal-secondary-btn"
             &gt;
               {secondary.title}
@@ -401,6 +436,7 @@ const Modal = <span class="fstat-no" title="function not covered" >({</span>
               loading={primary.loading}
               onClick={primary.onClick}
               data-testid="modal-primary-btn"
+              aria-label={primary.title}
             &gt;
               {primary.title}
             &lt;/button&gt;
@@ -436,7 +472,7 @@ Modal.defaultProps = {
   title: undefined,
   primary: null,
   secondary: null,
-  appElement: 'body &gt; *:not(.ReactModalPortal)',
+  appElement: 'body &gt; *:not(.qpp-c-modal)',
   isOpen: false,
 };
 &nbsp;
@@ -448,7 +484,7 @@ export default Modal;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Thu Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../prettify.js"></script>

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">27.27% </span>
+                <span class="strong">63.64% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>9/33</span>
+                <span class='fraction'>21/33</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">56.52% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/21</span>
+                <span class='fraction'>13/23</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">36.36% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/11</span>
+                <span class='fraction'>4/11</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">27.27% </span>
+                <span class="strong">63.64% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>9/33</span>
+                <span class='fraction'>21/33</span>
             </div>
         
             
@@ -55,7 +55,7 @@
             Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
         </p>
     </div>
-    <div class='status-line low'></div>
+    <div class='status-line medium'></div>
     <div class="pad1">
 <table class="coverage-summary">
 <thead>
@@ -88,33 +88,33 @@
 	</tr>
 
 <tr>
-	<td class="file low" data-value="Modal.jsx"><a href="Modal.jsx.html">Modal.jsx</a></td>
-	<td data-value="21.43" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 21%"></div><div class="cover-empty" style="width: 79%"></div></div>
+	<td class="file high" data-value="Modal.jsx"><a href="Modal.jsx.html">Modal.jsx</a></td>
+	<td data-value="92.86" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 92%"></div><div class="cover-empty" style="width: 8%"></div></div>
 	</td>
-	<td data-value="21.43" class="pct low">21.43%</td>
-	<td data-value="14" class="abs low">3/14</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="17" class="abs low">0/17</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="4" class="abs low">0/4</td>
-	<td data-value="21.43" class="pct low">21.43%</td>
-	<td data-value="14" class="abs low">3/14</td>
+	<td data-value="92.86" class="pct high">92.86%</td>
+	<td data-value="14" class="abs high">13/14</td>
+	<td data-value="63.16" class="pct medium">63.16%</td>
+	<td data-value="19" class="abs medium">12/19</td>
+	<td data-value="75" class="pct medium">75%</td>
+	<td data-value="4" class="abs medium">3/4</td>
+	<td data-value="92.86" class="pct high">92.86%</td>
+	<td data-value="14" class="abs high">13/14</td>
 	</tr>
 
 <tr>
-	<td class="file medium" data-value="index.jsx"><a href="index.jsx.html">index.jsx</a></td>
-	<td data-value="57.14" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 57%"></div><div class="cover-empty" style="width: 43%"></div></div>
+	<td class="file high" data-value="index.jsx"><a href="index.jsx.html">index.jsx</a></td>
+	<td data-value="85.71" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 85%"></div><div class="cover-empty" style="width: 15%"></div></div>
 	</td>
-	<td data-value="57.14" class="pct medium">57.14%</td>
-	<td data-value="7" class="abs medium">4/7</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="1" class="abs low">0/1</td>
-	<td data-value="57.14" class="pct medium">57.14%</td>
-	<td data-value="7" class="abs medium">4/7</td>
+	<td data-value="85.71" class="pct high">85.71%</td>
+	<td data-value="7" class="abs high">6/7</td>
+	<td data-value="50" class="pct medium">50%</td>
+	<td data-value="2" class="abs medium">1/2</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="1" class="abs high">1/1</td>
+	<td data-value="85.71" class="pct high">85.71%</td>
+	<td data-value="7" class="abs high">6/7</td>
 	</tr>
 
 </tbody>
@@ -125,7 +125,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Thu Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../prettify.js"></script>

package/coverage/lcov-report/react/components/Modal/index.jsx.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">57.14% </span>
+                <span class="strong">85.71% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>4/7</span>
+                <span class='fraction'>6/7</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">50% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/2</span>
+                <span class='fraction'>1/2</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/1</span>
+                <span class='fraction'>1/1</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">57.14% </span>
+                <span class="strong">85.71% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>4/7</span>
+                <span class='fraction'>6/7</span>
             </div>
         
             
@@ -55,7 +55,7 @@
             Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
         </p>
     </div>
-    <div class='status-line medium'></div>
+    <div class='status-line high'></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>
@@ -85,44 +85,44 @@
 <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-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">44x</span>
+<span class="cline-any cline-yes">44x</span>
 <span class="cline-any cline-neutral">&nbsp;</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-yes">2x</span>
+<span class="cline-any cline-yes">3x</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-yes">3x</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-yes">3x</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 LegacyModal from './LegacyModal'
-import DsModal from './Modal'
+import LegacyModal from './LegacyModal';
+import DsModal from './Modal';
 &nbsp;
-const Modal = <span class="fstat-no" title="function not covered" >({</span> useDesignSystem, ...rest }) =&gt; {
-<span class="cstat-no" title="statement not covered" >  if (useDesignSystem) {</span>
-<span class="cstat-no" title="statement not covered" >    return &lt;DsModal {...rest} /&gt;</span>
+const Modal = ({ useDesignSystem, ...rest }) =&gt; {
+  <span class="missing-if-branch" title="else path not taken" >E</span>if (useDesignSystem) {
+    return &lt;DsModal {...rest} /&gt;;
   }
-<span class="cstat-no" title="statement not covered" >  return &lt;LegacyModal {...rest} /&gt;</span>
-}
+<span class="cstat-no" title="statement not covered" >  return &lt;LegacyModal {...rest} /&gt;;</span>
+};
 &nbsp;
 Modal.propTypes = {
   useDesignSystem: PropTypes.bool,
-}
+};
 Modal.defaultProps = {
   useDesignSystem: false,
-}
-Modal.displayName = 'Modal'
+};
+Modal.displayName = 'Modal';
 &nbsp;
-export default Modal
+export default Modal;
 &nbsp;</pre></td></tr></table></pre>
 
                 <div class='push'></div><!-- for sticky footer -->
@@ -130,7 +130,7 @@ export default Modal
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Thu Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Wed Sep 29 2021 12:36:46 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../prettify.js"></script>

package/coverage/lcov-report/react/components/NotificationBanner/NotificationBannerUI.jsx.html

@@ -934,7 +934,7 @@ NotificationBannerUI.defaultProps = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Thu Mar 11 2021 11:37:48 GMT-0500 (Eastern Standard Time)
+                at Tue Apr 20 2021 13:45:22 GMT-0700 (Pacific Daylight Time)
             </div>
         </div>
         <script src="../../../prettify.js"></script>