@comicrelief/component-library 8.44.3 → 8.44.4

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

@@ -190,8 +190,6 @@ exports[`renders Single Message with 100% vertical height image correctly 1`] =
   >
     <p
       className="c6"
-      color="white"
-      size="xxl"
     >
       “The creativity that goes into helping people have a better life is extraordinary.”
     </p>
@@ -469,15 +467,11 @@ exports[`renders Single Message with Image correctly 1`] = `
   >
     <h1
       className="c6"
-      color="white"
-      size="xxl"
     >
       title
     </h1>
     <p
       className="c7"
-      color="white"
-      size="s"
     >
       description
     </p>
@@ -733,8 +727,6 @@ exports[`renders Single Message with double image correctly 1`] = `
   >
     <p
       className="c6"
-      color="black"
-      size="xxl"
     >
       “The creativity that goes into helping people have a better life is extraordinary.”
     </p>
@@ -1035,15 +1027,11 @@ exports[`renders Single Message with full width correctly 1`] = `
   >
     <h1
       className="c6"
-      color="white"
-      size="xxl"
     >
       title
     </h1>
     <p
       className="c7"
-      color="white"
-      size="s"
     >
       description
     </p>
@@ -1343,8 +1331,6 @@ exports[`renders Single Message with no Image correctly 1`] = `
   >
     <p
       className="c2"
-      color="white"
-      size="xxl"
     >
       “The creativity that goes into helping people have a better life is extraordinary.”
     </p>

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

@@ -347,15 +347,11 @@ exports[`renders correctly 1`] = `
   >
     <span
       className="c6 c7"
-      color="blue_dark"
-      size="s"
     >
       Subtitle
     </span>
     <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

@@ -140,7 +140,6 @@ exports[`renders correctly 1`] = `
   >
     <span
       className="c2 c3"
-      color="inherit"
       dangerouslySetInnerHTML={
         Object {
           "__html": "Typeahead test",

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

@@ -177,7 +177,6 @@ it('renders correctly', () => {
     >
       <p
         className="c1 c2"
-        color="white"
       >
         Hello! Comic Relief uses cookies to help make this website better and improve our services. You can learn more about
         <a
@@ -193,7 +192,6 @@ it('renders correctly', () => {
       </p>
       <p
         className="c1 c2"
-        color="white"
       >
         <a
           className="c5 c6"

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

@@ -665,15 +665,11 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
       >
         <h2
           className="c4"
-          color="white"
-          size="big"
         >
           Donate Now
         </h2>
         <p
           className="c5"
-          color="white"
-          size="m"
         >
           Please help us fund life-changing projects in the UK and around the world.
         </p>
@@ -737,8 +733,6 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
           >
             <span
               className="c16"
-              color="inherit"
-              size="l"
             >
               Enter an amount to give
             </span>
@@ -752,7 +746,6 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
             >
               <span
                 className="c20 c21"
-                color="inherit"
                 dangerouslySetInnerHTML={
                   Object {
                     "__html": "£",
@@ -1473,15 +1466,11 @@ exports[`Monthly donation renders correctly 1`] = `
       >
         <h2
           className="c4"
-          color="white"
-          size="big"
         >
           Donate Now
         </h2>
         <p
           className="c5"
-          color="white"
-          size="m"
         >
           Please help us fund life-changing projects in the UK and around the world.
         </p>
@@ -1545,8 +1534,6 @@ exports[`Monthly donation renders correctly 1`] = `
           >
             <span
               className="c15"
-              color="inherit"
-              size="l"
             >
               Choose an amount to give
             </span>
@@ -1556,8 +1543,6 @@ exports[`Monthly donation renders correctly 1`] = `
           >
             <span
               className="c17 c18"
-              color="inherit"
-              size="s"
             >
               Other amount
             </span>
@@ -1567,7 +1552,6 @@ exports[`Monthly donation renders correctly 1`] = `
             >
               <span
                 className="c21 c22"
-                color="inherit"
                 dangerouslySetInnerHTML={
                   Object {
                     "__html": "£",
@@ -2306,15 +2290,11 @@ exports[`Single donation renders correctly 1`] = `
       >
         <h2
           className="c4"
-          color="white"
-          size="big"
         >
           Donate Now
         </h2>
         <p
           className="c5"
-          color="white"
-          size="m"
         >
           Please help us fund life-changing projects in the UK and around the world.
         </p>
@@ -2335,8 +2315,6 @@ exports[`Single donation renders correctly 1`] = `
           >
             <span
               className="c10"
-              color="inherit"
-              size="l"
             >
               Choose an amount to give
             </span>
@@ -2350,7 +2328,6 @@ exports[`Single donation renders correctly 1`] = `
             >
               <span
                 className="c14 c15"
-                color="inherit"
                 dangerouslySetInnerHTML={
                   Object {
                     "__html": "",
@@ -2387,7 +2364,6 @@ exports[`Single donation renders correctly 1`] = `
             >
               <span
                 className="c14 c15"
-                color="inherit"
                 dangerouslySetInnerHTML={
                   Object {
                     "__html": "",
@@ -2424,7 +2400,6 @@ exports[`Single donation renders correctly 1`] = `
             >
               <span
                 className="c14 c15"
-                color="inherit"
                 dangerouslySetInnerHTML={
                   Object {
                     "__html": "",
@@ -2461,8 +2436,6 @@ exports[`Single donation renders correctly 1`] = `
           >
             <span
               className="c21 c22"
-              color="inherit"
-              size="s"
             >
               Other amount
             </span>
@@ -2472,7 +2445,6 @@ exports[`Single donation renders correctly 1`] = `
             >
               <span
                 className="c14 c15"
-                color="inherit"
                 dangerouslySetInnerHTML={
                   Object {
                     "__html": "£",
@@ -3045,15 +3017,11 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
       >
         <h2
           className="c4"
-          color="white"
-          size="big"
         >
           Donate Now
         </h2>
         <p
           className="c5"
-          color="white"
-          size="m"
         >
           Please help us fund life-changing projects in the UK and around the world.
         </p>
@@ -3074,8 +3042,6 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
           >
             <span
               className="c10"
-              color="inherit"
-              size="l"
             >
               Overridden via the 'choose amount text' props
             </span>
@@ -3089,7 +3055,6 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
             >
               <span
                 className="c14 c15"
-                color="inherit"
                 dangerouslySetInnerHTML={
                   Object {
                     "__html": "£",

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

@@ -342,8 +342,6 @@ exports[`renders correctly 1`] = `
   >
     <h2
       className="c1 c2"
-      color="inherit"
-      size="xxl"
     >
       sign up letter
     </h2>
@@ -352,7 +350,6 @@ exports[`renders correctly 1`] = `
     >
       <span
         className="c4"
-        color="inherit"
       >
         <div
           className="c5"
@@ -376,7 +373,6 @@ exports[`renders correctly 1`] = `
         >
           <span
             className="c4 c10"
-            color="inherit"
             dangerouslySetInnerHTML={
               Object {
                 "__html": "First Name",
@@ -412,7 +408,6 @@ exports[`renders correctly 1`] = `
         >
           <span
             className="c4 c10"
-            color="inherit"
             dangerouslySetInnerHTML={
               Object {
                 "__html": "Last Name",
@@ -449,7 +444,6 @@ exports[`renders correctly 1`] = `
       >
         <span
           className="c4 c10"
-          color="inherit"
           dangerouslySetInnerHTML={
             Object {
               "__html": "Email Address",
@@ -490,7 +484,6 @@ exports[`renders correctly 1`] = `
         >
           <span
             className="c4"
-            color="inherit"
           >
             Subscribe
           </span>
@@ -505,7 +498,6 @@ exports[`renders correctly 1`] = `
     >
       <span
         className="c4"
-        color="inherit"
       >
         <div
           className="c5"

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

@@ -768,9 +768,7 @@ exports[`renders correctly 1`] = `
       >
         <h2
           className="c12"
-          color="inherit"
           id="footer-menu"
-          size="s"
         >
           Footer navigation
         </h2>
@@ -784,8 +782,6 @@ exports[`renders correctly 1`] = `
           >
             <span
               className="c15"
-              color="white"
-              size="s"
             >
               Hear from us
             </span>
@@ -807,8 +803,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Get the newsletter
                   </span>
@@ -827,8 +821,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     How we contact you
                   </span>
@@ -842,8 +834,6 @@ exports[`renders correctly 1`] = `
           >
             <span
               className="c15"
-              color="white"
-              size="s"
             >
               Get in touch
             </span>
@@ -865,8 +855,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Contact us
                   </span>
@@ -885,8 +873,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Your Gift Aid
                   </span>
@@ -905,8 +891,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     FAQs
                   </span>
@@ -925,8 +909,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Red Nose Day 2019 FAQs
                   </span>
@@ -940,8 +922,6 @@ exports[`renders correctly 1`] = `
           >
             <span
               className="c15"
-              color="white"
-              size="s"
             >
               About us
             </span>
@@ -963,8 +943,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Mission
                   </span>
@@ -983,8 +961,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Our history
                   </span>
@@ -1003,8 +979,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Finances
                   </span>
@@ -1023,8 +997,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Partners
                   </span>
@@ -1043,8 +1015,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Meet the team
                   </span>
@@ -1063,8 +1033,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Sport Relief
                   </span>
@@ -1078,8 +1046,6 @@ exports[`renders correctly 1`] = `
           >
             <span
               className="c15"
-              color="white"
-              size="s"
             >
               Careers
             </span>
@@ -1101,8 +1067,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Working at Comic Relief
                   </span>
@@ -1121,8 +1085,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Open roles
                   </span>
@@ -1136,8 +1098,6 @@ exports[`renders correctly 1`] = `
           >
             <span
               className="c15"
-              color="white"
-              size="s"
             >
               News
             </span>
@@ -1159,8 +1119,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     News
                   </span>
@@ -1179,8 +1137,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Press area
                   </span>
@@ -1194,8 +1150,6 @@ exports[`renders correctly 1`] = `
           >
             <span
               className="c15"
-              color="white"
-              size="s"
             >
               Legal
             </span>
@@ -1217,8 +1171,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Link comp with both URL and Ref
                   </span>
@@ -1237,8 +1189,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Link comp with only Ref
                   </span>
@@ -1257,8 +1207,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Link comp with only URL
                   </span>
@@ -1282,8 +1230,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Test allowListed external link
                   </span>
@@ -1302,8 +1248,6 @@ exports[`renders correctly 1`] = `
                 >
                   <span
                     className="c20"
-                    color="white"
-                    size="s"
                   >
                     Test non-allowListed external link
                   </span>
@@ -1323,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/dist/components/Organisms/Membership/Membership.test.js

@@ -595,15 +595,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>
@@ -623,8 +619,6 @@ it('renders correctly', () => {
               >
                 <h3
                   className="c12"
-                  color="inherit"
-                  size="s"
                 >
                   Choose your monthly donation
                 </h3>
@@ -638,7 +632,6 @@ it('renders correctly', () => {
                 >
                   <span
                     className="c16 c17"
-                    color="inherit"
                     dangerouslySetInnerHTML={
                       Object {
                         "__html": "",
@@ -675,7 +668,6 @@ it('renders correctly', () => {
                 >
                   <span
                     className="c16 c17"
-                    color="inherit"
                     dangerouslySetInnerHTML={
                       Object {
                         "__html": "",
@@ -712,7 +704,6 @@ it('renders correctly', () => {
                 >
                   <span
                     className="c16 c17"
-                    color="inherit"
                     dangerouslySetInnerHTML={
                       Object {
                         "__html": "",
@@ -749,8 +740,6 @@ it('renders correctly', () => {
               >
                 <span
                   className="c23 c24"
-                  color="inherit"
-                  size="s"
                 >
                   Other amount
                 </span>
@@ -760,7 +749,6 @@ it('renders correctly', () => {
                 >
                   <span
                     className="c16 c17"
-                    color="inherit"
                     dangerouslySetInnerHTML={
                       Object {
                         "__html": "£",

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

@@ -734,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>

package/package.json

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

package/src/components/Atoms/Checkbox/Checkbox.test.js

@@ -113,8 +113,6 @@ it('renders correctly', () => {
         <span />
         <span
           className="c2"
-          color="inherit"
-          size="s"
         >
           Tennis
         </span>
@@ -219,8 +217,6 @@ it('renders correctly', () => {
         <span />
         <span
           className="c2"
-          color="inherit"
-          size="s"
         >
           Handball
         </span>

package/src/components/Atoms/ErrorText/__snapshots__/ErrorText.test.js.snap

@@ -48,8 +48,6 @@ exports[`renders correctly 1`] = `
 
 <span
   className="c0"
-  color="red"
-  size="error"
 >
   <span
     className="c1"