update snapshots

Author: kylemh

components/Content/__tests__/__snapshots__/Content.test.tsx.snap

@@ -9,30 +9,30 @@ exports[`Content > should render with many props assigned 1`] = `
     className="flex flex-col items-center justify-center mx-auto w-full my-[3.5rem] max-w-[1400px] sm:w-[85%]"
   >
     <div
-      className="flex justify-center"
+      className="flex justify-center relative"
     >
       <h3
-        className="group flex uppercase text-center my-4 mx-0 border-solid border-b-4 border-b-primary"
+        className="group flex uppercase text-center my-4 mx-0 border-b-4 border-b-primary"
         id="testing-link"
       >
         <div
-          className="relative"
+          className="relative h-full"
           data-testid="Heading Content testing-link"
         >
           <a
-            className="absolute top-3 -left-8 invisible group-hover:visible focus-visible:visible"
+            className="sm:visible absolute top-0 -left-8 opacity-0 h-full flex items-center justify-center group-hover:opacity-100 focus-visible:opacity-100 transition-opacity w-0 focus-visible:w-5 group-hover:w-5"
             data-testid="Hash Link"
             href="#testing-link"
           >
             <span
               className="sr-only"
               data-testid="SCREEN_READER_ONLY"
             >
-              Scroll Link for 
+              Scroll to 
               Testing!
             </span>
             <svg
-              className="w-4 h-8 leading-9 mx-2 -my-1 outline-none"
+              className="w-full h-5"
               dangerouslySetInnerHTML={
                 {
                   "__html": "<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="_d456e9ce"><title>Link Icon</title><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></symbol><use href='#_d456e9ce'/>",
@@ -41,8 +41,8 @@ exports[`Content > should render with many props assigned 1`] = `
               viewBox="0 0 512 512"
             />
           </a>
-          Testing!
         </div>
+        Testing!
       </h3>
     </div>
     <div

components/Heading/__tests__/__snapshots__/Heading.test.tsx.snap

@@ -2,10 +2,10 @@
 
 exports[`Heading > should render with many props assigned 1`] = `
 <div
-  className="flex justify-center"
+  className="flex justify-center relative"
 >
   <h5
-    className="group flex uppercase text-center my-4 mx-0 border-solid border-b-4 border-b-primary"
+    className="group flex uppercase text-center my-4 mx-0 border-b-4 border-b-primary"
     id="test-link"
   >
     Test
@@ -15,30 +15,30 @@ exports[`Heading > should render with many props assigned 1`] = `
 
 exports[`Heading > should render with required props 1`] = `
 <div
-  className="flex justify-center"
+  className="flex justify-center relative"
 >
   <h2
-    className="group flex uppercase text-center my-4 mx-0"
+    className="group flex uppercase text-center my-4 mx-0 border-b-4 border-b-transparent"
     id="test-link"
   >
     <div
-      className="relative"
+      className="relative h-full"
       data-testid="Heading Content test-link"
     >
       <a
-        className="absolute top-3 -left-8 invisible group-hover:visible focus-visible:visible"
+        className="sm:visible absolute top-0 -left-8 opacity-0 h-full flex items-center justify-center group-hover:opacity-100 focus-visible:opacity-100 transition-opacity w-0 focus-visible:w-5 group-hover:w-5"
         data-testid="Hash Link"
         href="#test-link"
       >
         <span
           className="sr-only"
           data-testid="SCREEN_READER_ONLY"
         >
-          Scroll Link for 
+          Scroll to 
           Test
         </span>
         <svg
-          className="w-4 h-8 leading-9 mx-2 -my-1 outline-none"
+          className="w-full h-5"
           dangerouslySetInnerHTML={
             {
               "__html": "<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="_d456e9ce"><title>Link Icon</title><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></symbol><use href='#_d456e9ce'/>",
@@ -47,8 +47,8 @@ exports[`Heading > should render with required props 1`] = `
           viewBox="0 0 512 512"
         />
       </a>
-      Test
     </div>
+    Test
   </h2>
 </div>
 `;

components/ReusableSections/JoinSection/__tests__/__snapshots__/JoinSection.test.tsx.snap

@@ -9,30 +9,30 @@ exports[`JoinSection > should render 1`] = `
     className="flex flex-col items-center justify-center mx-auto w-full my-[3.5rem] max-w-[1400px] sm:w-[85%]"
   >
     <div
-      className="flex justify-center"
+      className="flex justify-center relative"
     >
       <h3
-        className="group flex uppercase text-center my-4 mx-0"
+        className="group flex uppercase text-center my-4 mx-0 border-b-4 border-b-transparent"
         id="join-our-thriving-community-link"
       >
         <div
-          className="relative"
+          className="relative h-full"
           data-testid="Heading Content join-our-thriving-community-link"
         >
           <a
-            className="absolute top-3 -left-8 invisible group-hover:visible focus-visible:visible"
+            className="sm:visible absolute top-0 -left-8 opacity-0 h-full flex items-center justify-center group-hover:opacity-100 focus-visible:opacity-100 transition-opacity w-0 focus-visible:w-5 group-hover:w-5"
             data-testid="Hash Link"
             href="#join-our-thriving-community-link"
           >
             <span
               className="sr-only"
               data-testid="SCREEN_READER_ONLY"
             >
-              Scroll Link for 
+              Scroll to 
               Join Our Thriving Community
             </span>
             <svg
-              className="w-4 h-8 leading-9 mx-2 -my-1 outline-none"
+              className="w-full h-5"
               dangerouslySetInnerHTML={
                 {
                   "__html": "<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="_d456e9ce"><title>Link Icon</title><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></symbol><use href='#_d456e9ce'/>",
@@ -41,8 +41,8 @@ exports[`JoinSection > should render 1`] = `
               viewBox="0 0 512 512"
             />
           </a>
-          Join Our Thriving Community
         </div>
+        Join Our Thriving Community
       </h3>
     </div>
     <p>

components/ReusableSections/SponsorsSection/__tests__/__snapshots__/SponsorsSection.test.tsx.snap

@@ -9,30 +9,30 @@ exports[`SponsorsSection > should render 1`] = `
     className="flex flex-col items-center justify-center mx-auto w-full my-[3.5rem] max-w-[1400px] sm:w-[85%]"
   >
     <div
-      className="flex justify-center"
+      className="flex justify-center relative"
     >
       <h3
-        className="group flex uppercase text-center my-4 mx-0 border-solid border-b-4 border-b-primary"
+        className="group flex uppercase text-center my-4 mx-0 border-b-4 border-b-primary"
         id="sponsors-link"
       >
         <div
-          className="relative"
+          className="relative h-full"
           data-testid="Heading Content sponsors-link"
         >
           <a
-            className="absolute top-3 -left-8 invisible group-hover:visible focus-visible:visible"
+            className="sm:visible absolute top-0 -left-8 opacity-0 h-full flex items-center justify-center group-hover:opacity-100 focus-visible:opacity-100 transition-opacity w-0 focus-visible:w-5 group-hover:w-5"
             data-testid="Hash Link"
             href="#sponsors-link"
           >
             <span
               className="sr-only"
               data-testid="SCREEN_READER_ONLY"
             >
-              Scroll Link for 
+              Scroll to 
               Sponsors
             </span>
             <svg
-              className="w-4 h-8 leading-9 mx-2 -my-1 outline-none"
+              className="w-full h-5"
               dangerouslySetInnerHTML={
                 {
                   "__html": "<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="_d456e9ce"><title>Link Icon</title><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></symbol><use href='#_d456e9ce'/>",
@@ -41,45 +41,18 @@ exports[`SponsorsSection > should render 1`] = `
               viewBox="0 0 512 512"
             />
           </a>
-          Sponsors
         </div>
+        Sponsors
       </h3>
     </div>
     <div
-      className="flex justify-center"
+      className="flex justify-center relative"
     >
       <h4
-        className="group flex uppercase text-center my-4 mx-0"
+        className="group flex uppercase text-center my-4 mx-0 border-b-4 border-b-transparent"
         id="corporate-partners-link"
       >
-        <div
-          className="relative"
-          data-testid="Heading Content corporate-partners-link"
-        >
-          <a
-            className="absolute top-3 -left-8 invisible group-hover:visible focus-visible:visible"
-            data-testid="Hash Link"
-            href="#corporate-partners-link"
-          >
-            <span
-              className="sr-only"
-              data-testid="SCREEN_READER_ONLY"
-            >
-              Scroll Link for 
-              Corporate Partners
-            </span>
-            <svg
-              className="w-4 h-8 leading-9 mx-2 -my-1 outline-none"
-              dangerouslySetInnerHTML={
-                {
-                  "__html": "<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="_d456e9ce"><title>Link Icon</title><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></symbol><use href='#_d456e9ce'/>",
-                }
-              }
-              viewBox="0 0 512 512"
-            />
-          </a>
-          Corporate Partners
-        </div>
+        Corporate Partners
       </h4>
     </div>
     <p
@@ -209,40 +182,13 @@ exports[`SponsorsSection > should render 1`] = `
       </a>
     </div>
     <div
-      className="flex justify-center"
+      className="flex justify-center relative"
     >
       <h4
-        className="group flex uppercase text-center my-4 mx-0"
+        className="group flex uppercase text-center my-4 mx-0 border-b-4 border-b-transparent"
         id="corporate-supporters-link"
       >
-        <div
-          className="relative"
-          data-testid="Heading Content corporate-supporters-link"
-        >
-          <a
-            className="absolute top-3 -left-8 invisible group-hover:visible focus-visible:visible"
-            data-testid="Hash Link"
-            href="#corporate-supporters-link"
-          >
-            <span
-              className="sr-only"
-              data-testid="SCREEN_READER_ONLY"
-            >
-              Scroll Link for 
-              Corporate Supporters
-            </span>
-            <svg
-              className="w-4 h-8 leading-9 mx-2 -my-1 outline-none"
-              dangerouslySetInnerHTML={
-                {
-                  "__html": "<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="_d456e9ce"><title>Link Icon</title><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></symbol><use href='#_d456e9ce'/>",
-                }
-              }
-              viewBox="0 0 512 512"
-            />
-          </a>
-          Corporate Supporters
-        </div>
+        Corporate Supporters
       </h4>
     </div>
     <p