@madie/madie-design-system 1.0.2 → 1.0.3

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

@@ -257,7 +257,17 @@
 <a name='L192'></a><a href='#L192'>192</a>
 <a name='L193'></a><a href='#L193'>193</a>
 <a name='L194'></a><a href='#L194'>194</a>
-<a name='L195'></a><a href='#L195'>195</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L195'></a><a href='#L195'>195</a>
+<a name='L196'></a><a href='#L196'>196</a>
+<a name='L197'></a><a href='#L197'>197</a>
+<a name='L198'></a><a href='#L198'>198</a>
+<a name='L199'></a><a href='#L199'>199</a>
+<a name='L200'></a><a href='#L200'>200</a>
+<a name='L201'></a><a href='#L201'>201</a>
+<a name='L202'></a><a href='#L202'>202</a>
+<a name='L203'></a><a href='#L203'>203</a>
+<a name='L204'></a><a href='#L204'>204</a>
+<a name='L205'></a><a href='#L205'>205</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>
@@ -444,6 +454,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-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-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>
@@ -451,197 +471,207 @@
 <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 InfoTip from '../Infotip/Infotip';
+<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 InfoTip from "../Infotip/Infotip";
 &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.";
 &nbsp;
 const LegacyFooterUI = ({ buildVersion, isFullWidth, signUpNowLink }) =&gt; {
-  return (
-    &lt;footer className="legacy-footer"&gt;
-      &lt;div className="build-version" id="build-version"&gt;
-        {buildVersion}
-      &lt;/div&gt;
-      &lt;div className="banner"&gt;
-        &lt;div
-          className={
-            isFullWidth ? 'container-full-width' : 'responsive-container'
-          }
-        &gt;
-          &lt;div className="row"&gt;
-            &lt;div className="col-sm-12 col-md-12 col-lg-12"&gt;
-              &lt;span&gt;Help shape the future of QPP&lt;/span&gt; by participating in user
-              feedback sessions.{' '}
-              &lt;a className="email-note-link" href={signUpNowLink}&gt;
-                Send us an email to sign up
-              &lt;/a&gt;
+    return (
+        &lt;footer className="legacy-footer"&gt;
+            &lt;div className="build-version" id="build-version"&gt;
+                {buildVersion}
             &lt;/div&gt;
-          &lt;/div&gt;
-        &lt;/div&gt;
-      &lt;/div&gt;
-      &lt;div
-        className={
-          isFullWidth ? 'container-full-width' : 'responsive-container'
-        }
-      &gt;
-        &lt;div className="row"&gt;
-          &lt;div
-            className={
-              isFullWidth
-                ? 'col-sm-12 col-md-8 col-lg-8'
-                : 'col-sm-8 col-md-9 col-lg-9'
-            }
-          &gt;
-            &lt;div className="logo-container"&gt;
-              &lt;img
-                src="/images/qpp_logo_reversed.png"
-                alt="Quality Payment Program"
-                className="qpp-logo"
-              /&gt;
-              &lt;div className="social-container"&gt;
-                &lt;a
-                  rel="noopener noreferrer"
-                  target="_blank"
-                  className="social-link"
-                  href="https://twitter.com/CMSGov"
-                  aria-label="Follow us on Twitter. This link opens in a new window."
-                &gt;
-                  &lt;span className="glyphicon glyphicon-twitter"&gt;&lt;/span&gt;
-                &lt;/a&gt;
-                &lt;a
-                  rel="noopener noreferrer"
-                  target="_blank"
-                  className="social-link"
-                  href="https://www.youtube.com/playlist?list=PLaV7m2-zFKpj_6fBsqav6GvFzzq9oOpkk"
-                  aria-label="Follow us on YouTube. This link opens in a new window."
+            &lt;div className="banner"&gt;
+                &lt;div
+                    className={
+                        isFullWidth
+                            ? "container-full-width"
+                            : "responsive-container"
+                    }
                 &gt;
-                  &lt;span className="glyphicon glyphicon-youtube"&gt;&lt;/span&gt;
-                &lt;/a&gt;
-              &lt;/div&gt;
-            &lt;/div&gt;
-            &lt;div className="links"&gt;
-              &lt;ul&gt;
-                &lt;li&gt;
-                  &lt;a
-                    href="/developers"
-                    data-track-category="FooterNav"
-                    data-track-action="OpenDeveloperTools"
-                    data-track-label="Quality Payment Program"
-                  &gt;
-                    Developer Tools
-                  &lt;/a&gt;
-                &lt;/li&gt;
-                &lt;li&gt;
-                  &lt;a
-                    href="/about/resource-library"
-                    data-track-category="FooterNav"
-                    data-track-action="OpenEducationAndTools"
-                    data-track-label="Education and Tools"
-                  &gt;
-                    Resource Library
-                  &lt;/a&gt;
-                &lt;/li&gt;
-                &lt;li&gt;
-                  &lt;a
-                    href="/glossary"
-                    data-track-category="FooterNav"
-                    data-track-action="OpenGlossary"
-                    data-track-label="Glossary"
-                  &gt;
-                    Glossary
-                  &lt;/a&gt;
-                &lt;/li&gt;
-                &lt;li&gt;
-                  &lt;a
-                    href="/resources/help-and-support"
-                    data-track-category="FooterNav"
-                    data-track-action="OpenHelpAndSupport"
-                    data-track-label="Help and Support"
-                  &gt;
-                    Help and Support
-                  &lt;/a&gt;
-                &lt;/li&gt;
-              &lt;/ul&gt;
-              &lt;ul className="small"&gt;
-                &lt;li&gt;
-                  &lt;a
-                    href="/privacy"
-                    data-track-category="FooterNav"
-                    data-track-action="OpenPrivacyDisclaimer"
-                    data-track-label="Notice of Privacy and Disclaimer"
-                  &gt;
-                    CMS Privacy Notice
-                  &lt;/a&gt;
-                &lt;/li&gt;
-                &lt;span className="divider"&gt;&lt;/span&gt;
-                &lt;li&gt;
-                  &lt;a
-                    href="/accessibility"
-                    data-track-category="FooterNav"
-                    data-track-action="OpenAccessibility"
-                    data-track-label="Accessibility"
-                  &gt;
-                    Accessibility
-                  &lt;/a&gt;
-                &lt;/li&gt;
-                &lt;span className="divider"&gt;&lt;/span&gt;
-                &lt;li&gt;
-                  &lt;a
-                    className="adobe-link"
-                    rel="noopener noreferrer"
-                    target="_blank"
-                    href="https://get.adobe.com/reader"
-                    data-track-category="FooterNav"
-                    data-track-action="DownloadAdobeReader"
-                    data-track-label="AdobeReader"
-                  &gt;
-                    &lt;svg className="icon"&gt;
-                      &lt;use xlinkHref="#icon-download" /&gt;
-                    &lt;/svg&gt;
-                    Download Adobe Reader
-                  &lt;/a&gt;
-                &lt;/li&gt;
-                &lt;span className="divider"&gt;&lt;/span&gt;
-                &lt;li&gt;
-                  &lt;a href="mailto:QPP@cms.hhs.gov" className="email-link"&gt;
-                    QPP@cms.hhs.gov
-                  &lt;/a&gt;
-                &lt;/li&gt;
-                &lt;li&gt;
-                  1-866-288-8292 (TRS: 711)
-                  &lt;div className="footer-trs-infotip"&gt;
-                    &lt;InfoTip lightIcon label={infoTipLabel} /&gt;
-                  &lt;/div&gt;
-                &lt;/li&gt;
-              &lt;/ul&gt;
+                    &lt;div className="row"&gt;
+                        &lt;div className="col-sm-12 col-md-12 col-lg-12"&gt;
+                            &lt;span&gt;Help shape the future of QPP&lt;/span&gt; by
+                            participating in user feedback sessions.{" "}
+                            &lt;a className="email-note-link" href={signUpNowLink}&gt;
+                                Send us an email to sign up
+                            &lt;/a&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
             &lt;/div&gt;
-          &lt;/div&gt;
-          &lt;div
-            className={
-              isFullWidth
-                ? 'col-sm-12 col-md-4 col-lg-4'
-                : 'col-sm-4 col-md-3 col-lg-3'
-            }
-          &gt;
-            &lt;div className="hhs-logo-container"&gt;
-              &lt;img
-                alt="Department of Health &amp;amp; Human Services USA"
-                src="/images/hhs-logo-white.svg"
-              /&gt;
+            &lt;div
+                className={
+                    isFullWidth
+                        ? "container-full-width"
+                        : "responsive-container"
+                }
+            &gt;
+                &lt;div className="row"&gt;
+                    &lt;div
+                        className={
+                            isFullWidth
+                                ? "col-sm-12 col-md-8 col-lg-8"
+                                : "col-sm-8 col-md-9 col-lg-9"
+                        }
+                    &gt;
+                        &lt;div className="logo-container"&gt;
+                            &lt;img
+                                src="/images/qpp_logo_reversed.png"
+                                alt="Quality Payment Program"
+                                className="qpp-logo"
+                            /&gt;
+                            &lt;div className="social-container"&gt;
+                                &lt;a
+                                    rel="noopener noreferrer"
+                                    target="_blank"
+                                    className="social-link"
+                                    href="https://twitter.com/CMSGov"
+                                    aria-label="Follow us on Twitter. This link opens in a new window."
+                                &gt;
+                                    &lt;span className="glyphicon glyphicon-twitter"&gt;&lt;/span&gt;
+                                &lt;/a&gt;
+                                &lt;a
+                                    rel="noopener noreferrer"
+                                    target="_blank"
+                                    className="social-link"
+                                    href="https://www.youtube.com/playlist?list=PLaV7m2-zFKpj_6fBsqav6GvFzzq9oOpkk"
+                                    aria-label="Follow us on YouTube. This link opens in a new window."
+                                &gt;
+                                    &lt;span className="glyphicon glyphicon-youtube"&gt;&lt;/span&gt;
+                                &lt;/a&gt;
+                            &lt;/div&gt;
+                        &lt;/div&gt;
+                        &lt;div className="links"&gt;
+                            &lt;ul&gt;
+                                &lt;li&gt;
+                                    &lt;a
+                                        href="/developers"
+                                        data-track-category="FooterNav"
+                                        data-track-action="OpenDeveloperTools"
+                                        data-track-label="Quality Payment Program"
+                                    &gt;
+                                        Developer Tools
+                                    &lt;/a&gt;
+                                &lt;/li&gt;
+                                &lt;li&gt;
+                                    &lt;a
+                                        href="/about/resource-library"
+                                        data-track-category="FooterNav"
+                                        data-track-action="OpenEducationAndTools"
+                                        data-track-label="Education and Tools"
+                                    &gt;
+                                        Resource Library
+                                    &lt;/a&gt;
+                                &lt;/li&gt;
+                                &lt;li&gt;
+                                    &lt;a
+                                        href="/glossary"
+                                        data-track-category="FooterNav"
+                                        data-track-action="OpenGlossary"
+                                        data-track-label="Glossary"
+                                    &gt;
+                                        Glossary
+                                    &lt;/a&gt;
+                                &lt;/li&gt;
+                                &lt;li&gt;
+                                    &lt;a
+                                        href="/resources/help-and-support"
+                                        data-track-category="FooterNav"
+                                        data-track-action="OpenHelpAndSupport"
+                                        data-track-label="Help and Support"
+                                    &gt;
+                                        Help and Support
+                                    &lt;/a&gt;
+                                &lt;/li&gt;
+                            &lt;/ul&gt;
+                            &lt;ul className="small"&gt;
+                                &lt;li&gt;
+                                    &lt;a
+                                        href="/privacy"
+                                        data-track-category="FooterNav"
+                                        data-track-action="OpenPrivacyDisclaimer"
+                                        data-track-label="Notice of Privacy and Disclaimer"
+                                    &gt;
+                                        CMS Privacy Notice
+                                    &lt;/a&gt;
+                                &lt;/li&gt;
+                                &lt;span className="divider"&gt;&lt;/span&gt;
+                                &lt;li&gt;
+                                    &lt;a
+                                        href="/accessibility"
+                                        data-track-category="FooterNav"
+                                        data-track-action="OpenAccessibility"
+                                        data-track-label="Accessibility"
+                                    &gt;
+                                        Accessibility
+                                    &lt;/a&gt;
+                                &lt;/li&gt;
+                                &lt;span className="divider"&gt;&lt;/span&gt;
+                                &lt;li&gt;
+                                    &lt;a
+                                        className="adobe-link"
+                                        rel="noopener noreferrer"
+                                        target="_blank"
+                                        href="https://get.adobe.com/reader"
+                                        data-track-category="FooterNav"
+                                        data-track-action="DownloadAdobeReader"
+                                        data-track-label="AdobeReader"
+                                    &gt;
+                                        &lt;svg className="icon"&gt;
+                                            &lt;use xlinkHref="#icon-download" /&gt;
+                                        &lt;/svg&gt;
+                                        Download Adobe Reader
+                                    &lt;/a&gt;
+                                &lt;/li&gt;
+                                &lt;span className="divider"&gt;&lt;/span&gt;
+                                &lt;li&gt;
+                                    &lt;a
+                                        href="mailto:QPP@cms.hhs.gov"
+                                        className="email-link"
+                                    &gt;
+                                        QPP@cms.hhs.gov
+                                    &lt;/a&gt;
+                                &lt;/li&gt;
+                                &lt;li&gt;
+                                    1-866-288-8292 (TRS: 711)
+                                    &lt;div className="footer-trs-infotip"&gt;
+                                        &lt;InfoTip
+                                            lightIcon
+                                            label={infoTipLabel}
+                                        /&gt;
+                                    &lt;/div&gt;
+                                &lt;/li&gt;
+                            &lt;/ul&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                    &lt;div
+                        className={
+                            isFullWidth
+                                ? "col-sm-12 col-md-4 col-lg-4"
+                                : "col-sm-4 col-md-3 col-lg-3"
+                        }
+                    &gt;
+                        &lt;div className="hhs-logo-container"&gt;
+                            &lt;img
+                                alt="Department of Health &amp;amp; Human Services USA"
+                                src="/images/hhs-logo-white.svg"
+                            /&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
             &lt;/div&gt;
-          &lt;/div&gt;
-        &lt;/div&gt;
-      &lt;/div&gt;
-    &lt;/footer&gt;
-  );
+        &lt;/footer&gt;
+    );
 };
 &nbsp;
 LegacyFooterUI.propTypes = {
-  buildVersion: PropTypes.string,
-  isFullWidth: PropTypes.bool,
-  signUpNowLink: PropTypes.string,
+    buildVersion: PropTypes.string,
+    isFullWidth: PropTypes.bool,
+    signUpNowLink: PropTypes.string,
 };
 &nbsp;
 export default LegacyFooterUI;
@@ -652,7 +682,7 @@ export default LegacyFooterUI;
             <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 Mon Mar 14 2022 14:52:06 GMT-0700 (Pacific Daylight Time)
+                at Thu Mar 24 2022 11:31:04 GMT-0700 (Pacific Daylight Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -123,7 +123,10 @@
 <a name='L58'></a><a href='#L58'>58</a>
 <a name='L59'></a><a href='#L59'>59</a>
 <a name='L60'></a><a href='#L60'>60</a>
-<a name='L61'></a><a href='#L61'>61</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L61'></a><a href='#L61'>61</a>
+<a name='L62'></a><a href='#L62'>62</a>
+<a name='L63'></a><a href='#L63'>63</a>
+<a name='L64'></a><a href='#L64'>64</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-no">&nbsp;</span>
@@ -183,63 +186,69 @@
 <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>
+<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";
 &nbsp;
 const SocialLinks = <span class="fstat-no" title="function not covered" >()</span> =&gt; (
-<span class="cstat-no" title="statement not covered" >  &lt;div className="social-container"&gt;</span>
-    &lt;a
-      rel="noopener noreferrer"
-      target="_blank"
-      className="social-link"
-      href="https://twitter.com/CMSGov"
-      aria-label="Follow us on Twitter. This link opens in a new window."
-    &gt;
-      &lt;svg width="19px" height="16px" viewBox="0 0 19 16"&gt;
-        &lt;g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd"&gt;
-          &lt;g
-            transform="translate(-763.000000, -177.000000)"
-            fill="#242424"
-            fillRule="nonzero"
-          &gt;
-            &lt;g transform="translate(763.000000, 140.000000)"&gt;
-              &lt;g transform="translate(0.000000, 37.000000)"&gt;
-                &lt;path
-                  d="M16.9243259,4.73901817 C16.9243259,4.57725788 16.9243259,4.41549759 16.916868,4.25373729 C17.6626567,3.71698723 18.3114928,3.05524058 18.826087,2.30526104 C18.1250456,2.6067234 17.3867149,2.81260014 16.6260105,2.90083303 C17.4240043,2.43025763 18.0206352,1.68763083 18.3040349,0.812654705 C17.5507884,1.25381914 16.7304209,1.56263424 15.8727639,1.72439454 C14.425934,0.202377237 12.0021209,0.128849832 10.4583384,1.56263424 C9.46643951,2.48172682 9.04133999,3.8566893 9.35457121,5.16547712 C6.28192201,5.01106957 3.41063575,3.5846379 1.47158528,1.22440818 C0.457312727,2.94494947 0.971906889,5.15077164 2.65738922,6.26103547 C2.04584253,6.24632999 1.45666951,6.0845697 0.919701685,5.79046007 C0.919701685,5.80516555 0.919701685,5.81987104 0.919701685,5.83457652 C0.919701685,7.62864522 2.20245815,9.17272074 3.99235089,9.53300502 C3.42555152,9.68741258 2.83637849,9.7094708 2.26212124,9.59917969 C2.76179963,11.1359025 4.20117171,12.1873444 5.83444883,12.2167553 C4.4771135,13.2681972 2.80654695,13.8343583 1.08377519,13.8343583 C0.778001843,13.8343583 0.4722285,13.8123 0.173913043,13.7828891 C1.93397424,14.8784474 3.96251934,15.4666667 6.04326965,15.4666667 C13.0760565,15.4666667 16.9243259,9.71682354 16.9243259,4.73901817 Z"
-                  id="twitter-icon"
-                &gt;&lt;/path&gt;
-              &lt;/g&gt;
-            &lt;/g&gt;
-          &lt;/g&gt;
-        &lt;/g&gt;
-      &lt;/svg&gt;
-    &lt;/a&gt;
-    &lt;a
-      rel="noopener noreferrer"
-      target="_blank"
-      className="social-link"
-      href="https://www.youtube.com/playlist?list=PLaV7m2-zFKpj_6fBsqav6GvFzzq9oOpkk"
-      aria-label="Follow us on YouTube. This link opens in a new window."
-    &gt;
-      &lt;svg width="19px" height="14px" viewBox="0 0 19 14"&gt;
-        &lt;g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd"&gt;
-          &lt;g
-            transform="translate(-801.000000, -179.000000)"
-            fill="#242424"
-            fillRule="nonzero"
-          &gt;
-            &lt;g transform="translate(763.000000, 140.000000)"&gt;
-              &lt;g id="Group" transform="translate(38.000000, 39.000000)"&gt;
-                &lt;path
-                  d="M17.7486957,2.84298208 C17.551087,2.10010036 16.9670652,1.51515412 16.2265217,1.3162724 C14.8843478,0.955555556 9.5,0.955555556 9.5,0.955555556 C9.5,0.955555556 4.11565217,0.955555556 2.77347826,1.3162724 C2.03293478,1.51515412 1.44891304,2.10010036 1.25130435,2.84298208 C0.891304348,4.19030824 0.891304348,7 0.891304348,7 C0.891304348,7 0.891304348,9.80969176 1.25130435,11.1570179 C1.44891304,11.8998996 2.03293478,12.4848459 2.77347826,12.6837276 C4.11565217,13.0444444 9.5,13.0444444 9.5,13.0444444 C9.5,13.0444444 14.8843478,13.0444444 16.2265217,12.6837276 C16.9670652,12.4848459 17.551087,11.8998996 17.7486957,11.1570179 C18.1086957,9.80969176 18.1086957,7 18.1086957,7 C18.1086957,7 18.1086957,4.19030824 17.7486957,2.84298208 Z M7.73913043,9.5513405 L7.73913043,4.4486595 L12.2391304,7 L7.73913043,9.5513405 Z"
-                  id="Youtube-icon"
-                &gt;&lt;/path&gt;
-              &lt;/g&gt;
-            &lt;/g&gt;
-          &lt;/g&gt;
-        &lt;/g&gt;
-      &lt;/svg&gt;
-    &lt;/a&gt;
-  &lt;/div&gt;
+<span class="cstat-no" title="statement not covered" >    &lt;div className="social-container"&gt;</span>
+        &lt;a
+            rel="noopener noreferrer"
+            target="_blank"
+            className="social-link"
+            href="https://twitter.com/CMSGov"
+            aria-label="Follow us on Twitter. This link opens in a new window."
+        &gt;
+            &lt;svg width="19px" height="16px" viewBox="0 0 19 16"&gt;
+                &lt;g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd"&gt;
+                    &lt;g
+                        transform="translate(-763.000000, -177.000000)"
+                        fill="#242424"
+                        fillRule="nonzero"
+                    &gt;
+                        &lt;g transform="translate(763.000000, 140.000000)"&gt;
+                            &lt;g transform="translate(0.000000, 37.000000)"&gt;
+                                &lt;path
+                                    d="M16.9243259,4.73901817 C16.9243259,4.57725788 16.9243259,4.41549759 16.916868,4.25373729 C17.6626567,3.71698723 18.3114928,3.05524058 18.826087,2.30526104 C18.1250456,2.6067234 17.3867149,2.81260014 16.6260105,2.90083303 C17.4240043,2.43025763 18.0206352,1.68763083 18.3040349,0.812654705 C17.5507884,1.25381914 16.7304209,1.56263424 15.8727639,1.72439454 C14.425934,0.202377237 12.0021209,0.128849832 10.4583384,1.56263424 C9.46643951,2.48172682 9.04133999,3.8566893 9.35457121,5.16547712 C6.28192201,5.01106957 3.41063575,3.5846379 1.47158528,1.22440818 C0.457312727,2.94494947 0.971906889,5.15077164 2.65738922,6.26103547 C2.04584253,6.24632999 1.45666951,6.0845697 0.919701685,5.79046007 C0.919701685,5.80516555 0.919701685,5.81987104 0.919701685,5.83457652 C0.919701685,7.62864522 2.20245815,9.17272074 3.99235089,9.53300502 C3.42555152,9.68741258 2.83637849,9.7094708 2.26212124,9.59917969 C2.76179963,11.1359025 4.20117171,12.1873444 5.83444883,12.2167553 C4.4771135,13.2681972 2.80654695,13.8343583 1.08377519,13.8343583 C0.778001843,13.8343583 0.4722285,13.8123 0.173913043,13.7828891 C1.93397424,14.8784474 3.96251934,15.4666667 6.04326965,15.4666667 C13.0760565,15.4666667 16.9243259,9.71682354 16.9243259,4.73901817 Z"
+                                    id="twitter-icon"
+                                &gt;&lt;/path&gt;
+                            &lt;/g&gt;
+                        &lt;/g&gt;
+                    &lt;/g&gt;
+                &lt;/g&gt;
+            &lt;/svg&gt;
+        &lt;/a&gt;
+        &lt;a
+            rel="noopener noreferrer"
+            target="_blank"
+            className="social-link"
+            href="https://www.youtube.com/playlist?list=PLaV7m2-zFKpj_6fBsqav6GvFzzq9oOpkk"
+            aria-label="Follow us on YouTube. This link opens in a new window."
+        &gt;
+            &lt;svg width="19px" height="14px" viewBox="0 0 19 14"&gt;
+                &lt;g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd"&gt;
+                    &lt;g
+                        transform="translate(-801.000000, -179.000000)"
+                        fill="#242424"
+                        fillRule="nonzero"
+                    &gt;
+                        &lt;g transform="translate(763.000000, 140.000000)"&gt;
+                            &lt;g
+                                id="Group"
+                                transform="translate(38.000000, 39.000000)"
+                            &gt;
+                                &lt;path
+                                    d="M17.7486957,2.84298208 C17.551087,2.10010036 16.9670652,1.51515412 16.2265217,1.3162724 C14.8843478,0.955555556 9.5,0.955555556 9.5,0.955555556 C9.5,0.955555556 4.11565217,0.955555556 2.77347826,1.3162724 C2.03293478,1.51515412 1.44891304,2.10010036 1.25130435,2.84298208 C0.891304348,4.19030824 0.891304348,7 0.891304348,7 C0.891304348,7 0.891304348,9.80969176 1.25130435,11.1570179 C1.44891304,11.8998996 2.03293478,12.4848459 2.77347826,12.6837276 C4.11565217,13.0444444 9.5,13.0444444 9.5,13.0444444 C9.5,13.0444444 14.8843478,13.0444444 16.2265217,12.6837276 C16.9670652,12.4848459 17.551087,11.8998996 17.7486957,11.1570179 C18.1086957,9.80969176 18.1086957,7 18.1086957,7 C18.1086957,7 18.1086957,4.19030824 17.7486957,2.84298208 Z M7.73913043,9.5513405 L7.73913043,4.4486595 L12.2391304,7 L7.73913043,9.5513405 Z"
+                                    id="Youtube-icon"
+                                &gt;&lt;/path&gt;
+                            &lt;/g&gt;
+                        &lt;/g&gt;
+                    &lt;/g&gt;
+                &lt;/g&gt;
+            &lt;/svg&gt;
+        &lt;/a&gt;
+    &lt;/div&gt;
 );
 &nbsp;
 export default SocialLinks;
@@ -250,7 +259,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 Mon Mar 14 2022 14:52:06 GMT-0700 (Pacific Daylight Time)
+                at Thu Mar 24 2022 11:31:04 GMT-0700 (Pacific Daylight Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>