@comicrelief/component-library 8.44.2 → 8.44.3

package/dist/components/Molecules/SearchInput/SearchInput.test.js

@@ -26,6 +26,11 @@ it('renders correctly', () => {
       line-height: 1.25rem;
     }
 
+    .c6 span {
+      font-size: inherit;
+      line-height: inherit;
+    }
+
     .c4 {
       width: 100%;
       position: relative;

package/dist/components/Molecules/SearchResult/__snapshots__/SearchResult.test.js.snap

@@ -19,6 +19,11 @@ exports[`renders correctly in minimalist form 1`] = `
   text-transform: uppercase;
 }
 
+.c7 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c8 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
@@ -37,6 +42,11 @@ exports[`renders correctly in minimalist form 1`] = `
   text-transform: uppercase;
 }
 
+.c8 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c4 {
   display: block;
   width: 100%;
@@ -233,6 +243,11 @@ exports[`renders correctly with copy 1`] = `
   text-transform: uppercase;
 }
 
+.c7 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c8 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
@@ -251,6 +266,11 @@ exports[`renders correctly with copy 1`] = `
   text-transform: uppercase;
 }
 
+.c8 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c10 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -268,6 +288,11 @@ exports[`renders correctly with copy 1`] = `
   line-height: normal;
 }
 
+.c10 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c4 {
   display: block;
   width: 100%;
@@ -484,6 +509,11 @@ exports[`renders correctly with date 1`] = `
   text-transform: uppercase;
 }
 
+.c7 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c8 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
@@ -502,6 +532,11 @@ exports[`renders correctly with date 1`] = `
   text-transform: uppercase;
 }
 
+.c8 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c4 {
   display: block;
   width: 100%;
@@ -698,6 +733,11 @@ exports[`renders correctly with date and type 1`] = `
   text-transform: uppercase;
 }
 
+.c7 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c8 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
@@ -716,6 +756,11 @@ exports[`renders correctly with date and type 1`] = `
   text-transform: uppercase;
 }
 
+.c8 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c4 {
   display: block;
   width: 100%;

package/dist/components/Molecules/SingleMessage/SingleMessage.test.js

@@ -21,7 +21,8 @@ it('renders Single Message with Image correctly', () => {
     size: "xxl"
   }, "title"), /*#__PURE__*/_react.default.createElement(_Text.default, {
     tag: "p",
-    color: "white"
+    color: "white",
+    size: "s"
   }, "description"), /*#__PURE__*/_react.default.createElement(_Link.default, {
     href: "/",
     type: "button",
@@ -54,7 +55,8 @@ it('renders Single Message with full width correctly', () => {
     size: "xxl"
   }, "title"), /*#__PURE__*/_react.default.createElement(_Text.default, {
     tag: "p",
-    color: "white"
+    color: "white",
+    size: "s"
   }, "description"), /*#__PURE__*/_react.default.createElement(_Link.default, {
     href: "/",
     type: "button",

package/dist/components/Molecules/SingleMessage/__snapshots__/SingleMessage.test.js.snap

@@ -19,6 +19,11 @@ exports[`renders Single Message with 100% vertical height image correctly 1`] =
   color: #FFFFFF;
 }
 
+.c6 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c3 {
   display: block;
   width: 100%;
@@ -213,6 +218,11 @@ exports[`renders Single Message with Image correctly 1`] = `
   color: #FFFFFF;
 }
 
+.c6 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c7 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -226,9 +236,16 @@ exports[`renders Single Message with Image correctly 1`] = `
 }
 
 .c7 {
+  font-size: 1rem;
+  line-height: normal;
   color: #FFFFFF;
 }
 
+.c7 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c3 {
   display: block;
   width: 100%;
@@ -460,6 +477,7 @@ exports[`renders Single Message with Image correctly 1`] = `
     <p
       className="c7"
       color="white"
+      size="s"
     >
       description
     </p>
@@ -495,6 +513,11 @@ exports[`renders Single Message with double image correctly 1`] = `
   color: #000000;
 }
 
+.c6 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c3 {
   display: block;
   width: 100%;
@@ -738,6 +761,11 @@ exports[`renders Single Message with full width correctly 1`] = `
   color: #FFFFFF;
 }
 
+.c6 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c7 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -751,9 +779,16 @@ exports[`renders Single Message with full width correctly 1`] = `
 }
 
 .c7 {
+  font-size: 1rem;
+  line-height: normal;
   color: #FFFFFF;
 }
 
+.c7 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c3 {
   display: block;
   width: 100%;
@@ -1008,6 +1043,7 @@ exports[`renders Single Message with full width correctly 1`] = `
     <p
       className="c7"
       color="white"
+      size="s"
     >
       description
     </p>
@@ -1178,6 +1214,11 @@ exports[`renders Single Message with no Image correctly 1`] = `
   color: #FFFFFF;
 }
 
+.c2 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c0 {
   display: -webkit-box;
   display: -webkit-flex;

package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.test.js

@@ -25,7 +25,8 @@ it('renders correctly', () => {
     imageLeft: true,
     linkIcon: /*#__PURE__*/_react.default.createElement(_Download.default, null)
   }, /*#__PURE__*/_react.default.createElement(_Text.default, {
-    tag: "p"
+    tag: "p",
+    size: "s"
   }, "Whatever you\u2019ve got planned, the Sport Relief shop has everything you need to get you looking your best while you\u2019re raising some cash. Also available in Sainsbury\u2019s stores and online and in selected Argos stores."))).toJSON();
   expect(tree).toMatchSnapshot();
 });

package/dist/components/Molecules/SingleMessageDS/__snapshots__/SingleMessageDs.test.js.snap

@@ -21,6 +21,11 @@ exports[`renders correctly 1`] = `
   color: #274084;
 }
 
+.c6 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c8 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -33,6 +38,16 @@ exports[`renders correctly 1`] = `
   line-height: 1.25rem;
 }
 
+.c8 {
+  font-size: 1rem;
+  line-height: normal;
+}
+
+.c8 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c3 {
   display: block;
   width: 100%;
@@ -340,6 +355,7 @@ exports[`renders correctly 1`] = `
     <p
       className="c8"
       color="inherit"
+      size="s"
     >
       Whatever you’ve got planned, the Sport Relief shop has everything you need to get you looking your best while you’re raising some cash. Also available in Sainsbury’s stores and online and in selected Argos stores.
     </p>

package/dist/components/Molecules/Typeahead/__snapshots__/Typeahead.test.js.snap

@@ -13,6 +13,11 @@ exports[`renders correctly 1`] = `
   line-height: 1.25rem;
 }
 
+.c2 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c1 {
   width: 100%;
   position: relative;

package/dist/components/Organisms/CookieBanner/CookieBanner.test.js

@@ -34,6 +34,11 @@ it('renders correctly', () => {
       color: #FFFFFF;
     }
 
+    .c1 span {
+      font-size: inherit;
+      line-height: inherit;
+    }
+
     .c3 {
       position: relative;
       display: inline;

package/dist/components/Organisms/Donate/__snapshots__/Donate.test.js.snap

@@ -22,6 +22,11 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   color: #FFFFFF;
 }
 
+.c4 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c5 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -40,6 +45,11 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   color: #FFFFFF;
 }
 
+.c5 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c16 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -58,6 +68,11 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   font-weight: bold;
 }
 
+.c16 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c20 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -70,6 +85,11 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   line-height: 1.25rem;
 }
 
+.c20 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c18 {
   width: 100%;
   position: relative;
@@ -812,6 +832,11 @@ exports[`Monthly donation renders correctly 1`] = `
   color: #FFFFFF;
 }
 
+.c4 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c5 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -830,6 +855,11 @@ exports[`Monthly donation renders correctly 1`] = `
   color: #FFFFFF;
 }
 
+.c5 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c15 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -848,6 +878,11 @@ exports[`Monthly donation renders correctly 1`] = `
   font-weight: bold;
 }
 
+.c15 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c17 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -866,6 +901,11 @@ exports[`Monthly donation renders correctly 1`] = `
   font-weight: 500;
 }
 
+.c17 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c21 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -878,6 +918,11 @@ exports[`Monthly donation renders correctly 1`] = `
   line-height: 1.25rem;
 }
 
+.c21 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c19 {
   width: 100%;
   position: relative;
@@ -1601,6 +1646,11 @@ exports[`Single donation renders correctly 1`] = `
   color: #FFFFFF;
 }
 
+.c4 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c5 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -1619,6 +1669,11 @@ exports[`Single donation renders correctly 1`] = `
   color: #FFFFFF;
 }
 
+.c5 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c10 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -1637,6 +1692,11 @@ exports[`Single donation renders correctly 1`] = `
   font-weight: bold;
 }
 
+.c10 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c21 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -1655,6 +1715,11 @@ exports[`Single donation renders correctly 1`] = `
   font-weight: 500;
 }
 
+.c21 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c14 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -1667,6 +1732,11 @@ exports[`Single donation renders correctly 1`] = `
   line-height: 1.25rem;
 }
 
+.c14 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c12 {
   width: 100%;
   position: relative;
@@ -2482,6 +2552,11 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   color: #FFFFFF;
 }
 
+.c4 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c5 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -2500,6 +2575,11 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   color: #FFFFFF;
 }
 
+.c5 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c10 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -2518,6 +2598,11 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   font-weight: bold;
 }
 
+.c10 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c14 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -2530,6 +2615,11 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   line-height: 1.25rem;
 }
 
+.c14 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c12 {
   width: 100%;
   position: relative;

package/dist/components/Organisms/EmailSignUp/__snapshots__/EmailSignUp.test.js.snap

@@ -21,6 +21,11 @@ exports[`renders correctly 1`] = `
   text-transform: uppercase;
 }
 
+.c1 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c4 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
@@ -33,6 +38,11 @@ exports[`renders correctly 1`] = `
   line-height: 1.25rem;
 }
 
+.c4 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
 .c15 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;

package/dist/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%;

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

@@ -73,7 +73,9 @@ const HeaderNavItem2025 = _ref => {
       href: thisSubUrl,
       inline: true,
       role: "menuitem"
-    }, /*#__PURE__*/_react.default.createElement(_Text.default, null, child.title)));
+    }, /*#__PURE__*/_react.default.createElement(_Text.default, {
+      size: "s"
+    }, child.title)));
   })));
 };
 var _default = exports.default = HeaderNavItem2025;

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

@@ -41,6 +41,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;
@@ -58,6 +63,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;
@@ -75,6 +85,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;
@@ -87,6 +102,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;
@@ -105,6 +125,11 @@ it('renders correctly', () => {
       font-weight: 500;
     }
 
+    .c23 span {
+      font-size: inherit;
+      line-height: inherit;
+    }
+
     .c1 {
       display: block;
       width: 100%;

package/dist/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;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@comicrelief/component-library",
   "author": "Comic Relief Engineering Team",
-  "version": "8.44.2",
+  "version": "8.44.3",
   "main": "dist/index.js",
   "license": "ISC",
   "jest": {