luna-one 3.1.297 → 3.1.301

package/dist/application/methods/__mocks__/formatFooterDataMethods.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.formatLink = exports.formatSocialLinks = exports.formatLegalStuff = exports.formatLogo = exports.formatLinksList = void 0;
+exports.formatSocialLinks = exports.formatLogo = exports.formatLinksList = exports.formatLink = exports.formatLegalStuff = void 0;
 
 var formatLinksList = function formatLinksList() {
   return ["link one", "link two"];

package/dist/application/methods/formatContentSections.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.formatLinks = void 0;
+exports.formatLinks = exports.default = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 

package/dist/application/methods/formatFooterDataMethods.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.formatLink = exports.formatSocialLinks = exports.formatLegalStuff = exports.formatLogo = exports.formatLinksList = void 0;
+exports.formatSocialLinks = exports.formatLogo = exports.formatLinksList = exports.formatLink = exports.formatLegalStuff = void 0;
 
 var _facebook = _interopRequireDefault(require("../assets/images/facebook.svg"));
 

package/dist/application/methods/organismFormat/feats/formatFeatSeven.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.formatTabbedListFeatFive = exports.formatTabbedListFeatFour = exports.formatTabbedListFeatThree = exports.formatTabsForFeatSeven = exports.formatThemesForTabbedSections = void 0;
+exports.formatThemesForTabbedSections = exports.formatTabsForFeatSeven = exports.formatTabbedListFeatThree = exports.formatTabbedListFeatFour = exports.formatTabbedListFeatFive = exports.default = void 0;
 
 var formatFeatSeven = function formatFeatSeven() {
   var _data$field_intro_hea, _data$field_intro_hea2, _data$field_intro_hea3, _data$field_intro_des, _data$field_intro_des2, _data$field_intro_des3, _data$field_s_tab_sec, _data$field_anchor_to, _data$field_anchor_to2, _data$field_anchor_te, _data$field_anchor_te2, _data$field_anchor_te3, _data$field_anchor_te4, _data$field_anchor_te5, _data$field_anchor_te6;

package/dist/index.js

@@ -5,106 +5,118 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "BlockListItems", {
+Object.defineProperty(exports, "Accordion", {
   enumerable: true,
   get: function get() {
-    return _BlockListItems.default;
+    return _Accordion.default;
   }
 });
-Object.defineProperty(exports, "Feat1", {
+Object.defineProperty(exports, "AdminCategoryData", {
   enumerable: true,
   get: function get() {
-    return _Feat.default;
+    return _AdminCategoryData.default;
   }
 });
-Object.defineProperty(exports, "Feat2A", {
+Object.defineProperty(exports, "AdminProductData", {
   enumerable: true,
   get: function get() {
-    return _Feat2A.default;
+    return _AdminProductData.default;
   }
 });
-Object.defineProperty(exports, "Feat2B", {
+Object.defineProperty(exports, "BlockListItems", {
   enumerable: true,
   get: function get() {
-    return _Feat2B.default;
+    return _BlockListItems.default;
   }
 });
-Object.defineProperty(exports, "Feat3", {
+Object.defineProperty(exports, "BrowserSupportBanner", {
   enumerable: true,
   get: function get() {
-    return _Feat2.default;
+    return _BrowserSupportBanner.default;
   }
 });
-Object.defineProperty(exports, "Feat4", {
+Object.defineProperty(exports, "CTAButtons", {
   enumerable: true,
   get: function get() {
-    return _Feat3.default;
+    return _CTAButtons.default;
   }
 });
-Object.defineProperty(exports, "Feat5", {
+Object.defineProperty(exports, "Carousel", {
   enumerable: true,
   get: function get() {
-    return _Feat4.default;
+    return _Carousel.default;
   }
 });
-Object.defineProperty(exports, "PullQuote", {
+Object.defineProperty(exports, "CtaWithHeader", {
   enumerable: true,
   get: function get() {
-    return _PullQuote.default;
+    return _CtaWithHeader.default;
   }
 });
-Object.defineProperty(exports, "Feat7", {
+Object.defineProperty(exports, "CustomFeat", {
   enumerable: true,
   get: function get() {
-    return _Feat5.default;
+    return _CustomFeat.default;
   }
 });
-Object.defineProperty(exports, "Feat8", {
+Object.defineProperty(exports, "DataPoint", {
   enumerable: true,
   get: function get() {
-    return _Feat6.default;
+    return _DataPoint.default;
   }
 });
-Object.defineProperty(exports, "Hero1", {
+Object.defineProperty(exports, "EventCard", {
   enumerable: true,
   get: function get() {
-    return _Hero.default;
+    return _EventCard.default;
   }
 });
-Object.defineProperty(exports, "Hero2", {
+Object.defineProperty(exports, "Feat1", {
   enumerable: true,
   get: function get() {
-    return _Hero2.default;
+    return _Feat.default;
   }
 });
-Object.defineProperty(exports, "Hero3", {
+Object.defineProperty(exports, "Feat2A", {
   enumerable: true,
   get: function get() {
-    return _Hero3.default;
+    return _Feat2A.default;
   }
 });
-Object.defineProperty(exports, "Hero4", {
+Object.defineProperty(exports, "Feat2B", {
   enumerable: true,
   get: function get() {
-    return _Hero4.default;
+    return _Feat2B.default;
   }
 });
-Object.defineProperty(exports, "Hero5", {
+Object.defineProperty(exports, "Feat3", {
   enumerable: true,
   get: function get() {
-    return _Hero4.default;
+    return _Feat2.default;
   }
 });
-Object.defineProperty(exports, "Hero6", {
+Object.defineProperty(exports, "Feat4", {
   enumerable: true,
   get: function get() {
-    return _Hero5.default;
+    return _Feat3.default;
   }
 });
-Object.defineProperty(exports, "Hero7", {
+Object.defineProperty(exports, "Feat5", {
   enumerable: true,
   get: function get() {
-    return _Hero6.default;
+    return _Feat4.default;
+  }
+});
+Object.defineProperty(exports, "Feat7", {
+  enumerable: true,
+  get: function get() {
+    return _Feat5.default;
+  }
+});
+Object.defineProperty(exports, "Feat8", {
+  enumerable: true,
+  get: function get() {
+    return _Feat6.default;
   }
 });
 Object.defineProperty(exports, "FilterHero", {
@@ -125,124 +137,136 @@ Object.defineProperty(exports, "Footer", {
     return _Footer.default;
   }
 });
-Object.defineProperty(exports, "MarketoForm", {
+Object.defineProperty(exports, "FooterHandler", {
   enumerable: true,
   get: function get() {
-    return _MarketoForm.default;
+    return _FooterHandler.default;
   }
 });
-Object.defineProperty(exports, "NavBar", {
+Object.defineProperty(exports, "FullBackgroundHero", {
   enumerable: true,
   get: function get() {
-    return _NavBar.default;
+    return _FullBackgroundHero.default;
   }
 });
-Object.defineProperty(exports, "ParallaxController", {
+Object.defineProperty(exports, "HTMLEmbed", {
   enumerable: true,
   get: function get() {
-    return _ParallaxController.default;
+    return _HTMLEmbed.default;
   }
 });
-Object.defineProperty(exports, "EventCard", {
+Object.defineProperty(exports, "Header", {
   enumerable: true,
   get: function get() {
-    return _EventCard.default;
+    return _Header.default;
   }
 });
-Object.defineProperty(exports, "MiniFeatDropdown", {
+Object.defineProperty(exports, "HelmetHandler", {
   enumerable: true,
   get: function get() {
-    return _MiniFeatDropdown.default;
+    return _HelmetHandler.default;
   }
 });
-Object.defineProperty(exports, "StoreFrontCard", {
+Object.defineProperty(exports, "Hero1", {
   enumerable: true,
   get: function get() {
-    return _StoreFrontCard.default;
+    return _Hero.default;
   }
 });
-Object.defineProperty(exports, "AdminProductData", {
+Object.defineProperty(exports, "Hero2", {
   enumerable: true,
   get: function get() {
-    return _AdminProductData.default;
+    return _Hero2.default;
   }
 });
-Object.defineProperty(exports, "AdminCategoryData", {
+Object.defineProperty(exports, "Hero3", {
   enumerable: true,
   get: function get() {
-    return _AdminCategoryData.default;
+    return _Hero3.default;
   }
 });
-Object.defineProperty(exports, "CustomFeat", {
+Object.defineProperty(exports, "Hero4", {
   enumerable: true,
   get: function get() {
-    return _CustomFeat.default;
+    return _Hero4.default;
   }
 });
-Object.defineProperty(exports, "BrowserSupportBanner", {
+Object.defineProperty(exports, "Hero5", {
   enumerable: true,
   get: function get() {
-    return _BrowserSupportBanner.default;
+    return _Hero4.default;
   }
 });
-Object.defineProperty(exports, "Login", {
+Object.defineProperty(exports, "Hero6", {
   enumerable: true,
   get: function get() {
-    return _Login.default;
+    return _Hero5.default;
   }
 });
-Object.defineProperty(exports, "TrainerCard", {
+Object.defineProperty(exports, "Hero7", {
   enumerable: true,
   get: function get() {
-    return _TrainerCard.default;
+    return _Hero6.default;
   }
 });
-Object.defineProperty(exports, "SlideOutFeat", {
+Object.defineProperty(exports, "IconTextList", {
   enumerable: true,
   get: function get() {
-    return _SlideOutFeat.default;
+    return _IconTextList.default;
   }
 });
-Object.defineProperty(exports, "SuperHero", {
+Object.defineProperty(exports, "InPageJumpNav", {
   enumerable: true,
   get: function get() {
-    return _SuperHero.default;
+    return _InPageJumpNav.default;
   }
 });
-Object.defineProperty(exports, "TimeBasedList", {
+Object.defineProperty(exports, "JobPosting", {
   enumerable: true,
   get: function get() {
-    return _TimeBasedList.default;
+    return _JobPosting.default;
   }
 });
-Object.defineProperty(exports, "CtaWithHeader", {
+Object.defineProperty(exports, "LinkList", {
   enumerable: true,
   get: function get() {
-    return _CtaWithHeader.default;
+    return _LinkList.default;
   }
 });
-Object.defineProperty(exports, "CTAButtons", {
+Object.defineProperty(exports, "Loading", {
   enumerable: true,
   get: function get() {
-    return _CTAButtons.default;
+    return _Loading.default;
   }
 });
-Object.defineProperty(exports, "Tabs", {
+Object.defineProperty(exports, "Login", {
   enumerable: true,
   get: function get() {
-    return _Tabs.default;
+    return _Login.default;
   }
 });
-Object.defineProperty(exports, "Carousel", {
+Object.defineProperty(exports, "MarketoForm", {
   enumerable: true,
   get: function get() {
-    return _Carousel.default;
+    return _MarketoForm.default;
   }
 });
-Object.defineProperty(exports, "Header", {
+Object.defineProperty(exports, "MiniFeatDropdown", {
   enumerable: true,
   get: function get() {
-    return _Header.default;
+    return _MiniFeatDropdown.default;
+  }
+});
+Object.defineProperty(exports, "NavBar", {
+  enumerable: true,
+  get: function get() {
+    return _NavBar.default;
+  }
+});
+Object.defineProperty(exports, "NavBarHandler", {
+  enumerable: true,
+  get: function get() {
+    return _NavBarHandler.default;
   }
 });
 Object.defineProperty(exports, "NonTimeBasedListEntries", {
@@ -251,70 +275,82 @@ Object.defineProperty(exports, "NonTimeBasedListEntries", {
     return _NonTimeBasedListEntries.default;
   }
 });
+Object.defineProperty(exports, "OverlayNotice", {
+  enumerable: true,
+  get: function get() {
+    return _OverlayNotice.default;
+  }
+});
+Object.defineProperty(exports, "ParallaxController", {
+  enumerable: true,
+  get: function get() {
+    return _ParallaxController.default;
+  }
+});
 Object.defineProperty(exports, "ProseLayout", {
   enumerable: true,
   get: function get() {
     return _ProseLayout.default;
   }
 });
-Object.defineProperty(exports, "IconTextList", {
+Object.defineProperty(exports, "PullQuote", {
   enumerable: true,
   get: function get() {
-    return _IconTextList.default;
+    return _PullQuote.default;
   }
 });
-Object.defineProperty(exports, "JobPosting", {
+Object.defineProperty(exports, "ScrollInPlace", {
   enumerable: true,
   get: function get() {
-    return _JobPosting.default;
+    return _ScrollInPlace.default;
   }
 });
-Object.defineProperty(exports, "Accordion", {
+Object.defineProperty(exports, "SlideOutFeat", {
   enumerable: true,
   get: function get() {
-    return _Accordion.default;
+    return _SlideOutFeat.default;
   }
 });
-Object.defineProperty(exports, "TwoByTwo", {
+Object.defineProperty(exports, "Stack", {
   enumerable: true,
   get: function get() {
-    return _x.default;
+    return _Stack.default;
   }
 });
-Object.defineProperty(exports, "LinkList", {
+Object.defineProperty(exports, "StoreFrontCard", {
   enumerable: true,
   get: function get() {
-    return _LinkList.default;
+    return _StoreFrontCard.default;
   }
 });
-Object.defineProperty(exports, "DataPoint", {
+Object.defineProperty(exports, "SuperHero", {
   enumerable: true,
   get: function get() {
-    return _DataPoint.default;
+    return _SuperHero.default;
   }
 });
-Object.defineProperty(exports, "FullBackgroundHero", {
+Object.defineProperty(exports, "Tabs", {
   enumerable: true,
   get: function get() {
-    return _FullBackgroundHero.default;
+    return _Tabs.default;
   }
 });
-Object.defineProperty(exports, "InPageJumpNav", {
+Object.defineProperty(exports, "TimeBasedList", {
   enumerable: true,
   get: function get() {
-    return _InPageJumpNav.default;
+    return _TimeBasedList.default;
   }
 });
-Object.defineProperty(exports, "HTMLEmbed", {
+Object.defineProperty(exports, "TrainerCard", {
   enumerable: true,
   get: function get() {
-    return _HTMLEmbed.default;
+    return _TrainerCard.default;
   }
 });
-Object.defineProperty(exports, "OverlayNotice", {
+Object.defineProperty(exports, "TwoByTwo", {
   enumerable: true,
   get: function get() {
-    return _OverlayNotice.default;
+    return _x.default;
   }
 });
 Object.defineProperty(exports, "UnboundedCard", {
@@ -329,40 +365,34 @@ Object.defineProperty(exports, "VideoComponent", {
     return _Video.default;
   }
 });
-Object.defineProperty(exports, "ScrollInPlace", {
-  enumerable: true,
-  get: function get() {
-    return _ScrollInPlace.default;
-  }
-});
-Object.defineProperty(exports, "FooterHandler", {
+Object.defineProperty(exports, "formatContentSections", {
   enumerable: true,
   get: function get() {
-    return _FooterHandler.default;
+    return _formatContentSections.default;
   }
 });
-Object.defineProperty(exports, "HelmetHandler", {
+Object.defineProperty(exports, "formatFooterDataMethods", {
   enumerable: true,
   get: function get() {
-    return _HelmetHandler.default;
+    return _formatFooterDataMethods.default;
   }
 });
-Object.defineProperty(exports, "NavBarHandler", {
+Object.defineProperty(exports, "formatMenuSiteData", {
   enumerable: true,
   get: function get() {
-    return _NavBarHandler.default;
+    return _formatMenuSiteData.default;
   }
 });
-Object.defineProperty(exports, "Stack", {
+Object.defineProperty(exports, "formatMenus", {
   enumerable: true,
   get: function get() {
-    return _Stack.default;
+    return _formatMenus.default;
   }
 });
-Object.defineProperty(exports, "Loading", {
+Object.defineProperty(exports, "locationRedirect", {
   enumerable: true,
   get: function get() {
-    return _Loading.default;
+    return _locationRedirect.default;
   }
 });
 Object.defineProperty(exports, "useErrorPageData", {
@@ -467,36 +497,6 @@ Object.defineProperty(exports, "useSiteData", {
     return _useSiteData.default;
   }
 });
-Object.defineProperty(exports, "formatContentSections", {
-  enumerable: true,
-  get: function get() {
-    return _formatContentSections.default;
-  }
-});
-Object.defineProperty(exports, "formatFooterDataMethods", {
-  enumerable: true,
-  get: function get() {
-    return _formatFooterDataMethods.default;
-  }
-});
-Object.defineProperty(exports, "formatMenus", {
-  enumerable: true,
-  get: function get() {
-    return _formatMenus.default;
-  }
-});
-Object.defineProperty(exports, "formatMenuSiteData", {
-  enumerable: true,
-  get: function get() {
-    return _formatMenuSiteData.default;
-  }
-});
-Object.defineProperty(exports, "locationRedirect", {
-  enumerable: true,
-  get: function get() {
-    return _locationRedirect.default;
-  }
-});
 
 require("react-app-polyfill/ie11");
 

package/dist/luna/components/2x2/2x2Methods.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hasContentPoints = exports.mapQuadrantContent = exports.parseContentMargin = exports.parseQuadrantClass = void 0;
+exports.parseQuadrantClass = exports.parseContentMargin = exports.mapQuadrantContent = exports.hasContentPoints = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 

package/dist/luna/components/CtaWithHeader/CtaWithHeader.scss

@@ -104,10 +104,6 @@
     font-size: $body-font-size;
     line-height: 22px;
 
-    &:not(:last-child) {
-      margin-bottom: 40px;
-    }
-
     @media only screen and (max-width: $breakpoint-xs) {
       font-size: $body-font-size-mobile;
       line-height: 23px;
@@ -174,7 +170,9 @@
     flex-wrap: wrap;
  
     a {
-      margin: 0 20px;
+      margin: 40px 20px 0 40px;
+      height: unset !important;
+      white-space: pre-wrap;
     }
 
     &.text-links {
@@ -213,6 +211,14 @@
       }
 
       .text-link-container {
+        &:first-child {
+          margin-top: 40px;
+        }
+        
+
+        a {
+          margin: 0;
+        }
 
         .text-link {
           position: relative;
@@ -222,8 +228,8 @@
 
           &:after {
             position: absolute;
-            top: -2px;
-            left: calc(100% + 6px);
+            bottom: -5px;
+            right: -29px;
             display: block;
             content: "";
             width: 24px;
@@ -246,8 +252,8 @@
 
           &:after {
             position: absolute;
-            top: -2px;
-            left: calc(100% + 6px);
+            bottom: -5px;
+            right: -29px;
             display: block;
             content: "";
             width: 24px;

package/dist/luna/components/DataPoint/DataPointMethods.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Point = exports.formatPoints = void 0;
+exports.formatPoints = exports.Point = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/dist/luna/components/ProseLayout/ProseLayout.js

@@ -55,7 +55,8 @@ var ProseLayout = function ProseLayout(_ref) {
       resources = _ref.resources,
       sources = _ref.sources,
       paddingClass = _ref.paddingClass,
-      industryOrCategory = _ref.industryOrCategory;
+      industryOrCategory = _ref.industryOrCategory,
+      industriesOrCategories = _ref.industriesOrCategories;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "prose-container ".concat(paddingClass)
   }, (bannerImage === null || bannerImage === void 0 ? void 0 : bannerImage.focalPointImage) && /*#__PURE__*/_react.default.createElement("div", {
@@ -72,7 +73,13 @@ var ProseLayout = function ProseLayout(_ref) {
     href: listPageLink
   }, "Back to full list"), (industryOrCategory === null || industryOrCategory === void 0 ? void 0 : industryOrCategory.name) && /*#__PURE__*/_react.default.createElement("div", {
     className: "category"
-  }, industryOrCategory.name), header && /*#__PURE__*/_react.default.createElement("h1", {
+  }, industryOrCategory.name), (industriesOrCategories === null || industriesOrCategories === void 0 ? void 0 : industriesOrCategories.length) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "category-container"
+  }, industriesOrCategories.map(function (industryOrCategory) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "category"
+    }, industryOrCategory.name);
+  })), header && /*#__PURE__*/_react.default.createElement("h1", {
     className: "header"
   }, header), subheader && /*#__PURE__*/_react.default.createElement("div", {
     className: "sub-header"

package/dist/luna/components/ProseLayout/ProseLayout.scss

@@ -130,6 +130,36 @@
       }
     }
 
+    .category-container {
+      display: flex;
+      .category {
+        &:first-child {
+          &:before {
+            position: absolute;
+            top: 12px;
+            left: -48px;
+            display: block;
+            content: "";
+            width: 20px;
+            height: 20px;
+            background-image: url("../../images/frame-intersection.svg");
+            background-repeat: no-repeat;
+
+            @media (max-width: $breakpoint-sm) {
+              display: none;
+            }
+          }
+        }
+
+        &:not(:first-child) {
+          padding-left: 10px;
+          &:before {
+            display: none;
+          }
+        }
+      }
+    }
+
     .header {
       margin: 0;
       font-size: $heading-4-size;
@@ -190,16 +220,23 @@
         }
       }
 
-      .richtext-container, & {
-        & > ul, & > ol, & > img, & > picture {
+      .richtext-container,
+      & {
+        & > ul,
+        & > ol,
+        & > img,
+        & > picture {
           margin-top: 60px;
         }
-  
+
         & > img {
           margin-top: 32px;
         }
-        
-        & > ul, & > ol, & > img, & > picture {
+
+        & > ul,
+        & > ol,
+        & > img,
+        & > picture {
           margin-bottom: 60px !important;
 
           @media (max-width: $breakpoint-sm) {

package/dist/luna/components/ScrollInPlace/ScrollInPlace.js

@@ -39,10 +39,23 @@ var ScrollInPlace = function ScrollInPlace(_ref) {
   var currentOffset = 0;
   var touchPause = false;
   var lastTouchPos = null;
+  var pauseSlideToggle = false;
+  var lastWheel = Date.now();
+  var holdWheelAction = false;
   var desktopSlideScrollBuffer = 8;
-  var mobileSlideScrollBuffer = 40;
+  var mobileSlideScrollBuffer = 20;
   var slideScrollBuffer = desktopSlideScrollBuffer;
-  var transitionTime = 1000;
+
+  function pauseSlides() {
+    pauseSlideToggle = true;
+    holdWheelAction = true;
+    setTimeout(function () {
+      pauseSlideToggle = false;
+    }, 500);
+    setTimeout(function () {
+      holdWheelAction = false;
+    }, 2000);
+  }
 
   function updateNavButtons(buttonClicked) {
     var _currentHooked, _currentHooked$elemen, _currentHooked$elemen2, _currentHooked$elemen3, _currentHooked$elemen4, _currentHooked$elemen5, _currentHooked$elemen6, _currentHooked2, _currentHooked2$eleme, _currentHooked2$eleme2, _currentHooked2$eleme3, _currentHooked2$eleme4, _currentHooked2$eleme5, _currentHooked2$eleme6, _buttonClicked$classL, _buttonClicked$datase, _buttonClicked$datase2, _buttonClicked$datase3;
@@ -127,6 +140,7 @@ var ScrollInPlace = function ScrollInPlace(_ref) {
             document.body.style.overflow = "hidden";
             currentHooked.element.classList.add("active");
             currentHooked.element.classList.add("activated");
+            pauseSlides();
           } else if (current.element.classList.contains("activated") && current.element.getBoundingClientRect().top > 5) {
             current.element.classList.remove("activated");
             current.finished = false;
@@ -148,6 +162,8 @@ var ScrollInPlace = function ScrollInPlace(_ref) {
         var _e$touches, _e$touches$;
 
         touchPause = true;
+        pauseSlideToggle = false;
+        holdWheelAction = false;
         var currentTouchPos = e === null || e === void 0 ? void 0 : (_e$touches = e.touches) === null || _e$touches === void 0 ? void 0 : (_e$touches$ = _e$touches[0]) === null || _e$touches$ === void 0 ? void 0 : _e$touches$.clientY;
         var wheelEvt = document.createEvent('MouseEvents');
         wheelEvt.initEvent('wheel', true, true);
@@ -164,7 +180,13 @@ var ScrollInPlace = function ScrollInPlace(_ref) {
       }
     });
     window.addEventListener('wheel', function (e) {
-      if (currentHooked) {
+      var currentWheel = Date.now();
+
+      if (currentWheel - lastWheel > 200) {
+        holdWheelAction = false;
+      }
+
+      if (currentHooked && !pauseSlideToggle && !holdWheelAction) {
         // get the scroll delta (val > 0 -> scroll down ||  val < 0 -> || scroll up)
         var scrollDelta = e.deltaY; // determine the current slide if unset, otherwise, determine the current slide offset
 
@@ -209,11 +231,13 @@ var ScrollInPlace = function ScrollInPlace(_ref) {
                 allCurrentSlides[activeIndex + 1].classList.add("active");
                 currentSlide = allCurrentSlides[activeIndex + 1];
                 updateNavButtons(getCorrespondingNavButton(activeIndex + 1));
+                pauseSlides();
               } else {
                 allCurrentSlides[activeIndex].classList.remove("active");
                 allCurrentSlides[0].classList.add("active");
                 currentSlide = allCurrentSlides[0];
                 updateNavButtons(getCorrespondingNavButton(0));
+                pauseSlides();
                 currentHooked.element.classList.remove("active");
                 document.body.style.overflow = "visible";
                 currentHooked.element.scrollIntoView(true);
@@ -227,10 +251,12 @@ var ScrollInPlace = function ScrollInPlace(_ref) {
                 allCurrentSlides[activeIndex - 1].classList.add("active");
                 currentSlide = allCurrentSlides[activeIndex - 1];
                 updateNavButtons(getCorrespondingNavButton(activeIndex - 1));
+                pauseSlides();
               } else {
                 allCurrentSlides[0].classList.add("active");
                 currentSlide = allCurrentSlides[0];
                 updateNavButtons(getCorrespondingNavButton(0));
+                pauseSlides();
                 currentHooked.element.classList.remove("active");
                 document.body.style.overflow = "visible";
                 currentHooked.element.scrollIntoView(true);
@@ -240,6 +266,8 @@ var ScrollInPlace = function ScrollInPlace(_ref) {
           }
         }
       }
+
+      lastWheel = currentWheel;
     });
   }
 

package/dist/luna/components/ScrollInPlace/ScrollInPlace.scss

@@ -31,6 +31,10 @@
 
     .progress-nav {
       display: flex;
+
+      @media screen and (max-width: $breakpoint-xs) {
+        display: none;
+      }
     }
 
     .slide-jump-nav {

package/dist/luna/components/SketchUpPricingCard/SketchUpPricingCardMethods.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.renderIcons = exports.renderListItems = void 0;
+exports.renderListItems = exports.renderIcons = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/dist/luna/components/UnboundedCard/UnboundedCardMethods.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.renderButton = exports.renderCardImage = void 0;
+exports.renderCardImage = exports.renderButton = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/dist/luna/components/Video/Video.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.imageSizes = exports.getThumbnailAlt = exports.getThumbnailSrc = exports.getModalClassName = exports.getReactPlayerClassName = exports.deployModalOnEnter = exports.isVidyardReady = void 0;
+exports.isVidyardReady = exports.imageSizes = exports.getThumbnailSrc = exports.getThumbnailAlt = exports.getReactPlayerClassName = exports.getModalClassName = exports.deployModalOnEnter = exports.default = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 

package/dist/luna/featurettes/Feat2B/Feat2BMethods.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getIconListItems = exports.getLinkCards = exports.default = void 0;
+exports.getLinkCards = exports.getIconListItems = exports.default = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 

package/dist/luna/heroes/FilterHero/FilterHeroMethods.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.generateCheckboxes = exports.generateDropdowns = exports.handleSelect = void 0;
+exports.handleSelect = exports.generateDropdowns = exports.generateCheckboxes = void 0;
 
 var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 

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

@@ -27,16 +27,16 @@ var FullBackgroundHero = function FullBackgroundHero(_ref) {
       motion = _ref.motion,
       paddingClass = _ref.paddingClass;
   var _content$variant = content.variant,
-      variant = _content$variant === void 0 ? 'variant-1' : _content$variant,
+      variant = _content$variant === void 0 ? "variant-1" : _content$variant,
       backgroundImage = content.backgroundImage,
       bottomBackgroundImage = content.bottomBackgroundImage,
       leftContent = content.leftContent,
       rightContent = content.rightContent,
       rightImage = content.rightImage,
       _content$shapeType = content.shapeType,
-      shapeType = _content$shapeType === void 0 ? 'square' : _content$shapeType,
+      shapeType = _content$shapeType === void 0 ? "square" : _content$shapeType,
       _content$shapeBorderC = content.shapeBorderColor,
-      shapeBorderColor = _content$shapeBorderC === void 0 ? '#F1F1F6' : _content$shapeBorderC,
+      shapeBorderColor = _content$shapeBorderC === void 0 ? "#F1F1F6" : _content$shapeBorderC,
       rightContentType = content.rightContentType;
 
   var _useWindowSize = (0, _useWindowSize2.default)(),
@@ -50,7 +50,7 @@ var FullBackgroundHero = function FullBackgroundHero(_ref) {
   var twoByTwoModifier = "";
 
   if (rightContentType) {
-    twoByTwoModifier = rightContentType === 'Contentful2X2' ? 'luna-full-background-hero--2x2' : "";
+    twoByTwoModifier = rightContentType === "Contentful2X2" ? "luna-full-background-hero--2x2" : "";
   }
 
   return /*#__PURE__*/_react.default.createElement("section", {
@@ -68,17 +68,22 @@ var FullBackgroundHero = function FullBackgroundHero(_ref) {
   }, (0, _FullBackgroundHeroMethods.renderBackgroundImage)(backgroundImage, size, variant)), /*#__PURE__*/_react.default.createElement("div", {
     className: "luna-full-background-hero__image-wrapper-content-".concat(variant)
   }, bottomBackgroundImage && (0, _FullBackgroundHeroMethods.renderBackgroundImage)(bottomBackgroundImage, size, variant))), /*#__PURE__*/_react.default.createElement(_reactAwesomeReveal.Fade, {
-    direction: motion ? 'up' : '',
+    direction: motion ? "up" : "",
     delay: motion ? 100 : 0,
     triggerOnce: true,
     className: "\n          luna-full-background-hero__content-wrapper \n          luna-full-background-hero__content-wrapper-".concat(variant)
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "\n            luna-full-background-hero__content-wrapper-grid \n            luna-full-background-hero__content-wrapper-grid-".concat(variant)
+    className: "\n            luna-full-background-hero__content-wrapper-grid \n            luna-full-background-hero__content-wrapper-grid-".concat(variant),
+    style: variant === "variant-2" ? {
+      gridTemplateRows: "5px 1fr"
+    } : {
+      gridTemplateRows: "1fr"
+    }
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "\n                luna-full-background-hero__content-wrapper-left \n                luna-full-background-hero__content-wrapper-left-".concat(variant, " \n                ").concat(!rightContent ? "luna-full-background-hero__content-wrapper-left-".concat(variant, "--full") : '', "\n                ").concat(rightImage ? "luna-full-background-hero__content-wrapper-left-".concat(variant, "--image") : '')
+    className: "\n                luna-full-background-hero__content-wrapper-left \n                luna-full-background-hero__content-wrapper-left-".concat(variant, " \n                ").concat(!rightContent ? "luna-full-background-hero__content-wrapper-left-".concat(variant, "--full") : "", "\n                ").concat(rightImage ? "luna-full-background-hero__content-wrapper-left-".concat(variant, "--image") : "")
   }, leftContent), /*#__PURE__*/_react.default.createElement("div", {
     className: "\n                luna-full-background-hero__content-wrapper-right \n                luna-full-background-hero__content-wrapper-right-".concat(variant)
-  }, (variant === 'variant-1' || variant === 'variant-2-inset') && rightContent, variant === 'variant-2' && rightImage && (0, _FullBackgroundHeroMethods.renderShape)(shapeBorderColor, rightImage, shapeType), variant === 'variant-3' && rightImage && (0, _FullBackgroundHeroMethods.renderContentImage)(rightImage)))));
+  }, (variant === "variant-1" || variant === "variant-2-inset") && rightContent, variant === "variant-2" && rightImage && (0, _FullBackgroundHeroMethods.renderShape)(shapeBorderColor, rightImage, shapeType), variant === "variant-3" && rightImage && (0, _FullBackgroundHeroMethods.renderContentImage)(rightImage)))));
 };
 
 var _default = FullBackgroundHero;

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

@@ -166,11 +166,30 @@
         }
       }
 
+      @-moz-document url-prefix() {
+          &-variant-2 {
+            @media screen and (min-width: 1650px) {
+              height: auto !important;
+              
+              picture {
+                padding-bottom: 0 !important;
+              }
+            }
+            
+          }  
+        }
+
       &-variant-2 {
         height: 100%;
         grid-row: 1 / span 5;
         grid-column: 1 / span 1;
 
+        picture {
+          @media screen and (min-width: $breakpoint-lg) {
+            padding-bottom: 0 !important;
+          }
+        }
+
         @media screen and (max-width: 700px) {
           height: 280px;
         }
@@ -270,7 +289,7 @@
 
     &-grid {
       @include grid-container;
-      grid-template-rows: 1fr;
+      grid-template-rows: 5px 1fr;
       height: 100%;
       align-items: center;
 
@@ -417,6 +436,7 @@
 
         @media screen and (max-width: 700px) {
           grid-column: 2 / span 14;
+          grid-row: 1 / span 1;
         }
       }
 
@@ -477,8 +497,8 @@
         @media screen and (max-width: 700px) {
           width: 280px;
           height: 280px;
-          position: absolute !important;
-          top: 120px;
+          position: relative !important;
+          bottom: 170px !important;
           left: calc((100% - 280px) / 2);
         }
 
@@ -552,4 +572,4 @@
       }
     }
   }
-}
+}

package/dist/luna/heroes/Hero3/Hero3Methods.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.generateVideoSide = exports.deployModalOnEnter = exports.formatCTAs = void 0;
+exports.generateVideoSide = exports.formatCTAs = exports.deployModalOnEnter = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 

package/dist/luna/heroes/Hero7/Hero7Methods.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.generateBackground = exports.mobileContent = void 0;
+exports.mobileContent = exports.generateBackground = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.renderVariantEightToTen = exports.renderVariantsOneToSeven = exports.checkForVariant = exports.imageSizes = exports.ctaRowOrColumn = void 0;
+exports.renderVariantsOneToSeven = exports.renderVariantEightToTen = exports.imageSizes = exports.ctaRowOrColumn = exports.checkForVariant = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 

package/dist/luna/list-feats/methods/listFeatMethods.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getMotionDelay = exports.getDumplings = exports.renderListFeat = void 0;
+exports.renderListFeat = exports.getMotionDelay = exports.getDumplings = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/dist/luna/utils/checkForDangerouslySet.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.checkAndSet = exports.default = void 0;
+exports.default = exports.checkAndSet = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/dist/luna/utils/checkThemeForBrand.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.checkSingleTheme = exports.setBrandButtonTypes = exports.setNormalButtonTypes = exports.default = void 0;
+exports.setNormalButtonTypes = exports.setBrandButtonTypes = exports.default = exports.checkSingleTheme = void 0;
 var brands = ["brand-regular", "brand-dark", "brand-very-dark", "theme-4", "theme-5"]; // "brand-regular", "brand-dark", "brand-very-dark" are deprecated
 
 var checkThemeForBrand = function checkThemeForBrand(theme, ctas, clearClassNames) {

package/dist/luna/utils/generateLinks.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.IconLink = exports.generateMobileLink = exports.generateSingleLinkFunctionless = exports.generateSingleLink = exports.default = void 0;
+exports.generateSingleLinkFunctionless = exports.generateSingleLink = exports.generateMobileLink = exports.default = exports.IconLink = void 0;
 
 var _terraOne = require("terra-one");
 

package/dist/luna/utils/handleMouseState.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.removeListenerKeyDown = exports.addListenerKeyDown = exports.removeListenerMouseDown = exports.addListenerMouseDown = void 0;
+exports.removeListenerMouseDown = exports.removeListenerKeyDown = exports.addListenerMouseDown = exports.addListenerKeyDown = void 0;
 
 // functionality for adding/removing keydown and mousedown listeners
 var addListenerMouseDown = function addListenerMouseDown(funct) {

package/dist/luna/utils/interalExternalArrows.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.arrowDiagonalRight = exports.arrowRight = void 0;
+exports.arrowRight = exports.arrowDiagonalRight = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luna-one",
-  "version": "3.1.297",
+  "version": "3.1.301",
   "dependencies": {
     "@storybook/addon-knobs": "^6.3.1",
     "@testing-library/jest-dom": "^5.11.9",