@nnc-digital/nnc-design-system 1.0.0-beta20 → 1.0.0-beta21

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.
@@ -6344,6 +6344,15 @@ const Container$I = styled.div`
6344
6344
  }
6345
6345
  `;
6346
6346
 
6347
+ const ImageColumn = styled.div`
6348
+ width: 100%;
6349
+
6350
+ @media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
6351
+ width: 50%;
6352
+ min-height: 300px;
6353
+ }
6354
+ `;
6355
+
6347
6356
  const ImageLink = styled.a`
6348
6357
  background-image: url('${(props) => props.$img}');
6349
6358
  background-size: cover;
@@ -6353,7 +6362,6 @@ const ImageLink = styled.a`
6353
6362
  display: block;
6354
6363
 
6355
6364
  @media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
6356
- width: 50%;
6357
6365
  min-height: 300px;
6358
6366
  }
6359
6367
  `;
@@ -6397,9 +6405,10 @@ const CTA = styled.a`
6397
6405
  var PromoBanner = function (_a) {
6398
6406
  var title = _a.title, image1440x810 = _a.image1440x810, image144x81 = _a.image144x81, ctaText = _a.ctaText, ctaUrl = _a.ctaUrl, children = _a.children;
6399
6407
  return (React.createElement(Container$I, null,
6400
- React.createElement(LazyImage, { src: image1440x810, placeholder: image144x81, visibilitySensorProps: {
6401
- partialVisibility: true,
6402
- } }, function (src) { return React.createElement(ImageLink, { "$img": src, href: ctaUrl, title: ctaText }); }),
6408
+ React.createElement(ImageColumn, null,
6409
+ React.createElement(LazyImage, { src: image1440x810, placeholder: image144x81, visibilitySensorProps: {
6410
+ partialVisibility: true,
6411
+ } }, function (src) { return React.createElement(ImageLink, { "$img": src, href: ctaUrl, title: ctaText }); })),
6403
6412
  React.createElement(Wrapper$4, null,
6404
6413
  React.createElement(Heading, { text: title }),
6405
6414
  React.createElement(Content$4, null, children),
@@ -14863,7 +14872,7 @@ var Event = function (_a) {
14863
14872
  id: 'org-1',
14864
14873
  name: 'Wicksteed Park',
14865
14874
  description: 'A family theme park and nature reserve in Kettering',
14866
- logo: 'https://via.placeholder.com/200x100?text=Wicksteed+Park',
14875
+ logo: 'https://placehold.co/200x100?text=Wicksteed+Park',
14867
14876
  url: 'https://www.wicksteedpark.co.uk',
14868
14877
  },
14869
14878
  location: {
@@ -14971,7 +14980,7 @@ var Event = function (_a) {
14971
14980
  id: 'org-2',
14972
14981
  name: 'Northamptonshire Family Support',
14973
14982
  description: 'Supporting families across Northamptonshire',
14974
- logo: 'https://via.placeholder.com/200x100?text=Family+Support',
14983
+ logo: 'https://placehold.co/200x100?text=Family+Support',
14975
14984
  url: 'https://www.northantsfamilysupport.org.uk',
14976
14985
  },
14977
14986
  location: {