@comicrelief/component-library 8.44.2 → 8.44.4

package/src/components/Organisms/Footer/__snapshots__/Footer.test.js.snap

@@ -18,6 +18,11 @@ exports[`renders correctly 1`] = `
   line-height: normal;
 }
 
+.c12 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c15 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -37,6 +42,11 @@ exports[`renders correctly 1`] = `
   color: #FFFFFF;
 }
 
+.c15 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c20 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -55,6 +65,11 @@ exports[`renders correctly 1`] = `
   color: #FFFFFF;
 }
 
+.c20 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c25 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -73,6 +88,11 @@ exports[`renders correctly 1`] = `
   color: #969598;
 }
 
+.c25 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c10 {
   object-fit: cover;
   width: 100%;
@@ -748,9 +768,7 @@ exports[`renders correctly 1`] = `
       >
         <h2
           className="c12"
-          color="inherit"
           id="footer-menu"
-          size="s"
         >
           Footer navigation
         </h2>
@@ -764,8 +782,6 @@ exports[`renders correctly 1`] = `
           >
             <span
               className="c15"
-              color="white"
-              size="s"
             >
               Hear from us
             </span>
@@ -787,8 +803,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Get the newsletter
                   </span>
@@ -807,8 +821,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     How we contact you
                   </span>
@@ -822,8 +834,6 @@ exports[`renders correctly 1`] = `
           >
             <span
               className="c15"
-              color="white"
-              size="s"
             >
               Get in touch
             </span>
@@ -845,8 +855,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Contact us
                   </span>
@@ -865,8 +873,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Your Gift Aid
                   </span>
@@ -885,8 +891,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     FAQs
                   </span>
@@ -905,8 +909,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Red Nose Day 2019 FAQs
                   </span>
@@ -920,8 +922,6 @@ exports[`renders correctly 1`] = `
           >
             <span
               className="c15"
-              color="white"
-              size="s"
             >
               About us
             </span>
@@ -943,8 +943,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Mission
                   </span>
@@ -963,8 +961,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Our history
                   </span>
@@ -983,8 +979,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Finances
                   </span>
@@ -1003,8 +997,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Partners
                   </span>
@@ -1023,8 +1015,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Meet the team
                   </span>
@@ -1043,8 +1033,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Sport Relief
                   </span>
@@ -1058,8 +1046,6 @@ exports[`renders correctly 1`] = `
           >
             <span
               className="c15"
-              color="white"
-              size="s"
             >
               Careers
             </span>
@@ -1081,8 +1067,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Working at Comic Relief
                   </span>
@@ -1101,8 +1085,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Open roles
                   </span>
@@ -1116,8 +1098,6 @@ exports[`renders correctly 1`] = `
           >
             <span
               className="c15"
-              color="white"
-              size="s"
             >
               News
             </span>
@@ -1139,8 +1119,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     News
                   </span>
@@ -1159,8 +1137,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Press area
                   </span>
@@ -1174,8 +1150,6 @@ exports[`renders correctly 1`] = `
           >
             <span
               className="c15"
-              color="white"
-              size="s"
             >
               Legal
             </span>
@@ -1197,8 +1171,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Link comp with both URL and Ref
                   </span>
@@ -1217,8 +1189,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Link comp with only Ref
                   </span>
@@ -1237,8 +1207,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Link comp with only URL
                   </span>
@@ -1262,8 +1230,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Test allowListed external link
                   </span>
@@ -1282,8 +1248,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Test non-allowListed external link
                   </span>
@@ -1303,8 +1267,6 @@ exports[`renders correctly 1`] = `
       >
         <p
           className="c25"
-          color="grey"
-          size="s"
         >
           Comic Relief is the trading name of Charity Projects, a registered charity in England and Wales (326568) and Scotland (SC039730), which is a company limited by guarantee registered in England and Wales (01806414). Registered address: 6th Floor, The White Chapel Building, 10 Whitechapel High Street, London, E1 8QS.
         </p>

package/src/components/Organisms/Header2025/HeaderNav2025/HeaderNavItem2025.js

@@ -83,7 +83,7 @@ const HeaderNavItem2025 = (
           return (
             <SubNavItem key={`${index}-${thisSubUrl}`}>
               <SubNavLink href={thisSubUrl} inline role="menuitem">
-                <Text>{child.title}</Text>
+                <Text size="s">{child.title}</Text>
               </SubNavLink>
             </SubNavItem>
           );

package/src/components/Organisms/Membership/Membership.test.js

@@ -43,6 +43,11 @@ it('renders correctly', () => {
       font-weight: 800;
     }
 
+    .c6 span {
+      font-size: inherit;
+      line-height: inherit;
+    }
+
     .c7 {
       font-family: 'Montserrat',Helvetica,Arial,sans-serif;
       font-weight: 400;
@@ -60,6 +65,11 @@ it('renders correctly', () => {
       line-height: normal;
     }
 
+    .c7 span {
+      font-size: inherit;
+      line-height: inherit;
+    }
+
     .c12 {
       font-family: 'Montserrat',Helvetica,Arial,sans-serif;
       font-weight: 700;
@@ -77,6 +87,11 @@ it('renders correctly', () => {
       line-height: normal;
     }
 
+    .c12 span {
+      font-size: inherit;
+      line-height: inherit;
+    }
+
     .c16 {
       font-family: 'Montserrat',Helvetica,Arial,sans-serif;
       font-weight: 400;
@@ -89,6 +104,11 @@ it('renders correctly', () => {
       line-height: 1.25rem;
     }
 
+    .c16 span {
+      font-size: inherit;
+      line-height: inherit;
+    }
+
     .c23 {
       font-family: 'Montserrat',Helvetica,Arial,sans-serif;
       font-weight: 400;
@@ -107,6 +127,11 @@ it('renders correctly', () => {
       font-weight: 500;
     }
 
+    .c23 span {
+      font-size: inherit;
+      line-height: inherit;
+    }
+
     .c1 {
       display: block;
       width: 100%;
@@ -572,15 +597,11 @@ it('renders correctly', () => {
         >
           <h2
             className="c6"
-            color="inherit"
-            size="l"
           >
             Help someone like Jordan see a better tomorrow
           </h2>
           <p
             className="c7"
-            color="inherit"
-            size="s"
           >
             Jordan was close to suicide - which is now the biggest killer of men under 45 in the UK. Join now and help save lives.
           </p>
@@ -600,8 +621,6 @@ it('renders correctly', () => {
               >
                 <h3
                   className="c12"
-                  color="inherit"
-                  size="s"
                 >
                   Choose your monthly donation
                 </h3>
@@ -615,7 +634,6 @@ it('renders correctly', () => {
                 >
                   <span
                     className="c16 c17"
-                    color="inherit"
                     dangerouslySetInnerHTML={
                       Object {
                         "__html": "",
@@ -652,7 +670,6 @@ it('renders correctly', () => {
                 >
                   <span
                     className="c16 c17"
-                    color="inherit"
                     dangerouslySetInnerHTML={
                       Object {
                         "__html": "",
@@ -689,7 +706,6 @@ it('renders correctly', () => {
                 >
                   <span
                     className="c16 c17"
-                    color="inherit"
                     dangerouslySetInnerHTML={
                       Object {
                         "__html": "",
@@ -726,8 +742,6 @@ it('renders correctly', () => {
               >
                 <span
                   className="c23 c24"
-                  color="inherit"
-                  size="s"
                 >
                   Other amount
                 </span>
@@ -737,7 +751,6 @@ it('renders correctly', () => {
                 >
                   <span
                     className="c16 c17"
-                    color="inherit"
                     dangerouslySetInnerHTML={
                       Object {
                         "__html": "£",

package/src/components/Organisms/WYMDCarousel/__snapshots__/WYMDCarousel.test.js.snap

@@ -357,6 +357,11 @@ exports[`renders correctly:
   font-weight: bold;
 }
 
+.c1 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c3 {
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
@@ -376,6 +381,11 @@ exports[`renders correctly:
   color: #E52630;
 }
 
+.c3 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c5 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -388,6 +398,11 @@ exports[`renders correctly:
   line-height: 1.25rem;
 }
 
+.c5 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c2 {
   width: 75%;
   margin: 0 auto;
@@ -719,19 +734,16 @@ exports[`renders correctly:
 >
   <p
     className="c1 c2"
-    color="inherit"
   >
     Over the past two years, we’ve supported
   </p>
   <h1
     className="c3 c4"
-    color="red"
   >
     11.7 million people
   </h1>
   <p
     className="c5 c6"
-    color="inherit"
   >
     including...
   </p>