@comicrelief/component-library 8.77.1 → 8.77.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js
CHANGED
|
@@ -7079,6 +7079,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
7079
7079
|
align-items: center;
|
|
7080
7080
|
justify-content: flex-start;
|
|
7081
7081
|
flex-direction: column;
|
|
7082
|
+
width: 100%;
|
|
7082
7083
|
}
|
|
7083
7084
|
|
|
7084
7085
|
// No dashed 'connecting' line on the final slide
|
|
@@ -7182,4 +7183,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
7182
7183
|
`,Mee=v.div`
|
|
7183
7184
|
background-color: ${({theme:e,$backgroundColour:t})=>e.color(t)};
|
|
7184
7185
|
padding: ${({$paddingTop:e,$paddingBottom:t})=>`${e} 0 ${t};`}
|
|
7185
|
-
`,ky=({data:e})=>{const{autoPlay:t,contentful_id:r,desktopHeight:n,headerCopy:i,mobileHeight:a,peopleHelpedText:l,tabletHeight:u,backgroundColour:p="grey_light",paddingTop:g="2rem",paddingBottom:h="2rem"}=e,[m,y]=A.useState();return A.useEffect(()=>{y(wee(e))},[y,e]),f.jsx(Mee,{$paddingTop:g,$paddingBottom:h,$backgroundColour:p,children:f.jsxs(Tee,{className:"CarouselWrapper",id:r,$mobileHeight:a,$tabletHeight:u,$desktopHeight:n,children:[f.jsx(kee,{tag:"p",weight:"bold",children:i}),f.jsx(Eee,{tag:"h1",family:"Anton",weight:"normal",color:"red",children:l}),f.jsx(Oee,{tag:"p",children:"including..."}),m&&f.jsx(hv,{className:"wymd-carousel",options:{
|
|
7186
|
+
`,ky=({data:e})=>{const{autoPlay:t,contentful_id:r,desktopHeight:n,headerCopy:i,mobileHeight:a,peopleHelpedText:l,tabletHeight:u,backgroundColour:p="grey_light",paddingTop:g="2rem",paddingBottom:h="2rem"}=e,[m,y]=A.useState();return A.useEffect(()=>{y(wee(e))},[y,e]),f.jsx(Mee,{$paddingTop:g,$paddingBottom:h,$backgroundColour:p,children:f.jsxs(Tee,{className:"CarouselWrapper",id:r,$mobileHeight:a,$tabletHeight:u,$desktopHeight:n,children:[f.jsx(kee,{tag:"p",weight:"bold",children:i}),f.jsx(Eee,{tag:"h1",family:"Anton",weight:"normal",color:"red",children:l}),f.jsx(Oee,{tag:"p",children:"including..."}),m&&f.jsx(hv,{className:"wymd-carousel",options:{speed:750,rewindSpeed:750,interval:5e3,arrows:!0,pagination:!1,drag:"free",flickPower:50,perMove:1,dragMinThreshold:{mouse:50,touch:50},updateOnMove:!0,snap:!0,autoplay:t,focus:"center",trimSpace:!1,perPage:3,rewind:!0,breakpoints:{[dt.M]:{perPage:1}}},children:Object.keys(m).map((w,x)=>{const S=x;return f.jsx(pv,{className:x===m.length-1&&"last-slide",index:S,"data-index":S,children:f.jsxs(to,{children:[f.jsx(ro,{className:"image-wrapper",children:f.jsx("img",{src:m[w].image.file.url,alt:m[w].copy})}),f.jsxs(Of,{children:[f.jsx(_ee,{children:f.jsx(me,{tag:"h1",family:"Anton",children:m[w].amount})}),f.jsx($ee,{children:f.jsx(me,{tag:"p",children:m[w].copy})})]})]})},S)})})]})})};ky.propTypes={data:c.shape({node1Amount:c.string.isRequired,node1Copy:c.string.isRequired,node1Image:c.shape({file:c.shape({url:c.string.isRequired}).isRequired}).isRequired,node2Amount:c.string.isRequired,node2Copy:c.string.isRequired,node2Image:c.shape({file:c.shape({url:c.string.isRequired}).isRequired}).isRequired,node3Amount:c.string.isRequired,node3Copy:c.string.isRequired,node3Image:c.shape({file:c.shape({url:c.string.isRequired}).isRequired}).isRequired,node4Amount:c.string.isRequired,node4Copy:c.string.isRequired,node4Image:c.shape({file:c.shape({url:c.string.isRequired}).isRequired}).isRequired,node5Amount:c.string,node5Copy:c.string,node5Image:c.shape({file:c.shape({url:c.string})}),node6Amount:c.string,node6Copy:c.string,node6Image:c.shape({file:c.shape({url:c.string})}),node7Amount:c.string,node7Copy:c.string,node7Image:c.shape({file:c.shape({url:c.string})}),node8Amount:c.string,node8Copy:c.string,node8Image:c.shape({file:c.shape({url:c.string})}),node9Amount:c.string,node9Copy:c.string,node9Image:c.shape({file:c.shape({url:c.string})}),autoPlay:c.bool.isRequired,headerCopy:c.string.isRequired,peopleHelpedText:c.string.isRequired,contentful_id:c.string.isRequired,mobileHeight:c.number,tabletHeight:c.number,desktopHeight:c.number,paddingTop:c.string,paddingBottom:c.string,backgroundColour:c.string}).isRequired};Object.defineProperty(exports,"ThemeProvider",{enumerable:!0,get:()=>v.ThemeProvider});exports.Accordion=M8;exports.AmbientVideo=Df;exports.Arrow=L2;exports.ArticleTeaser=R8;exports.Banner=D8;exports.Box=I8;exports.Button=Us;exports.ButtonWithStates=ll;exports.CTAMultiCard=bv;exports.CTASingleCard=yv;exports.Card=P8;exports.CardDs=F8;exports.Checkbox=l8;exports.Chip=j8;exports.Confetti=uc;exports.CookieBanner=j6;exports.Countdown=M9;exports.Descriptor=xv;exports.Donate=q6;exports.DonateBanner=i7;exports.DoubleCopy=wv;exports.DynamicGallery=u7;exports.ESU_FIELDS=ii;exports.EmailBanner=C7;exports.EmailSignUp=S7;exports.ErrorText=es;exports.External=d8;exports.Footer=k7;exports.FooterNew=V7;exports.Header=Y7;exports.Header2025=nb;exports.HeroBanner=Sv;exports.Icon=dc;exports.ImpactSlider=uy;exports.InfoBanner=Ev;exports.InfoMessage=f8;exports.Input=tn;exports.Internal=v8;exports.Label=cl;exports.Link=It;exports.Logo=Rn;exports.LogoLinked=Ic;exports.Lookup=Oh;exports.MarketingPreferencesDS=my;exports.Membership=yy;exports.Pagination=w8;exports.PartnerLink=Tv;exports.Picture=Zt;exports.PictureOrVideo=_l;exports.Post=IT;exports.Promo=Pv;exports.QuoteSlice=Fv;exports.RadioButton=$8;exports.RichText=Is;exports.RichtextCarousel=$y;exports.SchoolLookup=Ih;exports.SearchInput=s6;exports.SearchResult=a6;exports.Select=k8;exports.ShareButton=l6;exports.SimpleSchoolLookup=c6;exports.SingleMessage=f6;exports.SingleMessageDs=O6;exports.SocialIcons=Ha;exports.StatsSlice=P6;exports.Text=me;exports.TextArea=E8;exports.TextInputWithDropdown=ul;exports.Typeahead=Dh;exports.VideoBanner=F6;exports.WYMDCarousel=ky;exports.allBreakpoints=K4;exports.allowListed=Va;exports.bounceUpAnimation=lc;exports.breakpointValues=dt;exports.buildEsuValidationSchema=jW;exports.buildValidationSchema=WJ;exports.containers=sl;exports.crTheme=uE;exports.defaultBoxShadow=lt;exports.hideVisually=yn;exports.logoRotateAnimation=Tf;exports.setInitialValues=HJ;exports.spacing=M;exports.springScaleAnimation=Mf;exports.zIndex=Ke;
|
package/dist/index.es.js
CHANGED
|
@@ -33325,6 +33325,7 @@ const Tee = (e) => {
|
|
|
33325
33325
|
align-items: center;
|
|
33326
33326
|
justify-content: flex-start;
|
|
33327
33327
|
flex-direction: column;
|
|
33328
|
+
width: 100%;
|
|
33328
33329
|
}
|
|
33329
33330
|
|
|
33330
33331
|
// No dashed 'connecting' line on the final slide
|
|
@@ -33466,7 +33467,6 @@ const Tee = (e) => {
|
|
|
33466
33467
|
{
|
|
33467
33468
|
className: "wymd-carousel",
|
|
33468
33469
|
options: {
|
|
33469
|
-
type: "loop",
|
|
33470
33470
|
speed: 750,
|
|
33471
33471
|
rewindSpeed: 750,
|
|
33472
33472
|
interval: 5e3,
|
package/package.json
CHANGED
package/src/data/data.js
CHANGED
|
@@ -280,32 +280,32 @@ const carouselItemsMinimal = {
|
|
|
280
280
|
mobileHeight: 450,
|
|
281
281
|
tabletHeight: 500,
|
|
282
282
|
desktopHeight: 475,
|
|
283
|
-
headerCopy:
|
|
284
|
-
peopleHelpedText: '
|
|
283
|
+
headerCopy: 'Header copy',
|
|
284
|
+
peopleHelpedText: 'PeopleHelped text',
|
|
285
285
|
autoPlay: false,
|
|
286
|
-
node1Copy: '
|
|
287
|
-
node1Amount: '1
|
|
286
|
+
node1Copy: 'node 1 copy',
|
|
287
|
+
node1Amount: '1',
|
|
288
288
|
node1Image: {
|
|
289
289
|
file: {
|
|
290
290
|
url: '//images.ctfassets.net/zsfivwzfgl3t/6ZsS5CpukQwXRcMSUlbOM1/be31c7ff09891d14232e7c3dbe9fa8a2/028-love_1.png'
|
|
291
291
|
}
|
|
292
292
|
},
|
|
293
|
-
node2Copy: '
|
|
294
|
-
node2Amount: '
|
|
293
|
+
node2Copy: 'node 2 copy',
|
|
294
|
+
node2Amount: '1',
|
|
295
295
|
node2Image: {
|
|
296
296
|
file: {
|
|
297
297
|
url: '//images.ctfassets.net/zsfivwzfgl3t/6ZsS5CpukQwXRcMSUlbOM1/be31c7ff09891d14232e7c3dbe9fa8a2/028-love_1.png'
|
|
298
298
|
}
|
|
299
299
|
},
|
|
300
|
-
node3Copy: '
|
|
301
|
-
node3Amount: '3
|
|
300
|
+
node3Copy: 'node 3 copy',
|
|
301
|
+
node3Amount: '3',
|
|
302
302
|
node3Image: {
|
|
303
303
|
file: {
|
|
304
304
|
url: '//images.ctfassets.net/zsfivwzfgl3t/6ZsS5CpukQwXRcMSUlbOM1/be31c7ff09891d14232e7c3dbe9fa8a2/028-love_1.png'
|
|
305
305
|
}
|
|
306
306
|
},
|
|
307
|
-
node4Copy: '
|
|
308
|
-
node4Amount: '4
|
|
307
|
+
node4Copy: 'node 4 copy',
|
|
308
|
+
node4Amount: '4',
|
|
309
309
|
node4Image: {
|
|
310
310
|
file: {
|
|
311
311
|
url: '//images.ctfassets.net/zsfivwzfgl3t/6ZsS5CpukQwXRcMSUlbOM1/be31c7ff09891d14232e7c3dbe9fa8a2/028-love_1.png'
|