luna-one 3.1.561 → 3.1.563

package/dist/luna/heroes/FullBackgroundHero/FullBackgroundHeroMethods.js

@@ -176,7 +176,7 @@ var renderFullBgHeroImage = function renderFullBgHeroImage(image) {
   var lottieRatio = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
   var imageType = (image === null || image === void 0 ? void 0 : image.type) || "default";
   var lottieStyles = {};
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, imageType === "image" && renderImageComponent(image, size), imageType != "image" && (0, _renderImageOrLottieAnimation.renderImageOrLottieAnimation)(imageType === 'focalPointImage' ? image === null || image === void 0 ? void 0 : image.focalPointImage : image, null, variant ? imageBackgroundSizes[variant] : null, (0, _generateFocusedImageAlt["default"])(image), elementClass, lottieStyles, true, lottieRatio));
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, imageType === "image" && renderImageComponent(image, size), imageType != "image" && (0, _renderImageOrLottieAnimation.renderImageOrLottieAnimation)(imageType === 'focalPointImage' ? image === null || image === void 0 ? void 0 : image.focalPointImage : image, null, variant ? imageBackgroundSizes[variant] : null, (0, _generateFocusedImageAlt["default"])(image), elementClass, lottieStyles, true, lottieRatio, image === null || image === void 0 ? void 0 : image.lazyLoad));
 };
 
 exports.renderFullBgHeroImage = renderFullBgHeroImage;

package/dist/luna/heroes/SuperHero/SuperHero.js

@@ -63,7 +63,8 @@ var SuperHero = function SuperHero(_ref) {
       setVideoProgress = content.setVideoProgress,
       _content$override = content.override,
       override = _content$override === void 0 ? false : _content$override,
-      superHeroAnimation = content.superHeroAnimation;
+      superHeroAnimation = content.superHeroAnimation,
+      lazyLoad = content.lazyLoad;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -104,7 +105,7 @@ var SuperHero = function SuperHero(_ref) {
       setHovering = _useVideo.setHovering,
       togglePlaying = _useVideo.togglePlaying;
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (0, _SuperHeroMethods.renderVariantsOneToSeven)(variant, contentSide, focusedImage, _SuperHeroMethods.imageSizes, eyebrow, header, subHeader, text, cta, ctas, theme, Link, mouse, color, backgroundColor, paddingClass, modalDeployed, image, video, thumbnail, hovering, playing, deployModal, hideModal, setHovering, togglePlaying, content, ContentComponent, transcriptVisable, setTranscriptVisable, transcript, transcriptText, closeTranscript, alignTop, videoProgress, setVideoProgress, override, superHeroAnimation), (0, _SuperHeroMethods.renderVariantEightToTen)(variant, ContentComponent, contentSide, focusedImage, _SuperHeroMethods.imageSizes, eyebrow, header, subHeader, text, cta, ctas, theme, Link, mouse, color, backgroundColor, dataPoints, superHeroAnimation));
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (0, _SuperHeroMethods.renderVariantsOneToSeven)(variant, contentSide, focusedImage, _SuperHeroMethods.imageSizes, eyebrow, header, subHeader, text, cta, ctas, theme, Link, mouse, color, backgroundColor, paddingClass, modalDeployed, image, video, thumbnail, hovering, playing, deployModal, hideModal, setHovering, togglePlaying, content, ContentComponent, transcriptVisable, setTranscriptVisable, transcript, transcriptText, closeTranscript, alignTop, videoProgress, setVideoProgress, override, superHeroAnimation, lazyLoad), (0, _SuperHeroMethods.renderVariantEightToTen)(variant, ContentComponent, contentSide, focusedImage, _SuperHeroMethods.imageSizes, eyebrow, header, subHeader, text, cta, ctas, theme, Link, mouse, color, backgroundColor, dataPoints, superHeroAnimation, lazyLoad));
 };
 
 var _default = SuperHero;

package/dist/luna/heroes/SuperHero/SuperHeroMethods.js

@@ -378,16 +378,17 @@ var determineCurrentBreakpoint = function determineCurrentBreakpoint() {
   }
 };
 
-var renderImage = function renderImage(image, focusedImage, variant, superHeroAnimation) {
+var renderImage = function renderImage(image, focusedImage, variant, superHeroAnimation, lazyLoad) {
   if (superHeroAnimation && superHeroAnimation !== null && superHeroAnimation !== void 0 && superHeroAnimation.src) {
     return (0, _renderImageOrLottieAnimation.renderImageOrLottieAnimation)(superHeroAnimation, null, null, null, "ter-super-hero__lottie", null, true, generateAnimationRatio(imageSizes[variant], determineCurrentBreakpoint()));
   } else if (!image && focusedImage) {
-    return (0, _renderImageOrLottieAnimation.renderImageOrLottieAnimation)(focusedImage === null || focusedImage === void 0 ? void 0 : focusedImage.focalPointImage, null, imageSizes[variant], (0, _generateFocusedImageAlt["default"])(focusedImage), "ter-super-hero__image", null);
+    return (0, _renderImageOrLottieAnimation.renderImageOrLottieAnimation)(focusedImage === null || focusedImage === void 0 ? void 0 : focusedImage.focalPointImage, null, imageSizes[variant], (0, _generateFocusedImageAlt["default"])(focusedImage), "ter-super-hero__image", null, undefined, undefined, lazyLoad);
   } else if (image && !focusedImage) {
     return /*#__PURE__*/_react["default"].createElement(_terraOne.Image, {
       src: image !== null && image !== void 0 && image.src ? image.src : _fpoSquare["default"],
       alt: (image === null || image === void 0 ? void 0 : image.alt) || "placeholder image",
       className: "luna-super-hero__image",
+      lazyLoad: lazyLoad,
       onError: function onError(e) {
         e.target.onerror = null;
         e.target.src = _fpoSquare["default"];
@@ -406,7 +407,7 @@ var checkForVariant = function checkForVariant(variant) {
 
 exports.checkForVariant = checkForVariant;
 
-var renderVariantsOneToSeven = function renderVariantsOneToSeven(variant, contentSide, focusedImage, imageSizes, eyebrow, header, subHeader, text, cta, ctas, theme, Link, mouse, color, backgroundColor, paddingClass, modalDeployed, image, video, thumbnail, hovering, playing, deployModal, hideModal, setHovering, togglePlaying, content, ContentComponent, transcriptVisable, setTranscriptVisable, transcript, transcriptText, closeTranscript, alignTop, videoProgress, setVideoProgress, override, superHeroAnimation) {
+var renderVariantsOneToSeven = function renderVariantsOneToSeven(variant, contentSide, focusedImage, imageSizes, eyebrow, header, subHeader, text, cta, ctas, theme, Link, mouse, color, backgroundColor, paddingClass, modalDeployed, image, video, thumbnail, hovering, playing, deployModal, hideModal, setHovering, togglePlaying, content, ContentComponent, transcriptVisable, setTranscriptVisable, transcript, transcriptText, closeTranscript, alignTop, videoProgress, setVideoProgress, override, superHeroAnimation, lazyLoad) {
   var alignmentClass = alignTop ? "luna-super-hero__image-wrapper--uneven-alignment" : "";
 
   if (checkForVariant(variant) === "super-hero--padded-components") {
@@ -420,7 +421,7 @@ var renderVariantsOneToSeven = function renderVariantsOneToSeven(variant, conten
       className: "luna-super-hero__image-wrapper luna-super-hero__image-wrapper-".concat(variant, "-").concat(contentSide, " ").concat(alignmentClass)
     }, /*#__PURE__*/_react["default"].createElement("span", {
       tabIndex: mouse ? "" : "0"
-    }, renderImage(image, focusedImage, variant, superHeroAnimation)), video && /*#__PURE__*/_react["default"].createElement(_Video["default"], {
+    }, renderImage(image, focusedImage, variant, superHeroAnimation, lazyLoad)), video && /*#__PURE__*/_react["default"].createElement(_Video["default"], {
       content: content,
       override: override
     })), !modalDeployed && /*#__PURE__*/_react["default"].createElement("aside", {
@@ -471,7 +472,7 @@ var renderVariantsOneToSeven = function renderVariantsOneToSeven(variant, conten
 
 exports.renderVariantsOneToSeven = renderVariantsOneToSeven;
 
-var renderVariantEightToTen = function renderVariantEightToTen(variant, ContentComponent, contentSide, focusedImage, imageSizes, eyebrow, header, subHeader, text, cta, ctas, theme, Link, mouse, color, backgroundColor, dataPoints, superHeroAnimation) {
+var renderVariantEightToTen = function renderVariantEightToTen(variant, ContentComponent, contentSide, focusedImage, imageSizes, eyebrow, header, subHeader, text, cta, ctas, theme, Link, mouse, color, backgroundColor, dataPoints, superHeroAnimation, lazyLoad) {
   if (checkForVariant(variant) === "super-hero--fullscreen-components") {
     var hasDataPoints = dataPoints && Array.isArray(dataPoints) && (dataPoints === null || dataPoints === void 0 ? void 0 : dataPoints.length) > 0;
     return /*#__PURE__*/_react["default"].createElement("section", {
@@ -485,7 +486,7 @@ var renderVariantEightToTen = function renderVariantEightToTen(variant, ContentC
     }, /*#__PURE__*/_react["default"].createElement("span", {
       tabIndex: mouse ? "" : "0",
       className: "super-hero-fullscreen__hero-image-wrapper"
-    }, renderImage(null, focusedImage, variant, superHeroAnimation))), hasDataPoints && /*#__PURE__*/_react["default"].createElement(_reactAwesomeReveal.Fade, {
+    }, renderImage(null, focusedImage, variant, superHeroAnimation, lazyLoad))), hasDataPoints && /*#__PURE__*/_react["default"].createElement(_reactAwesomeReveal.Fade, {
       className: "super-hero-fullscreen__data-points"
     }, /*#__PURE__*/_react["default"].createElement(_DataPoint["default"], {
       points: dataPoints,

package/dist/luna/other-organisms/NavBar/NavBar.scss

@@ -619,4 +619,10 @@
   .ter-navbar--is-showing {
     border-bottom: 1px solid $concrete-gray;
   }
+
+  @media screen and (max-width: $breakpoint-xs) {
+    .luna-layout__sections {
+      padding-top: 60px;
+    }
+  }
 }

package/dist/luna/utils/renderImageOrLottieAnimation.js

@@ -16,6 +16,7 @@ var _terraOne = require("terra-one");
 var renderImageOrLottieAnimation = function renderImageOrLottieAnimation(image, focusedImageStyles, focusedImageSizes, focusedImageAlt, elementClass, lottieStyles) {
   var fullHeightWrapper = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : true;
   var lottieRatio = arguments.length > 7 ? arguments[7] : undefined;
+  var lazyLoad = arguments.length > 8 ? arguments[8] : undefined;
 
   if ((image === null || image === void 0 ? void 0 : image.type) === "lottieAnimation") {
     var animationRatio = lottieRatio ? lottieRatio : image === null || image === void 0 ? void 0 : image.ratio;
@@ -32,7 +33,8 @@ var renderImageOrLottieAnimation = function renderImageOrLottieAnimation(image,
       pictureStyles: focusedImageStyles,
       imageSizes: focusedImageSizes,
       alt: focusedImageAlt,
-      className: elementClass
+      className: elementClass,
+      lazyLoad: lazyLoad
     });
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luna-one",
-  "version": "3.1.561",
+  "version": "3.1.563",
   "peerDependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2",