luna-one 3.1.456 → 3.1.459

package/dist/global-styles/global-vars.scss

@@ -434,6 +434,7 @@ $breakpoint-xs: 600px;
 $breakpoint-sm: 960px;
 $breakpoint-md: 1280px;
 $breakpoint-lg: 1800px;
+$breakpoint-xl: 2000px;
 
 // YIQ contrast colors
 $yiq-contrasted-dark-default: type-color("normal") !default;

package/dist/luna/components/LinkList/LinkList.js

@@ -50,12 +50,10 @@ var LinkList = function LinkList(_ref) {
   var _useMouse = (0, _useMouse2["default"])(),
       mouse = _useMouse.mouse;
 
-  console.log("meeeeee", visible);
   return /*#__PURE__*/_react["default"].createElement(_reactAwesomeReveal.Fade, {
     className: "luna-link-list ".concat(paddingClass, " ").concat(visible),
     style: {
-      backgroundColor: (theme === null || theme === void 0 ? void 0 : theme.backgroundColor) || "#ffffff" // , visibility: visible ? "hidden !important" : "visible !important", border: "1px solid magenta"
-
+      backgroundColor: (theme === null || theme === void 0 ? void 0 : theme.backgroundColor) || "#ffffff"
     }
   }, links && links.map(function (link, i) {
     return /*#__PURE__*/_react["default"].createElement(SingleLink, {

package/dist/luna/heroes/FullBackgroundHero/FullBackgroundHero.scss

@@ -314,7 +314,6 @@
       }
 
       &-variant-2,
-      &-variant-2-inset,
       &-variant-3 {
         align-items: flex-start;
       }
@@ -367,7 +366,7 @@
 
       &-variant-2-inset {
         grid-column: 2 / span 6;
-        margin-top: 150px;
+        margin-top: 60px;
 
         @media screen and (max-width: $breakpoint-sm) {
           grid-column: 2 / span 6;
@@ -377,6 +376,10 @@
           grid-column: 2 / span 14;
           margin: 50px 0px;
         }
+
+        @media screen and (min-width: $breakpoint-xl) {
+          margin-top: 150px;
+        }
       }
 
       &-variant-3 {

package/dist/luna/heroes/SuperHero/SuperHero.scss

@@ -478,6 +478,12 @@
 
   &--data-points {
     position: relative;
+    @media screen and (max-width: $breakpoint-sm){
+      .super-hero-fullscreen__hero-image-variant_8-right {
+        min-height: auto;
+        max-height: 100%;
+      }
+    }
   }
 
   &__eyebrow {
@@ -667,6 +673,13 @@
     }
   }
 
+  &__hero-image-variant_8-right .super-hero-fullscreen__hero-image-wrapper {
+    @media screen and (max-width: $breakpoint-xs) {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+    }
+  }
   &__container {
     display: flex;
     flex-direction: column;

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

@@ -81,7 +81,7 @@ var ctaRowOrColumn = function ctaRowOrColumn(ctas, variant) {
   }
 
   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) {
-    ctas.VideoComponent = VideoComponent;
+    ctas["VideoComponent"] = VideoComponent;
   }
 
   var findRowVariant = function findRowVariant() {
@@ -479,6 +479,10 @@ var renderVariantsOneToSeven = function renderVariantsOneToSeven(variant, conten
       Link: Link,
       url: cta.url,
       text: cta.text,
+      VideoComponent: VideoComponent,
+      video: cta === null || cta === void 0 ? void 0 : cta.video,
+      override: override,
+      setOverride: setOverride,
       className: // TODO this will change once we have themes and button styling/themes confirmed
       theme !== null && theme !== void 0 && theme.ctaOne ? "ter-button--".concat(theme === null || theme === void 0 ? void 0 : theme.ctaOne) : "ter-button--primary--1"
     }), ctas && /*#__PURE__*/_react["default"].createElement(CTASection, {
@@ -504,17 +508,9 @@ var renderVariantEightToTen = function renderVariantEightToTen(variant, ContentC
     }, /*#__PURE__*/_react["default"].createElement(Fade, {
       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)
     }, /*#__PURE__*/_react["default"].createElement("span", {
-      tabIndex: mouse ? "" : "0"
-    }, (dataPoints === null || dataPoints === void 0 ? void 0 : dataPoints.length) && /*#__PURE__*/_react["default"].createElement(Fade, {
-      className: "super-hero-fullscreen__data-points super-hero-fullscreen__data-points--mobile"
-    }, /*#__PURE__*/_react["default"].createElement(DataPoint, {
-      points: dataPoints,
-      variant: "variant_2A",
-      theme: {
-        color: "#ffffff",
-        backgroundColor: "#0063A3"
-      }
-    })), /*#__PURE__*/_react["default"].createElement(FocusedImage, {
+      tabIndex: mouse ? "" : "0",
+      className: "super-hero-fullscreen__hero-image-wrapper"
+    }, /*#__PURE__*/_react["default"].createElement(FocusedImage, {
       focalPointImage: focusedImage === null || focusedImage === void 0 ? void 0 : focusedImage.focalPointImage,
       alt: focusedImage === null || focusedImage === void 0 ? void 0 : (_focusedImage$focalPo2 = focusedImage.focalPointImage) === null || _focusedImage$focalPo2 === void 0 ? void 0 : _focusedImage$focalPo2.title,
       fullHeightWrapper: true,
@@ -566,6 +562,15 @@ var renderVariantEightToTen = function renderVariantEightToTen(variant, ContentC
       className: theme !== null && theme !== void 0 && theme.ctaOne ? "ter-button--".concat(theme === null || theme === void 0 ? void 0 : theme.ctaOne) : "ter-button--primary--1"
     }), ctas && /*#__PURE__*/_react["default"].createElement(CTASection, {
       ctas: ctas
+    })), (dataPoints === null || dataPoints === void 0 ? void 0 : dataPoints.length) && /*#__PURE__*/_react["default"].createElement(Fade, {
+      className: "super-hero-fullscreen__data-points super-hero-fullscreen__data-points--mobile"
+    }, /*#__PURE__*/_react["default"].createElement(DataPoint, {
+      points: dataPoints,
+      variant: "variant_2A",
+      theme: {
+        color: "#ffffff",
+        backgroundColor: "#0063A3"
+      }
     })))));
   } else {
     return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null);

package/package.json

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