@comicrelief/component-library 8.48.0 → 8.48.2

package/src/components/Organisms/Header/data/data-extended.js

@@ -41,28 +41,28 @@ export default {
       links: [
         {
           title: 'Red Nose Day',
-          path: 'https://www.comicrelief.com/rednoseday/schools',
+          path: 'https://www.comicrelief.com/rednoseday/schools#1',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
         },
         {
           title: 'The New Red Nose',
-          path: 'https://www.comicrelief.com/rednoseday/schools',
+          path: 'https://www.comicrelief.com/rednoseday/schools#2',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
         },
         {
           title: 'Schools',
-          path: 'https://www.comicrelief.com/rednoseday/schools',
+          path: 'https://www.comicrelief.com/rednoseday/schools#3',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
         },
         {
           title: 'The Red Nose Day Nosey Awards',
-          path: 'https://www.comicrelief.com/rednoseday/schools',
+          path: 'https://www.comicrelief.com/rednoseday/schools#4',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
@@ -82,21 +82,21 @@ export default {
         },
         {
           title: 'Our Funding Practice',
-          path: 'https://www.comicrelief.com/our-legacy',
+          path: 'https://www.comicrelief.com/our-legacy#one',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
         },
         {
           title: 'Funding opportunities',
-          path: 'https://www.comicrelief.com/our-legacy',
+          path: 'https://www.comicrelief.com/our-legacy#two',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
         },
         {
           title: 'Our Funding strategy',
-          path: 'https://www.comicrelief.com/our-legacy',
+          path: 'https://www.comicrelief.com/our-legacy#three',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
@@ -145,35 +145,35 @@ export default {
         },
         {
           title: 'Do your own fundraising',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#4',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Regular Donations',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#5',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Run for Comic Relief',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#6',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'How to pay in your fundraising money',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#2',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Partners',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#3',
           internal: {
             type: 'ContentfulComponentLink'
           }
@@ -193,35 +193,35 @@ export default {
         },
         {
           title: 'Do your own fundraising',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#7',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Regular Donations',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#8',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Run for Comic Relief',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#9',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'How to pay in your fundraising money',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#10',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Partners',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#11',
           internal: {
             type: 'ContentfulComponentLink'
           }
@@ -241,35 +241,35 @@ export default {
         },
         {
           title: 'Do your own fundraising',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#12',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Regular Donations',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#13',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Run for Comic Relief',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#14',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'How to pay in your fundraising money',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#15',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Partners',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#16',
           internal: {
             type: 'ContentfulComponentLink'
           }

package/src/components/Organisms/Header/data/data-live.js

@@ -20,7 +20,7 @@ export default {
       links: [
         {
           title: 'Red Nose Day',
-          path: 'https://www.comicrelief.com/rednoseday/schools',
+          path: 'https://www.comicrelief.com/rednoseday/schools#5',
           internal: {
             type: 'ContentfulPageLandingPage'
           }

package/src/components/Organisms/Header/data/data.js

@@ -56,7 +56,7 @@ export default {
       links: [
         {
           title: 'Single menu link',
-          path: 'https://www.comicrelief.com/rednoseday/schools',
+          path: 'https://www.comicrelief.com/rednoseday/schools#6',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
@@ -89,7 +89,7 @@ export default {
       links: [
         {
           title: 'Schools & youth',
-          path: 'https://www.comicrelief.com/rednoseday/schools',
+          path: 'https://www.comicrelief.com/rednoseday/schools#7',
           internal: {
             type: 'ContentfulPageLandingPage'
           }

package/src/components/Organisms/Header2025/Header2025.js

@@ -9,7 +9,7 @@ import {
 } from './Header2025.style';
 
 const Header2025 = ({
-  navItems = {}, metaIcons, campaign = 'Comic Relief', donateButton = null,
+  navItems = {}, metaIcons = undefined, campaign = 'Comic Relief', donateButton = null,
   characterLimit = 60, showBoxShadow = false, ...rest
 }) => (
   <Header2025Wrapper navItems showBoxShadow={showBoxShadow} {...rest}>
@@ -29,7 +29,9 @@ const Header2025 = ({
         characterLimit={characterLimit}
       />
       <ButtonsAndIcons>
-        <Header2025MetaIcons isHeader data-testid="meta-icons--desktop">{metaIcons}</Header2025MetaIcons>
+        { metaIcons && (
+          <Header2025MetaIcons isHeader data-testid="meta-icons--desktop">{metaIcons}</Header2025MetaIcons>
+        )}
         <DonateButtonWrapperTop data-testid="donate-button--desktop">{donateButton}</DonateButtonWrapperTop>
       </ButtonsAndIcons>
 
@@ -53,7 +55,7 @@ Header2025.propTypes = {
     )
   }),
   // NB: metaIcons no longer include the Donate button:
-  metaIcons: PropTypes.node.isRequired,
+  metaIcons: PropTypes.node,
   // ... and is supplied separately to allow more render control:
   donateButton: PropTypes.node,
   campaign: PropTypes.string,

package/src/components/Organisms/Header2025/Header2025.md

@@ -478,7 +478,7 @@ const [success, setSuccess] = React.useState(false);
 
 <>
 <Header2025
-  showBoxShadow="true"
+  showBoxShadow
   characterLimit={50}
   navItems={data}
   rotate="true"
@@ -590,7 +590,7 @@ const [success, setSuccess] = React.useState(false);
 
 <>
 <Header2025
-  showBoxShadow="true"
+  showBoxShadow
   characterLimit={50}
   navItems={data}
   rotate="true"

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

@@ -171,9 +171,12 @@ const HeaderNav2025 = ({
 
         {/* These are only shown on the non-desktop view; the desktop nav renders
            these in the parent Header component to suit the design layout */}
-        <NavMetaIcons isHeader data-testid="meta-icons--mobile">
-          {metaIcons}
-        </NavMetaIcons>
+        {metaIcons && (
+          <NavMetaIcons isHeader data-testid="meta-icons--mobile">
+            {metaIcons}
+          </NavMetaIcons>
+        )}
+
         <DonateButtonWrapperBottom data-testid="donate-button--mobile">
           {donateButton}
         </DonateButtonWrapperBottom>
@@ -187,7 +190,7 @@ const HeaderNav2025 = ({
 
 HeaderNav2025.propTypes = {
   navItems: PropTypes.objectOf(PropTypes.shape),
-  metaIcons: PropTypes.node.isRequired,
+  metaIcons: PropTypes.node,
   characterLimit: PropTypes.number,
   // As this is rendered in both the Header AND the Nav, just passing
   // the same prop through to here:

package/src/components/Organisms/Header2025/data/data-extended.js

@@ -41,28 +41,28 @@ export default {
       links: [
         {
           title: 'Red Nose Day',
-          path: 'https://www.comicrelief.com/rednoseday/schools',
+          path: '¢',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
         },
         {
           title: 'The New Red Nose',
-          path: 'https://www.comicrelief.com/rednoseday/schools',
+          path: 'https://www.comicrelief.com/rednoseday/schools#8',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
         },
         {
           title: 'Schools',
-          path: 'https://www.comicrelief.com/rednoseday/schools',
+          path: 'https://www.comicrelief.com/rednoseday/schools#9',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
         },
         {
           title: 'The Red Nose Day Nosey Awards',
-          path: 'https://www.comicrelief.com/rednoseday/schools',
+          path: 'https://www.comicrelief.com/rednoseday/schools#10',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
@@ -82,28 +82,28 @@ export default {
         },
         {
           title: 'Our Funding Practice',
-          path: 'https://www.comicrelief.com/our-legacy',
+          path: 'https://www.comicrelief.com/our-legacy#1',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
         },
         {
           title: 'Funding opportunities',
-          path: 'https://www.comicrelief.com/our-legacy',
+          path: 'https://www.comicrelief.com/our-legacy#2',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
         },
         {
           title: 'Our Funding strategy',
-          path: 'https://www.comicrelief.com/our-legacy',
+          path: 'https://www.comicrelief.com/our-legacy#3',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
         },
         {
           title: 'Managing your funding',
-          path: 'https://www.comicrelief.com/our-legacy',
+          path: 'https://www.comicrelief.com/our-legacy#4',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
@@ -145,35 +145,35 @@ export default {
         },
         {
           title: 'Do your own fundraising',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#17',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Regular Donations',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#18',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Run for Comic Relief',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#19',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'How to pay in your fundraising money',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#20',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Partners',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#21',
           internal: {
             type: 'ContentfulComponentLink'
           }
@@ -193,35 +193,35 @@ export default {
         },
         {
           title: 'Do your own fundraising',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#21',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Regular Donations',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#22',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Run for Comic Relief',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#23',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'How to pay in your fundraising money',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#24',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Partners',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#25',
           internal: {
             type: 'ContentfulComponentLink'
           }
@@ -241,35 +241,35 @@ export default {
         },
         {
           title: 'Do your own fundraising',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#26',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Regular Donations',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#27',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Run for Comic Relief',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#28',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'How to pay in your fundraising money',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#29',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Partners',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#30',
           internal: {
             type: 'ContentfulComponentLink'
           }

package/src/components/Organisms/Header2025/data/data-live--minimal.js

@@ -20,7 +20,7 @@ export default {
       links: [
         {
           title: 'Red Nose Day',
-          path: 'https://www.comicrelief.com/rednoseday/schools',
+          path: 'https://www.comicrelief.com/rednoseday/schools#11',
           internal: {
             type: 'ContentfulPageLandingPage'
           }

package/src/components/Organisms/Header2025/data/data-live.js

@@ -20,7 +20,7 @@ export default {
       links: [
         {
           title: 'Red Nose Day',
-          path: 'https://www.comicrelief.com/rednoseday/schools',
+          path: 'https://www.comicrelief.com/rednoseday/schools#12',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
@@ -138,7 +138,7 @@ export default {
         },
         {
           title: 'Partners',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#31',
           internal: {
             type: 'ContentfulComponentLink'
           }

package/src/components/Organisms/Header2025/data/data.js

@@ -41,28 +41,28 @@ export default {
       links: [
         {
           title: 'Red Nose Day',
-          path: 'https://www.comicrelief.com/rednoseday/schools',
+          path: 'https://www.comicrelief.com/rednoseday/schools#13',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
         },
         {
           title: 'The New Red Nose',
-          path: 'https://www.comicrelief.com/rednoseday/schools',
+          path: 'https://www.comicrelief.com/rednoseday/schools#14',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
         },
         {
           title: 'Schools',
-          path: 'https://www.comicrelief.com/rednoseday/schools',
+          path: 'https://www.comicrelief.com/rednoseday/schools#15',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
         },
         {
           title: 'The Red Nose Day Nosey Awards',
-          path: 'https://www.comicrelief.com/rednoseday/schools',
+          path: 'https://www.comicrelief.com/rednoseday/schools#16',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
@@ -82,28 +82,28 @@ export default {
         },
         {
           title: 'Our Funding Practice',
-          path: 'https://www.comicrelief.com/our-legacy',
+          path: 'https://www.comicrelief.com/our-legacy#5',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
         },
         {
           title: 'Funding opportunities',
-          path: 'https://www.comicrelief.com/our-legacy',
+          path: 'https://www.comicrelief.com/our-legacy#6',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
         },
         {
           title: 'Our Funding strategy',
-          path: 'https://www.comicrelief.com/our-legacy',
+          path: 'https://www.comicrelief.com/our-legacy#7',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
         },
         {
           title: 'Managing your funding',
-          path: 'https://www.comicrelief.com/our-legacy',
+          path: 'https://www.comicrelief.com/our-legacy#8',
           internal: {
             type: 'ContentfulPageLandingPage'
           }
@@ -145,35 +145,35 @@ export default {
         },
         {
           title: 'Do your own fundraising',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#32',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Regular Donations',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#33',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Run for Comic Relief',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#34',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'How to pay in your fundraising money',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#35',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
           title: 'Partners',
-          url: 'https://www.comicrelief.com/404/',
+          url: 'https://www.comicrelief.com/404#36',
           internal: {
             type: 'ContentfulComponentLink'
           }