@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.
- package/build/index.esm.js +15 -6
- package/build/index.esm.js.map +1 -1
- package/build/index.js +15 -6
- package/build/index.js.map +1 -1
- package/build/index.mjs.js +15 -6
- package/build/index.mjs.js.map +1 -1
- package/package.json +1 -1
package/build/index.esm.js
CHANGED
|
@@ -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(
|
|
6401
|
-
|
|
6402
|
-
|
|
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://
|
|
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://
|
|
14983
|
+
logo: 'https://placehold.co/200x100?text=Family+Support',
|
|
14975
14984
|
url: 'https://www.northantsfamilysupport.org.uk',
|
|
14976
14985
|
},
|
|
14977
14986
|
location: {
|