@comicrelief/component-library 8.49.0 → 8.50.0

package/src/components/Molecules/{CTAMultiCard → OLD_CTAMultiCard}/__snapshots__/CTAMultiCard.test.js.snap

@@ -317,6 +317,7 @@ exports[`handles data structure correctly 1`] = `
     -ms-flex-preferred-size: calc(50% - 1rem);
     flex-basis: calc(50% - 1rem);
     max-width: 564px;
+    height: 100%;
     -webkit-align-self: stretch;
     -ms-flex-item-align: stretch;
     align-self: stretch;
@@ -329,6 +330,7 @@ exports[`handles data structure correctly 1`] = `
     -ms-flex-preferred-size: unset;
     flex-basis: unset;
     max-width: 564px;
+    height: 100%;
     -webkit-align-self: stretch;
     -ms-flex-item-align: stretch;
     align-self: stretch;
@@ -869,6 +871,7 @@ exports[`renders 2 columns layout correctly 1`] = `
     -ms-flex-preferred-size: calc(50% - 1rem);
     flex-basis: calc(50% - 1rem);
     max-width: 564px;
+    height: 100%;
     -webkit-align-self: stretch;
     -ms-flex-item-align: stretch;
     align-self: stretch;
@@ -881,6 +884,7 @@ exports[`renders 2 columns layout correctly 1`] = `
     -ms-flex-preferred-size: unset;
     flex-basis: unset;
     max-width: 564px;
+    height: 100%;
     -webkit-align-self: stretch;
     -ms-flex-item-align: stretch;
     align-self: stretch;
@@ -1472,6 +1476,7 @@ exports[`renders carousel mode correctly 1`] = `
     -ms-flex-preferred-size: calc(50% - 1rem);
     flex-basis: calc(50% - 1rem);
     max-width: 564px;
+    height: 100%;
     -webkit-align-self: stretch;
     -ms-flex-item-align: stretch;
     align-self: stretch;
@@ -1484,6 +1489,7 @@ exports[`renders carousel mode correctly 1`] = `
     -ms-flex-preferred-size: unset;
     flex-basis: unset;
     max-width: 564px;
+    height: 100%;
     -webkit-align-self: stretch;
     -ms-flex-item-align: stretch;
     align-self: stretch;
@@ -2038,6 +2044,7 @@ exports[`renders correctly with data prop 1`] = `
     -ms-flex-preferred-size: calc(50% - 1rem);
     flex-basis: calc(50% - 1rem);
     max-width: 564px;
+    height: 100%;
     -webkit-align-self: stretch;
     -ms-flex-item-align: stretch;
     align-self: stretch;
@@ -2050,6 +2057,7 @@ exports[`renders correctly with data prop 1`] = `
     -ms-flex-preferred-size: unset;
     flex-basis: unset;
     max-width: 564px;
+    height: 100%;
     -webkit-align-self: stretch;
     -ms-flex-item-align: stretch;
     align-self: stretch;

package/src/components/Molecules/Promo/__snapshots__/Promo.test.js.snap

@@ -76,7 +76,7 @@ exports[`renders Promo correctly 1`] = `
   text-decoration: none;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
-  min-height: 2.5em;
+  height: 2.5rem;
   width: 100%;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
@@ -426,7 +426,7 @@ exports[`renders Promo correctly end position 1`] = `
   text-decoration: none;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
-  min-height: 2.5em;
+  height: 2.5rem;
   width: 100%;
   -webkit-box-pack: center;
   -webkit-justify-content: center;

package/src/components/Molecules/SearchResult/SearchResult.js

@@ -84,10 +84,10 @@ const SearchResult = ({
         />
       </ImageWrapper>
       <CopyWrapper>
-        <Text size="xs" uppercase>
+        <Text size="xs">
           {`${type ? ` ${type} |` : ''} ${date}`}
         </Text>
-        <Title size="xl" tag="h3" uppercase>
+        <Title size="xl" tag="h3">
           {title}
         </Title>
         {copy && (

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

@@ -16,7 +16,6 @@ exports[`renders correctly in minimalist form 1`] = `
 .c7 {
   font-size: 0.75rem;
   line-height: normal;
-  text-transform: uppercase;
 }
 
 .c7 span {
@@ -39,7 +38,6 @@ exports[`renders correctly in minimalist form 1`] = `
 .c8 {
   font-size: 2rem;
   line-height: normal;
-  text-transform: uppercase;
 }
 
 .c8 span {
@@ -236,7 +234,6 @@ exports[`renders correctly with copy 1`] = `
 .c7 {
   font-size: 0.75rem;
   line-height: normal;
-  text-transform: uppercase;
 }
 
 .c7 span {
@@ -259,7 +256,6 @@ exports[`renders correctly with copy 1`] = `
 .c8 {
   font-size: 2rem;
   line-height: normal;
-  text-transform: uppercase;
 }
 
 .c8 span {
@@ -496,7 +492,6 @@ exports[`renders correctly with date 1`] = `
 .c7 {
   font-size: 0.75rem;
   line-height: normal;
-  text-transform: uppercase;
 }
 
 .c7 span {
@@ -519,7 +514,6 @@ exports[`renders correctly with date 1`] = `
 .c8 {
   font-size: 2rem;
   line-height: normal;
-  text-transform: uppercase;
 }
 
 .c8 span {
@@ -716,7 +710,6 @@ exports[`renders correctly with date and type 1`] = `
 .c7 {
   font-size: 0.75rem;
   line-height: normal;
-  text-transform: uppercase;
 }
 
 .c7 span {
@@ -739,7 +732,6 @@ exports[`renders correctly with date and type 1`] = `
 .c8 {
   font-size: 2rem;
   line-height: normal;
-  text-transform: uppercase;
 }
 
 .c8 span {

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

@@ -268,7 +268,7 @@ exports[`renders Single Message with Image correctly 1`] = `
   text-decoration: none;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
-  min-height: 2.5em;
+  height: 2.5rem;
   width: 100%;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
@@ -829,7 +829,7 @@ exports[`renders Single Message with full width correctly 1`] = `
   text-decoration: none;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
-  min-height: 2.5em;
+  height: 2.5rem;
   width: 100%;
   -webkit-box-pack: center;
   -webkit-justify-content: center;

package/src/components/Molecules/SingleMessageDS/SingleMessageDs.style.js

@@ -19,7 +19,6 @@ const Container = styled.div`
 
 const Subtitle = styled(Text)`
   letter-spacing: 0.03em;
-  text-transform: uppercase;
 `;
 
 const Image = styled.div`

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

@@ -84,7 +84,7 @@ exports[`renders correctly 1`] = `
   text-decoration: none;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
-  min-height: 2.5em;
+  height: 2.5rem;
   width: 100%;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
@@ -149,7 +149,6 @@ exports[`renders correctly 1`] = `
   -moz-letter-spacing: 0.03em;
   -ms-letter-spacing: 0.03em;
   letter-spacing: 0.03em;
-  text-transform: uppercase;
 }
 
 .c2 {

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

@@ -64,7 +64,7 @@ it('renders correctly', () => {
       text-decoration: none;
       -webkit-transition: all 0.2s;
       transition: all 0.2s;
-      min-height: 2.5em;
+      height: 2.5rem;
       width: 100%;
       -webkit-box-pack: center;
       -webkit-justify-content: center;

package/src/components/Organisms/Donate/Donate.js

@@ -129,7 +129,7 @@ const Donate = ({
                 size="big"
                 family="Anton"
                 weight="normal"
-                uppercase
+
               >
                 {thisTitle}
               </Text>

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

@@ -18,7 +18,6 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   line-height: normal;
   font-family: 'Anton',Impact,sans-serif;
   font-weight: normal;
-  text-transform: uppercase;
   color: #FFFFFF;
 }
 
@@ -821,7 +820,6 @@ exports[`Monthly donation renders correctly 1`] = `
   line-height: normal;
   font-family: 'Anton',Impact,sans-serif;
   font-weight: normal;
-  text-transform: uppercase;
   color: #FFFFFF;
 }
 
@@ -1626,7 +1624,6 @@ exports[`Single donation renders correctly 1`] = `
   line-height: normal;
   font-family: 'Anton',Impact,sans-serif;
   font-weight: normal;
-  text-transform: uppercase;
   color: #FFFFFF;
 }
 
@@ -2520,7 +2517,6 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   line-height: normal;
   font-family: 'Anton',Impact,sans-serif;
   font-weight: normal;
-  text-transform: uppercase;
   color: #FFFFFF;
 }
 

package/src/components/Organisms/EmailSignUp/_EmailSignUp.js

@@ -50,7 +50,7 @@ const EmailSignUp = ({
       containerPadding={containerPadding}
       {...rest}
     >
-      <Title tag="h2" size="xxl" weight="400" family="Anton" uppercase>
+      <Title tag="h2" size="xxl" weight="400" family="Anton">
         {title}
       </Title>
       {!isSubmitted ? (

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

@@ -18,7 +18,6 @@ exports[`renders correctly 1`] = `
   line-height: normal;
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
-  text-transform: uppercase;
 }
 
 .c1 span {
@@ -53,7 +52,7 @@ exports[`renders correctly 1`] = `
   text-decoration: none;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
-  min-height: 2.5rem;
+  height: 2.5rem;
   width: 100%;
   -webkit-box-pack: center;
   -webkit-justify-content: center;

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

@@ -70,7 +70,7 @@ exports[`renders correctly 1`] = `
   text-decoration: none;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
-  min-height: 2.5rem;
+  height: 2.5rem;
   width: 100%;
   -webkit-box-pack: center;
   -webkit-justify-content: center;

package/src/components/Organisms/ImpactSlider/ImpactSlider.js

@@ -30,7 +30,7 @@ const ImpactSlider = ({
   return (
     <OuterWrapper backgroundColour={backgroundColour} id={rowID}>
       <InnerWrapper>
-        <Text tag="h1" family="Anton" uppercase weight="normal" size="xl">{heading}</Text>
+        <Text tag="h1" family="Anton" weight="normal" size="xl">{heading}</Text>
         <Copy>
           {children}
         </Copy>

package/src/components/Organisms/ImpactSlider/_ImpactMoneybuys.js

@@ -15,7 +15,7 @@ const Moneybuys = ({ items, currentAmount, opacityAnimation }) => (
         <Fragment key={item.poundsPerItem}>
           <Moneybuy isInactive={isInactive} data-testid={`impact-slider--moneybuy-${index + 1}`}>
             <MoneybuyImage imageURL={item.imageURL} />
-            <MoneybuyAmount tag="p" family="Anton" uppercase weight="normal" size="xl" data-testid="moneybuy-amount">{thisAmount}</MoneybuyAmount>
+            <MoneybuyAmount tag="p" family="Anton" weight="normal" size="xl" data-testid="moneybuy-amount">{thisAmount}</MoneybuyAmount>
             <MoneybuyDescription tag="p" size="s" data-testid="moneybuy-description">{item.description}</MoneybuyDescription>
           </Moneybuy>
           { index < (items.length - 1) && (

package/src/components/Organisms/WYMDCarousel/WYMDCarousel.js

@@ -67,7 +67,7 @@ const WYMDCarousel = ({ data, data: { autoPlay, contentful_id: thisID } }) => {
         { data.headerCopy}
       </Heading>
 
-      <PeopleHelpedText tag="h1" family="Anton" uppercase weight="normal" color="red">
+      <PeopleHelpedText tag="h1" family="Anton" weight="normal" color="red">
         { data.peopleHelpedText}
       </PeopleHelpedText>
 
@@ -111,7 +111,7 @@ const WYMDCarousel = ({ data, data: { autoPlay, contentful_id: thisID } }) => {
 
                 <div className="all-text-wrapper">
                   <AmountWrapper>
-                    <Text tag="h1" family="Anton" uppercase weight="normal" size="s">
+                    <Text tag="h1" family="Anton" weight="normal" size="s">
                       {theseItems[key].amount}
                     </Text>
                   </AmountWrapper>

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

@@ -377,7 +377,6 @@ exports[`renders correctly:
 .c3 {
   font-family: 'Anton',Impact,sans-serif;
   font-weight: normal;
-  text-transform: uppercase;
   color: #E52630;
 }
 

package/src/index.js

@@ -38,7 +38,8 @@ export { default as InfoBanner } from './components/Molecules/InfoBanner/InfoBan
 export { default as SingleMessage } from './components/Molecules/SingleMessage/SingleMessage';
 export { default as Card } from './components/Molecules/Card/Card';
 export { default as CardDs } from './components/Molecules/CardDs/CardDs';
-export { default as CTAMultiCard } from './components/Molecules/CTAMultiCard/CTAMultiCard';
+export { default as CTAMultiCard } from './components/Molecules/CTA/CTAMultiCard/CTAMultiCard';
+export { default as CTASingleCard } from './components/Molecules/CTA/CTASingleCard/CTASingleCard';
 export { default as Box } from './components/Molecules/Box/Box';
 export { default as ArticleTeaser } from './components/Molecules/ArticleTeaser/ArticleTeaser';
 export { default as Header } from './components/Organisms/Header/Header';