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" // , visibility: visible ? "hidden !important" : "visible !important", border: "1px solid magenta"
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.VideoComponent = VideoComponent;
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
- }, (dataPoints === null || dataPoints === void 0 ? void 0 : dataPoints.length) && /*#__PURE__*/_react["default"].createElement(Fade, {
509
- className: "super-hero-fullscreen__data-points super-hero-fullscreen__data-points--mobile"
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
- if (option.links[0].url) {
341
- return option.links[0].url;
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
- return option.links[0].links[0].url;
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
- return option.links[0].links[0].links[0].url;
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() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "luna-one",
3
- "version": "3.1.457",
3
+ "version": "3.1.460",
4
4
  "peerDependencies": {
5
5
  "react": "^17.0.2",
6
6
  "react-dom": "^17.0.2",