luna-one 3.1.457 → 3.1.460
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.
|
@@ -50,12 +50,10 @@ var LinkList = function LinkList(_ref) {
|
|
|
50
50
|
var _useMouse = (0, _useMouse2["default"])(),
|
|
51
51
|
mouse = _useMouse.mouse;
|
|
52
52
|
|
|
53
|
-
console.log("meeeeee", visible);
|
|
54
53
|
return /*#__PURE__*/_react["default"].createElement(_reactAwesomeReveal.Fade, {
|
|
55
54
|
className: "luna-link-list ".concat(paddingClass, " ").concat(visible),
|
|
56
55
|
style: {
|
|
57
|
-
backgroundColor: (theme === null || theme === void 0 ? void 0 : theme.backgroundColor) || "#ffffff"
|
|
58
|
-
|
|
56
|
+
backgroundColor: (theme === null || theme === void 0 ? void 0 : theme.backgroundColor) || "#ffffff"
|
|
59
57
|
}
|
|
60
58
|
}, links && links.map(function (link, i) {
|
|
61
59
|
return /*#__PURE__*/_react["default"].createElement(SingleLink, {
|
|
@@ -478,6 +478,12 @@
|
|
|
478
478
|
|
|
479
479
|
&--data-points {
|
|
480
480
|
position: relative;
|
|
481
|
+
@media screen and (max-width: $breakpoint-sm){
|
|
482
|
+
.super-hero-fullscreen__hero-image-variant_8-right {
|
|
483
|
+
min-height: auto;
|
|
484
|
+
max-height: 100%;
|
|
485
|
+
}
|
|
486
|
+
}
|
|
481
487
|
}
|
|
482
488
|
|
|
483
489
|
&__eyebrow {
|
|
@@ -667,6 +673,13 @@
|
|
|
667
673
|
}
|
|
668
674
|
}
|
|
669
675
|
|
|
676
|
+
&__hero-image-variant_8-right .super-hero-fullscreen__hero-image-wrapper {
|
|
677
|
+
@media screen and (max-width: $breakpoint-xs) {
|
|
678
|
+
display: flex;
|
|
679
|
+
flex-direction: column;
|
|
680
|
+
height: 100%;
|
|
681
|
+
}
|
|
682
|
+
}
|
|
670
683
|
&__container {
|
|
671
684
|
display: flex;
|
|
672
685
|
flex-direction: column;
|
|
@@ -81,7 +81,7 @@ var ctaRowOrColumn = function ctaRowOrColumn(ctas, variant) {
|
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
if (ctas !== null && ctas !== void 0 && (_ctas$ctaOne = ctas.ctaOne) !== null && _ctas$ctaOne !== void 0 && _ctas$ctaOne.video || ctas !== null && ctas !== void 0 && (_ctas$ctaTwo = ctas.ctaTwo) !== null && _ctas$ctaTwo !== void 0 && _ctas$ctaTwo.video) {
|
|
84
|
-
ctas
|
|
84
|
+
ctas["VideoComponent"] = VideoComponent;
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
var findRowVariant = function findRowVariant() {
|
|
@@ -479,6 +479,10 @@ var renderVariantsOneToSeven = function renderVariantsOneToSeven(variant, conten
|
|
|
479
479
|
Link: Link,
|
|
480
480
|
url: cta.url,
|
|
481
481
|
text: cta.text,
|
|
482
|
+
VideoComponent: VideoComponent,
|
|
483
|
+
video: cta === null || cta === void 0 ? void 0 : cta.video,
|
|
484
|
+
override: override,
|
|
485
|
+
setOverride: setOverride,
|
|
482
486
|
className: // TODO this will change once we have themes and button styling/themes confirmed
|
|
483
487
|
theme !== null && theme !== void 0 && theme.ctaOne ? "ter-button--".concat(theme === null || theme === void 0 ? void 0 : theme.ctaOne) : "ter-button--primary--1"
|
|
484
488
|
}), ctas && /*#__PURE__*/_react["default"].createElement(CTASection, {
|
|
@@ -504,17 +508,9 @@ var renderVariantEightToTen = function renderVariantEightToTen(variant, ContentC
|
|
|
504
508
|
}, /*#__PURE__*/_react["default"].createElement(Fade, {
|
|
505
509
|
className: "super-hero-fullscreen__hero-image super-hero-fullscreen__hero-image-".concat(variant, "-").concat(contentSide, " super-hero-fullscreen--focused super-hero-fullscreen--focused-").concat(variant, "-").concat(contentSide)
|
|
506
510
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
507
|
-
tabIndex: mouse ? "" : "0"
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
}, /*#__PURE__*/_react["default"].createElement(DataPoint, {
|
|
511
|
-
points: dataPoints,
|
|
512
|
-
variant: "variant_2A",
|
|
513
|
-
theme: {
|
|
514
|
-
color: "#ffffff",
|
|
515
|
-
backgroundColor: "#0063A3"
|
|
516
|
-
}
|
|
517
|
-
})), /*#__PURE__*/_react["default"].createElement(FocusedImage, {
|
|
511
|
+
tabIndex: mouse ? "" : "0",
|
|
512
|
+
className: "super-hero-fullscreen__hero-image-wrapper"
|
|
513
|
+
}, /*#__PURE__*/_react["default"].createElement(FocusedImage, {
|
|
518
514
|
focalPointImage: focusedImage === null || focusedImage === void 0 ? void 0 : focusedImage.focalPointImage,
|
|
519
515
|
alt: focusedImage === null || focusedImage === void 0 ? void 0 : (_focusedImage$focalPo2 = focusedImage.focalPointImage) === null || _focusedImage$focalPo2 === void 0 ? void 0 : _focusedImage$focalPo2.title,
|
|
520
516
|
fullHeightWrapper: true,
|
|
@@ -566,6 +562,15 @@ var renderVariantEightToTen = function renderVariantEightToTen(variant, ContentC
|
|
|
566
562
|
className: theme !== null && theme !== void 0 && theme.ctaOne ? "ter-button--".concat(theme === null || theme === void 0 ? void 0 : theme.ctaOne) : "ter-button--primary--1"
|
|
567
563
|
}), ctas && /*#__PURE__*/_react["default"].createElement(CTASection, {
|
|
568
564
|
ctas: ctas
|
|
565
|
+
})), (dataPoints === null || dataPoints === void 0 ? void 0 : dataPoints.length) && /*#__PURE__*/_react["default"].createElement(Fade, {
|
|
566
|
+
className: "super-hero-fullscreen__data-points super-hero-fullscreen__data-points--mobile"
|
|
567
|
+
}, /*#__PURE__*/_react["default"].createElement(DataPoint, {
|
|
568
|
+
points: dataPoints,
|
|
569
|
+
variant: "variant_2A",
|
|
570
|
+
theme: {
|
|
571
|
+
color: "#ffffff",
|
|
572
|
+
backgroundColor: "#0063A3"
|
|
573
|
+
}
|
|
569
574
|
})))));
|
|
570
575
|
} else {
|
|
571
576
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null);
|
|
@@ -332,21 +332,29 @@ var NavBar = function NavBar(props) {
|
|
|
332
332
|
var getUrl = function getUrl(option) {
|
|
333
333
|
var _option$links;
|
|
334
334
|
|
|
335
|
-
if (option && option.url) {
|
|
336
|
-
return option.url;
|
|
335
|
+
if (option && option !== null && option !== void 0 && option.url) {
|
|
336
|
+
return option === null || option === void 0 ? void 0 : option.url;
|
|
337
337
|
}
|
|
338
338
|
|
|
339
339
|
if (option && option !== null && option !== void 0 && (_option$links = option.links) !== null && _option$links !== void 0 && _option$links.length) {
|
|
340
|
-
|
|
341
|
-
|
|
340
|
+
var _option$links$, _option$links$3, _option$links$3$links, _option$links$5, _option$links$5$links, _option$links$5$links2;
|
|
341
|
+
|
|
342
|
+
if (option !== null && option !== void 0 && (_option$links$ = option.links[0]) !== null && _option$links$ !== void 0 && _option$links$.url) {
|
|
343
|
+
var _option$links$2;
|
|
344
|
+
|
|
345
|
+
return option === null || option === void 0 ? void 0 : (_option$links$2 = option.links[0]) === null || _option$links$2 === void 0 ? void 0 : _option$links$2.url;
|
|
342
346
|
}
|
|
343
347
|
|
|
344
|
-
if (option.links[0].links[0].url) {
|
|
345
|
-
|
|
348
|
+
if (option !== null && option !== void 0 && (_option$links$3 = option.links[0]) !== null && _option$links$3 !== void 0 && (_option$links$3$links = _option$links$3.links[0]) !== null && _option$links$3$links !== void 0 && _option$links$3$links.url) {
|
|
349
|
+
var _option$links$4, _option$links$4$links;
|
|
350
|
+
|
|
351
|
+
return option === null || option === void 0 ? void 0 : (_option$links$4 = option.links[0]) === null || _option$links$4 === void 0 ? void 0 : (_option$links$4$links = _option$links$4.links[0]) === null || _option$links$4$links === void 0 ? void 0 : _option$links$4$links.url;
|
|
346
352
|
}
|
|
347
353
|
|
|
348
|
-
if (option.links[0].links[0].links[0].url) {
|
|
349
|
-
|
|
354
|
+
if (option !== null && option !== void 0 && (_option$links$5 = option.links[0]) !== null && _option$links$5 !== void 0 && (_option$links$5$links = _option$links$5.links[0]) !== null && _option$links$5$links !== void 0 && (_option$links$5$links2 = _option$links$5$links.links[0]) !== null && _option$links$5$links2 !== void 0 && _option$links$5$links2.url) {
|
|
355
|
+
var _option$links$6, _option$links$6$links, _option$links$6$links2;
|
|
356
|
+
|
|
357
|
+
return option === null || option === void 0 ? void 0 : (_option$links$6 = option.links[0]) === null || _option$links$6 === void 0 ? void 0 : (_option$links$6$links = _option$links$6.links[0]) === null || _option$links$6$links === void 0 ? void 0 : (_option$links$6$links2 = _option$links$6$links.links[0]) === null || _option$links$6$links2 === void 0 ? void 0 : _option$links$6$links2.url;
|
|
350
358
|
}
|
|
351
359
|
}
|
|
352
360
|
};
|
|
@@ -393,7 +401,7 @@ var NavBar = function NavBar(props) {
|
|
|
393
401
|
currentOpenMenu: currentOpenMenu,
|
|
394
402
|
active: active
|
|
395
403
|
}) : /*#__PURE__*/_react["default"].createElement(LunaLink, {
|
|
396
|
-
to: option.url,
|
|
404
|
+
to: option === null || option === void 0 ? void 0 : option.url,
|
|
397
405
|
depth: 1,
|
|
398
406
|
tabIndex: mouse ? "" : "0",
|
|
399
407
|
href: option === null || option === void 0 ? void 0 : option.url,
|
|
@@ -421,17 +429,17 @@ var NavBar = function NavBar(props) {
|
|
|
421
429
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
422
430
|
className: "ter-navbar-top__pipe"
|
|
423
431
|
}, "|")), /*#__PURE__*/_react["default"].createElement(LunaLink, {
|
|
424
|
-
to: featuredLink.url,
|
|
432
|
+
to: featuredLink === null || featuredLink === void 0 ? void 0 : featuredLink.url,
|
|
425
433
|
tabIndex: mouse ? "" : "0",
|
|
426
|
-
href: featuredLink.url,
|
|
427
|
-
key: featuredLink.text,
|
|
434
|
+
href: featuredLink === null || featuredLink === void 0 ? void 0 : featuredLink.url,
|
|
435
|
+
key: featuredLink === null || featuredLink === void 0 ? void 0 : featuredLink.text,
|
|
428
436
|
className: mouse ? "ter-navbar__nav-link" : "ter-navbar__nav-link tabFocus",
|
|
429
|
-
target: featuredLink.external ? "_blank" : "_self",
|
|
430
|
-
id: (0, _formatID["default"])("".concat(featuredLink.text, "-navbar-nav-link")),
|
|
437
|
+
target: featuredLink !== null && featuredLink !== void 0 && featuredLink.external ? "_blank" : "_self",
|
|
438
|
+
id: (0, _formatID["default"])("".concat(featuredLink === null || featuredLink === void 0 ? void 0 : featuredLink.text, "-navbar-nav-link")),
|
|
431
439
|
Link: Link
|
|
432
440
|
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
433
441
|
className: "featured-link"
|
|
434
|
-
}, featuredLink.text)));
|
|
442
|
+
}, featuredLink === null || featuredLink === void 0 ? void 0 : featuredLink.text)));
|
|
435
443
|
};
|
|
436
444
|
|
|
437
445
|
var hamburgerClick = function hamburgerClick() {
|