npm - @comicrelief/component-library - Versions diffs - 8.44.1 → 8.44.3 - Mend

@comicrelief/component-library 8.44.1 → 8.44.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (99) hide show

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

@@ -13,6 +13,16 @@ exports[`renders correctly 1`] = `
   line-height: 1.5rem;
 }
+.c12 {
+  font-size: 1rem;
+  line-height: normal;
+}
+.c12 span {
+  font-size: inherit;
+  line-height: inherit;
+}
 .c15 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -26,10 +36,17 @@ exports[`renders correctly 1`] = `
 }
 .c15 {
+  font-size: 1rem;
+  line-height: normal;
   font-weight: bold;
   color: #FFFFFF;
 }
+.c15 span {
+  font-size: inherit;
+  line-height: inherit;
+}
 .c20 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -43,9 +60,16 @@ exports[`renders correctly 1`] = `
 }
 .c20 {
+  font-size: 1rem;
+  line-height: normal;
   color: #FFFFFF;
 }
+.c20 span {
+  font-size: inherit;
+  line-height: inherit;
+}
 .c25 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -59,9 +83,16 @@ exports[`renders correctly 1`] = `
 }
 .c25 {
+  font-size: 1rem;
+  line-height: normal;
   color: #969598;
 }
+.c25 span {
+  font-size: inherit;
+  line-height: inherit;
+}
 .c10 {
   object-fit: cover;
   width: 100%;
@@ -739,6 +770,7 @@ exports[`renders correctly 1`] = `
           className="c12"
           color="inherit"
           id="footer-menu"
+          size="s"
         >
           Footer navigation
         </h2>
@@ -753,6 +785,7 @@ exports[`renders correctly 1`] = `
             <span
               className="c15"
               color="white"
+              size="s"
             >
               Hear from us
             </span>
@@ -775,6 +808,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     Get the newsletter
                   </span>
@@ -794,6 +828,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     How we contact you
                   </span>
@@ -808,6 +843,7 @@ exports[`renders correctly 1`] = `
             <span
               className="c15"
               color="white"
+              size="s"
             >
               Get in touch
             </span>
@@ -830,6 +866,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     Contact us
                   </span>
@@ -849,6 +886,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     Your Gift Aid
                   </span>
@@ -868,6 +906,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     FAQs
                   </span>
@@ -887,6 +926,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     Red Nose Day 2019 FAQs
                   </span>
@@ -901,6 +941,7 @@ exports[`renders correctly 1`] = `
             <span
               className="c15"
               color="white"
+              size="s"
             >
               About us
             </span>
@@ -923,6 +964,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     Mission
                   </span>
@@ -942,6 +984,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     Our history
                   </span>
@@ -961,6 +1004,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     Finances
                   </span>
@@ -980,6 +1024,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     Partners
                   </span>
@@ -999,6 +1044,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     Meet the team
                   </span>
@@ -1018,6 +1064,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     Sport Relief
                   </span>
@@ -1032,6 +1079,7 @@ exports[`renders correctly 1`] = `
             <span
               className="c15"
               color="white"
+              size="s"
             >
               Careers
             </span>
@@ -1054,6 +1102,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     Working at Comic Relief
                   </span>
@@ -1073,6 +1122,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     Open roles
                   </span>
@@ -1087,6 +1137,7 @@ exports[`renders correctly 1`] = `
             <span
               className="c15"
               color="white"
+              size="s"
             >
               News
             </span>
@@ -1109,6 +1160,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     News
                   </span>
@@ -1128,6 +1180,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     Press area
                   </span>
@@ -1142,6 +1195,7 @@ exports[`renders correctly 1`] = `
             <span
               className="c15"
               color="white"
+              size="s"
             >
               Legal
             </span>
@@ -1164,6 +1218,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     Link comp with both URL and Ref
                   </span>
@@ -1183,6 +1238,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     Link comp with only Ref
                   </span>
@@ -1202,6 +1258,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     Link comp with only URL
                   </span>
@@ -1226,6 +1283,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     Test allowListed external link
                   </span>
@@ -1245,6 +1303,7 @@ exports[`renders correctly 1`] = `
                   <span
                     className="c20"
                     color="white"
+                    size="s"
                   >
                     Test non-allowListed external link
                   </span>
@@ -1265,6 +1324,7 @@ 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/Header/HeaderNav/HeaderNav.js CHANGED Viewed

@@ -85,7 +85,7 @@ const HeaderNav = ({
   return (
     <>
       <Nav aria-label="main-menu" isExpandable={isExpandable} role="navigation">
-        <Text id="main-menu" tag="h2">
+        <Text id="main-menu" tag="h2" size="s">
           Main navigation
         </Text>

package/src/components/Organisms/Header/Nav/Nav.js CHANGED Viewed

@@ -65,7 +65,7 @@ const MainNav = ({ navItems = {} }) => {
   return (
     <>
       <Nav aria-label="main-menu" isExpandable={isExpandable} role="navigation">
-        <Text id="main-menu" tag="h2">
+        <Text id="main-menu" tag="h2" size="s">
           Main navigation
         </Text>

package/src/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.js CHANGED Viewed

@@ -113,7 +113,7 @@ const HeaderNav2025 = ({
   return (
     <>
       <Nav aria-label="main-menu" isExpandable={isExpandable} role="navigation" id="main-nav">
-        <Text id="main-menu" tag="h2">
+        <Text id="main-menu" tag="h2" size="s">
           Main navigation
         </Text>

package/src/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.style.js CHANGED Viewed

@@ -32,7 +32,7 @@ const NavLinkClass = styled(Link)`
     :focus {
       color: ${({ theme }) => theme.color('red')};
       background-color: ${({ theme }) => theme.color('grey_extra_light')};
-      font-weight: inherit;
+      font-weight: 700;
     }
     :focus-within {

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

@@ -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/MarketingPreferencesDS/MarketingPreferencesDSForm.js CHANGED Viewed

@@ -64,7 +64,7 @@ const MarketingPreferencesDSForm = () => {
   return (
     <>
-      <Text tag="p" weight="bold">Our default instance:</Text>
+      <Text tag="p" weight="bold" size="s">Our default instance:</Text>
       <FormProvider {...formMethods}>
         <form onSubmit={handleSubmit(customSubmitHandler)} noValidate>
           <MarketingPreferencesDS
@@ -78,7 +78,7 @@ const MarketingPreferencesDSForm = () => {
       <Text tag="h3" size="xl">- - - - - - - - - - - - - </Text>
-      <Text tag="p" weight="bold">Our customised instance:</Text>
+      <Text tag="p" weight="bold" size="s">Our customised instance:</Text>
       <FormProvider {...formMethodsCustom}>
         <form onSubmit={handleSubmitCustom(customSubmitHandler)} noValidate>
           <MarketingPreferencesDS

package/src/components/Organisms/Membership/Form/Form.js CHANGED Viewed

@@ -153,7 +153,7 @@ const Signup = ({
       >
         <OuterFieldset>
           <Legend>
-            <Text tag="h3">Choose your monthly donation</Text>
+            <Text tag="h3" size="s">Choose your monthly donation</Text>
           </Legend>
           <MoneyBuys>{MoneyBoxes}</MoneyBuys>
           <FormFieldset>

package/src/components/Organisms/Membership/Membership.js CHANGED Viewed

@@ -43,7 +43,7 @@ const Membership = ({
         <Text tag="h2" size="l" weight="800">
           {title}
         </Text>
-        <Text tag="p">{subtitle}</Text>
+        <Text tag="p" size="s">{subtitle}</Text>
       </Header>
       <Form
         data={data}