@comicrelief/component-library 8.44.3 → 8.45.0

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/Footer.md

@@ -1,6 +1,7 @@
 # Footer
 
 ```js
+import Footer from './Footer';
 import data from './data/data';
 import footerCopy from './data/footerCopy';
 
@@ -9,19 +10,19 @@ import footerCopy from './data/footerCopy';
     <Footer navItems={data} footerCopy={footerCopy.copy} campaign="Comic Relief"  />
 
     <p>Overrides allowList functionality for external usage</p>
-    <Footer 
-      navItems={data} 
-      footerCopy={footerCopy.copy} 
-      campaign="Comic Relief" 
-      overrideallowList 
+    <Footer
+      navItems={data}
+      footerCopy={footerCopy.copy}
+      campaign="Comic Relief"
+      overrideallowList
     />
-    
+
     <p>Adding an additionalLegalLine to the top of the footer, add FR logo</p>
-    <Footer 
-      additionalLegalLine="CHICKEN RUN: DAWN OF THE NUGGET ™/ © Aardman. Netflix ™/© Netflix. Used with permission/Wallace & Gromit Ltd. All rights reserved/ Shaun the Sheep © & TM /Morph ©/TM Aardman Animations Ltd. All rights reserved." 
-      navItems={data} 
-      footerCopy={footerCopy.copy} 
-      campaign="Comic Relief" 
+    <Footer
+      additionalLegalLine="CHICKEN RUN: DAWN OF THE NUGGET ™/ © Aardman. Netflix ™/© Netflix. Used with permission/Wallace & Gromit Ltd. All rights reserved/ Shaun the Sheep © & TM /Morph ©/TM Aardman Animations Ltd. All rights reserved."
+      navItems={data}
+      footerCopy={footerCopy.copy}
+      campaign="Comic Relief"
       showFundraisingRegulatorLogo
     />
 </>

package/dist/components/Organisms/Footer/FundraisingRegulatorLogo/FundraisingRegulatorLogo.js

@@ -8,23 +8,43 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _spacing = _interopRequireDefault(require("../../../../theme/shared/spacing"));
+var _animations = require("../../../../theme/shared/animations");
 const FundraisingRegulatorWrapper = _styledComponents.default.div.withConfig({
   displayName: "FundraisingRegulatorLogo__FundraisingRegulatorWrapper",
   componentId: "sc-1ngdz4u-0"
-})(["width:75%;margin:", " 0;max-width:200px;img{display:block;}"], (0, _spacing.default)('lg'));
-const FundraisingRegulatorLogo = () => /*#__PURE__*/_react.default.createElement(FundraisingRegulatorWrapper, null, /*#__PURE__*/_react.default.createElement("a", {
-  href: "https://www.fundraisingregulator.org.uk/validate?registrant=COMIC+RELIEF",
-  className: "fr-digital-badge",
-  style: {
-    height: 'auto',
-    width: '150px',
-    textDecoration: 'none'
-  },
-  target: "_blank"
-}, /*#__PURE__*/_react.default.createElement("img", {
-  src: "https://www.fundraisingregulator.org.uk/fr-badge/80983ed7-ea80-40db-8e52-4a3351d9e77d/en/white",
-  width: "100%",
-  alt: "Fundraising Regulator badge with validation link",
-  loading: "lazy"
-})));
+})(["width:75%;margin:", ";max-width:200px;img{display:block;}", ""], _ref => {
+  let {
+    $noMargin
+  } = _ref;
+  return $noMargin ? '0' : `${(0, _spacing.default)('lg')} 0`;
+}, _ref2 => {
+  let {
+    animateOnHover
+  } = _ref2;
+  return animateOnHover && (0, _animations.springScaleAnimation)(true);
+});
+const FundraisingRegulatorLogo = _ref3 => {
+  let {
+    animateOnHover = false,
+    noMargin = false
+  } = _ref3;
+  return /*#__PURE__*/_react.default.createElement(FundraisingRegulatorWrapper, {
+    animateOnHover: animateOnHover,
+    $noMargin: noMargin
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    href: "https://www.fundraisingregulator.org.uk/validate?registrant=COMIC+RELIEF",
+    className: "fr-digital-badge",
+    style: {
+      height: 'auto',
+      width: '150px',
+      textDecoration: 'none'
+    },
+    target: "_blank"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: "https://www.fundraisingregulator.org.uk/fr-badge/80983ed7-ea80-40db-8e52-4a3351d9e77d/en/white",
+    width: "100%",
+    alt: "Fundraising Regulator badge with validation link",
+    loading: "lazy"
+  })));
+};
 var _default = exports.default = FundraisingRegulatorLogo;

package/dist/components/Organisms/Footer/Nav/Nav.style.js

@@ -47,7 +47,7 @@ const SubNavMenu = exports.SubNavMenu = _styledComponents.default.ul.withConfig(
   let {
     theme
   } = _ref4;
-  return theme.allBreakpoints('M');
+  return theme.breakpoints2026('M');
 }, _ref5 => {
   let {
     column
@@ -65,7 +65,7 @@ const SubNavItem = exports.SubNavItem = _styledComponents.default.li.withConfig(
   let {
     theme
   } = _ref6;
-  return theme.allBreakpoints('M');
+  return theme.breakpoints2026('M');
 }, _ref7 => {
   let {
     column
@@ -75,7 +75,7 @@ const SubNavItem = exports.SubNavItem = _styledComponents.default.li.withConfig(
   let {
     theme
   } = _ref8;
-  return theme.allBreakpoints('L');
+  return theme.breakpoints2026('L');
 }, _ref9 => {
   let {
     column
@@ -106,7 +106,7 @@ const NavMenu = exports.NavMenu = _styledComponents.default.ul.withConfig({
   let {
     theme
   } = _ref11;
-  return theme.allBreakpoints('M');
+  return theme.breakpoints2026('M');
 });
 
 /**
@@ -127,17 +127,17 @@ const NavItem = exports.NavItem = _styledComponents.default.li.withConfig({
   let {
     theme
   } = _ref12;
-  return theme.allBreakpoints('M');
+  return theme.breakpoints2026('M');
 }, _ref13 => {
   let {
     theme
   } = _ref13;
-  return theme.allBreakpoints('L');
+  return theme.breakpoints2026('L');
 }, _ref14 => {
   let {
     theme
   } = _ref14;
-  return theme.allBreakpoints('M');
+  return theme.breakpoints2026('M');
 }, _ref15 => {
   let {
     theme
@@ -157,5 +157,5 @@ const NavItem = exports.NavItem = _styledComponents.default.li.withConfig({
   let {
     theme
   } = _ref18;
-  return theme.allBreakpoints('M');
+  return theme.breakpoints2026('M');
 });