luna-one 3.1.266 → 3.1.270

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.formatSocialLinks = exports.formatLogo = exports.formatLinksList = exports.formatLink = exports.formatLegalStuff = void 0;
+exports.formatLink = exports.formatSocialLinks = exports.formatLegalStuff = exports.formatLogo = exports.formatLinksList = 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.formatLinks = exports.default = void 0;
+exports.default = exports.formatLinks = 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.formatSocialLinks = exports.formatLogo = exports.formatLinksList = exports.formatLink = exports.formatLegalStuff = void 0;
+exports.formatLink = exports.formatSocialLinks = exports.formatLegalStuff = exports.formatLogo = exports.formatLinksList = 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.formatThemesForTabbedSections = exports.formatTabsForFeatSeven = exports.formatTabbedListFeatThree = exports.formatTabbedListFeatFour = exports.formatTabbedListFeatFive = exports.default = void 0;
+exports.default = exports.formatTabbedListFeatFive = exports.formatTabbedListFeatFour = exports.formatTabbedListFeatThree = exports.formatTabsForFeatSeven = exports.formatThemesForTabbedSections = 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,118 +5,106 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Accordion", {
-  enumerable: true,
-  get: function get() {
-    return _Accordion.default;
-  }
-});
-Object.defineProperty(exports, "AdminCategoryData", {
-  enumerable: true,
-  get: function get() {
-    return _AdminCategoryData.default;
-  }
-});
-Object.defineProperty(exports, "AdminProductData", {
+Object.defineProperty(exports, "BlockListItems", {
   enumerable: true,
   get: function get() {
-    return _AdminProductData.default;
+    return _BlockListItems.default;
   }
 });
-Object.defineProperty(exports, "BlockListItems", {
+Object.defineProperty(exports, "Feat1", {
   enumerable: true,
   get: function get() {
-    return _BlockListItems.default;
+    return _Feat.default;
   }
 });
-Object.defineProperty(exports, "BrowserSupportBanner", {
+Object.defineProperty(exports, "Feat2A", {
   enumerable: true,
   get: function get() {
-    return _BrowserSupportBanner.default;
+    return _Feat2A.default;
   }
 });
-Object.defineProperty(exports, "CTAButtons", {
+Object.defineProperty(exports, "Feat2B", {
   enumerable: true,
   get: function get() {
-    return _CTAButtons.default;
+    return _Feat2B.default;
   }
 });
-Object.defineProperty(exports, "Carousel", {
+Object.defineProperty(exports, "Feat3", {
   enumerable: true,
   get: function get() {
-    return _Carousel.default;
+    return _Feat2.default;
   }
 });
-Object.defineProperty(exports, "CtaWithHeader", {
+Object.defineProperty(exports, "Feat4", {
   enumerable: true,
   get: function get() {
-    return _CtaWithHeader.default;
+    return _Feat3.default;
   }
 });
-Object.defineProperty(exports, "CustomFeat", {
+Object.defineProperty(exports, "Feat5", {
   enumerable: true,
   get: function get() {
-    return _CustomFeat.default;
+    return _Feat4.default;
   }
 });
-Object.defineProperty(exports, "DataPoint", {
+Object.defineProperty(exports, "PullQuote", {
   enumerable: true,
   get: function get() {
-    return _DataPoint.default;
+    return _PullQuote.default;
   }
 });
-Object.defineProperty(exports, "EventCard", {
+Object.defineProperty(exports, "Feat7", {
   enumerable: true,
   get: function get() {
-    return _EventCard.default;
+    return _Feat5.default;
   }
 });
-Object.defineProperty(exports, "Feat1", {
+Object.defineProperty(exports, "Feat8", {
   enumerable: true,
   get: function get() {
-    return _Feat.default;
+    return _Feat6.default;
   }
 });
-Object.defineProperty(exports, "Feat2A", {
+Object.defineProperty(exports, "Hero1", {
   enumerable: true,
   get: function get() {
-    return _Feat2A.default;
+    return _Hero.default;
   }
 });
-Object.defineProperty(exports, "Feat2B", {
+Object.defineProperty(exports, "Hero2", {
   enumerable: true,
   get: function get() {
-    return _Feat2B.default;
+    return _Hero2.default;
   }
 });
-Object.defineProperty(exports, "Feat3", {
+Object.defineProperty(exports, "Hero3", {
   enumerable: true,
   get: function get() {
-    return _Feat2.default;
+    return _Hero3.default;
   }
 });
-Object.defineProperty(exports, "Feat4", {
+Object.defineProperty(exports, "Hero4", {
   enumerable: true,
   get: function get() {
-    return _Feat3.default;
+    return _Hero4.default;
   }
 });
-Object.defineProperty(exports, "Feat5", {
+Object.defineProperty(exports, "Hero5", {
   enumerable: true,
   get: function get() {
-    return _Feat4.default;
+    return _Hero4.default;
   }
 });
-Object.defineProperty(exports, "Feat7", {
+Object.defineProperty(exports, "Hero6", {
   enumerable: true,
   get: function get() {
-    return _Feat5.default;
+    return _Hero5.default;
   }
 });
-Object.defineProperty(exports, "Feat8", {
+Object.defineProperty(exports, "Hero7", {
   enumerable: true,
   get: function get() {
-    return _Feat6.default;
+    return _Hero6.default;
   }
 });
 Object.defineProperty(exports, "FilterHero", {
@@ -137,136 +125,124 @@ Object.defineProperty(exports, "Footer", {
     return _Footer.default;
   }
 });
-Object.defineProperty(exports, "FooterHandler", {
-  enumerable: true,
-  get: function get() {
-    return _FooterHandler.default;
-  }
-});
-Object.defineProperty(exports, "FullBackgroundHero", {
-  enumerable: true,
-  get: function get() {
-    return _FullBackgroundHero.default;
-  }
-});
-Object.defineProperty(exports, "HTMLEmbed", {
+Object.defineProperty(exports, "MarketoForm", {
   enumerable: true,
   get: function get() {
-    return _HTMLEmbed.default;
+    return _MarketoForm.default;
   }
 });
-Object.defineProperty(exports, "Header", {
+Object.defineProperty(exports, "NavBar", {
   enumerable: true,
   get: function get() {
-    return _Header.default;
+    return _NavBar.default;
   }
 });
-Object.defineProperty(exports, "HelmetHandler", {
+Object.defineProperty(exports, "ParallaxController", {
   enumerable: true,
   get: function get() {
-    return _HelmetHandler.default;
+    return _ParallaxController.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, "MiniFeatDropdown", {
   enumerable: true,
   get: function get() {
-    return _Hero2.default;
+    return _MiniFeatDropdown.default;
   }
 });
-Object.defineProperty(exports, "Hero3", {
+Object.defineProperty(exports, "StoreFrontCard", {
   enumerable: true,
   get: function get() {
-    return _Hero3.default;
+    return _StoreFrontCard.default;
   }
 });
-Object.defineProperty(exports, "Hero4", {
+Object.defineProperty(exports, "AdminProductData", {
   enumerable: true,
   get: function get() {
-    return _Hero4.default;
+    return _AdminProductData.default;
   }
 });
-Object.defineProperty(exports, "Hero5", {
+Object.defineProperty(exports, "AdminCategoryData", {
   enumerable: true,
   get: function get() {
-    return _Hero4.default;
+    return _AdminCategoryData.default;
   }
 });
-Object.defineProperty(exports, "Hero6", {
+Object.defineProperty(exports, "CustomFeat", {
   enumerable: true,
   get: function get() {
-    return _Hero5.default;
+    return _CustomFeat.default;
   }
 });
-Object.defineProperty(exports, "Hero7", {
+Object.defineProperty(exports, "BrowserSupportBanner", {
   enumerable: true,
   get: function get() {
-    return _Hero6.default;
+    return _BrowserSupportBanner.default;
   }
 });
-Object.defineProperty(exports, "IconTextList", {
+Object.defineProperty(exports, "Login", {
   enumerable: true,
   get: function get() {
-    return _IconTextList.default;
+    return _Login.default;
   }
 });
-Object.defineProperty(exports, "InPageJumpNav", {
+Object.defineProperty(exports, "TrainerCard", {
   enumerable: true,
   get: function get() {
-    return _InPageJumpNav.default;
+    return _TrainerCard.default;
   }
 });
-Object.defineProperty(exports, "JobPosting", {
+Object.defineProperty(exports, "SlideOutFeat", {
   enumerable: true,
   get: function get() {
-    return _JobPosting.default;
+    return _SlideOutFeat.default;
   }
 });
-Object.defineProperty(exports, "LinkList", {
+Object.defineProperty(exports, "SuperHero", {
   enumerable: true,
   get: function get() {
-    return _LinkList.default;
+    return _SuperHero.default;
   }
 });
-Object.defineProperty(exports, "Loading", {
+Object.defineProperty(exports, "TimeBasedList", {
   enumerable: true,
   get: function get() {
-    return _Loading.default;
+    return _TimeBasedList.default;
   }
 });
-Object.defineProperty(exports, "Login", {
+Object.defineProperty(exports, "CtaWithHeader", {
   enumerable: true,
   get: function get() {
-    return _Login.default;
+    return _CtaWithHeader.default;
   }
 });
-Object.defineProperty(exports, "MarketoForm", {
+Object.defineProperty(exports, "CTAButtons", {
   enumerable: true,
   get: function get() {
-    return _MarketoForm.default;
+    return _CTAButtons.default;
   }
 });
-Object.defineProperty(exports, "MiniFeatDropdown", {
+Object.defineProperty(exports, "Tabs", {
   enumerable: true,
   get: function get() {
-    return _MiniFeatDropdown.default;
+    return _Tabs.default;
   }
 });
-Object.defineProperty(exports, "NavBar", {
+Object.defineProperty(exports, "Carousel", {
   enumerable: true,
   get: function get() {
-    return _NavBar.default;
+    return _Carousel.default;
   }
 });
-Object.defineProperty(exports, "NavBarHandler", {
+Object.defineProperty(exports, "Header", {
   enumerable: true,
   get: function get() {
-    return _NavBarHandler.default;
+    return _Header.default;
   }
 });
 Object.defineProperty(exports, "NonTimeBasedListEntries", {
@@ -275,106 +251,100 @@ Object.defineProperty(exports, "NonTimeBasedListEntries", {
     return _NonTimeBasedListEntries.default;
   }
 });
-Object.defineProperty(exports, "OverlayNotice", {
-  enumerable: true,
-  get: function get() {
-    return _OverlayNotice.default;
-  }
-});
-Object.defineProperty(exports, "ParallaxController", {
+Object.defineProperty(exports, "ProseLayout", {
   enumerable: true,
   get: function get() {
-    return _ParallaxController.default;
+    return _ProseLayout.default;
   }
 });
-Object.defineProperty(exports, "ProseLayout", {
+Object.defineProperty(exports, "IconTextList", {
   enumerable: true,
   get: function get() {
-    return _ProseLayout.default;
+    return _IconTextList.default;
   }
 });
-Object.defineProperty(exports, "PullQuote", {
+Object.defineProperty(exports, "JobPosting", {
   enumerable: true,
   get: function get() {
-    return _PullQuote.default;
+    return _JobPosting.default;
   }
 });
-Object.defineProperty(exports, "SlideOutFeat", {
+Object.defineProperty(exports, "Accordion", {
   enumerable: true,
   get: function get() {
-    return _SlideOutFeat.default;
+    return _Accordion.default;
   }
 });
-Object.defineProperty(exports, "Stack", {
+Object.defineProperty(exports, "TwoByTwo", {
   enumerable: true,
   get: function get() {
-    return _Stack.default;
+    return _x.default;
   }
 });
-Object.defineProperty(exports, "StoreFrontCard", {
+Object.defineProperty(exports, "LinkList", {
   enumerable: true,
   get: function get() {
-    return _StoreFrontCard.default;
+    return _LinkList.default;
   }
 });
-Object.defineProperty(exports, "SuperHero", {
+Object.defineProperty(exports, "DataPoint", {
   enumerable: true,
   get: function get() {
-    return _SuperHero.default;
+    return _DataPoint.default;
   }
 });
-Object.defineProperty(exports, "Tabs", {
+Object.defineProperty(exports, "FullBackgroundHero", {
   enumerable: true,
   get: function get() {
-    return _Tabs.default;
+    return _FullBackgroundHero.default;
   }
 });
-Object.defineProperty(exports, "TimeBasedList", {
+Object.defineProperty(exports, "InPageJumpNav", {
   enumerable: true,
   get: function get() {
-    return _TimeBasedList.default;
+    return _InPageJumpNav.default;
   }
 });
-Object.defineProperty(exports, "TrainerCard", {
+Object.defineProperty(exports, "HTMLEmbed", {
   enumerable: true,
   get: function get() {
-    return _TrainerCard.default;
+    return _HTMLEmbed.default;
   }
 });
-Object.defineProperty(exports, "TwoByTwo", {
+Object.defineProperty(exports, "OverlayNotice", {
   enumerable: true,
   get: function get() {
-    return _x.default;
+    return _OverlayNotice.default;
   }
 });
-Object.defineProperty(exports, "formatContentSections", {
+Object.defineProperty(exports, "FooterHandler", {
   enumerable: true,
   get: function get() {
-    return _formatContentSections.default;
+    return _FooterHandler.default;
   }
 });
-Object.defineProperty(exports, "formatFooterDataMethods", {
+Object.defineProperty(exports, "HelmetHandler", {
   enumerable: true,
   get: function get() {
-    return _formatFooterDataMethods.default;
+    return _HelmetHandler.default;
   }
 });
-Object.defineProperty(exports, "formatMenuSiteData", {
+Object.defineProperty(exports, "NavBarHandler", {
   enumerable: true,
   get: function get() {
-    return _formatMenuSiteData.default;
+    return _NavBarHandler.default;
   }
 });
-Object.defineProperty(exports, "formatMenus", {
+Object.defineProperty(exports, "Stack", {
   enumerable: true,
   get: function get() {
-    return _formatMenus.default;
+    return _Stack.default;
   }
 });
-Object.defineProperty(exports, "locationRedirect", {
+Object.defineProperty(exports, "Loading", {
   enumerable: true,
   get: function get() {
-    return _locationRedirect.default;
+    return _Loading.default;
   }
 });
 Object.defineProperty(exports, "useErrorPageData", {
@@ -479,6 +449,36 @@ 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.parseQuadrantClass = exports.parseContentMargin = exports.mapQuadrantContent = exports.hasContentPoints = void 0;
+exports.hasContentPoints = exports.mapQuadrantContent = exports.parseContentMargin = exports.parseQuadrantClass = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 

package/dist/luna/components/BlockListItems/BlockListItems.js

@@ -24,7 +24,7 @@ var BlockListItems = function BlockListItems(_ref) {
   var wrapper = (0, _react.useRef)(null);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: wrapper,
-    className: "ter-block-list-items ".concat(paddingClass),
+    className: "ter-block-list-items ".concat(paddingClass ? paddingClass : ''),
     style: {
       zIndex: zIndex + 1 || "auto"
     }

package/dist/luna/components/BlockListItems/BlockListItems.scss

@@ -21,3 +21,30 @@
     margin: 0 auto;
   }
 }
+
+.ter-icon-mini-blocks {
+  display: grid;
+  grid-gap: 12px;
+  grid-template-columns: repeat(4, 1fr);
+  @media screen and (max-width: $breakpoint-md) {
+    grid-template-columns: repeat(3, 1fr);
+  }
+  @media screen and (max-width: $breakpoint-sm) {
+    grid-template-columns: repeat(2, 1fr);
+  }
+  @media screen and (max-width: $breakpoint-xs) {
+    grid-template-columns: repeat(1, 1fr);
+  }
+  &--large {
+    grid-template-columns: repeat(3, 1fr);
+    @media screen and (max-width: $breakpoint-sm) {
+      grid-template-columns: repeat(2, 1fr);
+    }
+    @media screen and (max-width: $breakpoint-xs) {
+      grid-template-columns: repeat(1, 1fr);
+    }
+  }
+  .ter-icon-mini-blocks {
+    margin: 0 auto;
+  }
+}

package/dist/luna/components/BlockListItems/BlockListItemsMethods.js

@@ -11,14 +11,25 @@ var _react = _interopRequireDefault(require("react"));
 
 var _BoundedCards = _interopRequireDefault(require("./BoundedCards"));
 
+var _IconMiniBlocks = _interopRequireDefault(require("./IconMiniBlocks"));
+
 var renderBlockListItems = function renderBlockListItems(content, motion, type) {
-  if (type === "bounded_cards") {
-    return /*#__PURE__*/_react.default.createElement(_BoundedCards.default, {
-      content: content,
-      motion: motion
-    });
-  } // ADD NEW ITEM OPTIONS HERE
+  switch (type) {
+    case "bounded_cards":
+      return /*#__PURE__*/_react.default.createElement(_BoundedCards.default, {
+        content: content,
+        motion: motion
+      });
+
+    case "icon_mini_blocks":
+      return /*#__PURE__*/_react.default.createElement(_IconMiniBlocks.default, {
+        content: content,
+        motion: motion
+      });
 
+    default:
+      return null;
+  }
 };
 
 exports.renderBlockListItems = renderBlockListItems;

package/dist/luna/components/BlockListItems/IconMiniBlocks.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _terraOne = require("terra-one");
+
+require("./BlockListItems.scss");
+
+var IconMiniBlocks = function IconMiniBlocks(_ref) {
+  var content = _ref.content,
+      motion = _ref.motion;
+
+  var renderIconMiniBlocks = function renderIconMiniBlocks() {
+    if (content.blocks && content.blocks.length) {
+      return content.blocks.map(function (block, index) {
+        var blockContent = {
+          header: block === null || block === void 0 ? void 0 : block.header,
+          link: block === null || block === void 0 ? void 0 : block.link,
+          text: block === null || block === void 0 ? void 0 : block.text,
+          type: block === null || block === void 0 ? void 0 : block.type,
+          backgroundColor: block === null || block === void 0 ? void 0 : block.backgroundColor,
+          color: block === null || block === void 0 ? void 0 : block.color,
+          alignment: content === null || content === void 0 ? void 0 : content.alignment,
+          largeBlock: content === null || content === void 0 ? void 0 : content.largeBlock
+        };
+        return /*#__PURE__*/_react.default.createElement(_terraOne.IconMiniBlock, {
+          key: index,
+          content: blockContent,
+          largeBlock: blockContent.largeBlock,
+          alignment: blockContent.alignment,
+          motion: motion ? motion : null
+        });
+      });
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement("section", {
+    className: "ter-icon-mini-blocks ".concat(content.largeBlock ? "ter-icon-mini-blocks--large" : "")
+  }, renderIconMiniBlocks());
+};
+
+var _default = IconMiniBlocks;
+exports.default = _default;

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.formatPoints = exports.Point = void 0;
+exports.Point = exports.formatPoints = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

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.renderListItems = exports.renderIcons = void 0;
+exports.renderIcons = exports.renderListItems = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

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.getLinkCards = exports.getIconListItems = exports.default = void 0;
+exports.getIconListItems = exports.getLinkCards = 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.handleSelect = exports.generateDropdowns = exports.generateCheckboxes = void 0;
+exports.generateCheckboxes = exports.generateDropdowns = exports.handleSelect = void 0;
 
 var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 

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

@@ -22,21 +22,23 @@ var _useStyles2 = _interopRequireDefault(require("../../utils/hooks/useStyles"))
 var _reactAwesomeReveal = require("react-awesome-reveal");
 
 var FullBackgroundHero = function FullBackgroundHero(_ref) {
+  var _rightContent$type;
+
   var content = _ref.content,
       theme = _ref.theme,
       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;
 
   var _useWindowSize = (0, _useWindowSize2.default)(),
       size = _useWindowSize.size;
@@ -47,7 +49,7 @@ var FullBackgroundHero = function FullBackgroundHero(_ref) {
       backgroundColor = _useStyles.backgroundColor;
 
   return /*#__PURE__*/_react.default.createElement("section", {
-    className: "\n        luna-full-background-hero \n        luna-full-background-hero-".concat(variant, " ").concat(paddingClass, " \n        ").concat(rightContent.type.name === 'TwoByTwoContent' ? "luna-full-background-hero--2x2" : '', "\n      "),
+    className: "\n        luna-full-background-hero \n        luna-full-background-hero-".concat(variant, " ").concat(paddingClass, " \n        ").concat((rightContent === null || rightContent === void 0 ? void 0 : (_rightContent$type = rightContent.type) === null || _rightContent$type === void 0 ? void 0 : _rightContent$type.name) === 'TwoByTwoContent' ? 'luna-full-background-hero--2x2' : '', "\n      "),
     style: {
       background: backgroundColor
     }
@@ -61,17 +63,17 @@ 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)
   }, /*#__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/Hero3/Hero3Methods.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.generateVideoSide = exports.formatCTAs = exports.deployModalOnEnter = void 0;
+exports.generateVideoSide = exports.deployModalOnEnter = exports.formatCTAs = 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.mobileContent = exports.generateBackground = void 0;
+exports.generateBackground = exports.mobileContent = 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.renderVariantsOneToSeven = exports.renderVariantEightToTen = exports.isVidyardReady = exports.imageSizes = exports.getThumbnailSrc = exports.getThumbnailAlt = exports.getReactPlayerClassName = exports.getModalClassName = exports.deployModalOnEnter = exports.ctaRowOrColumn = exports.checkForVariant = void 0;
+exports.renderVariantEightToTen = exports.renderVariantsOneToSeven = exports.checkForVariant = exports.imageSizes = exports.getThumbnailAlt = exports.getThumbnailSrc = exports.getModalClassName = exports.getReactPlayerClassName = exports.deployModalOnEnter = exports.isVidyardReady = exports.ctaRowOrColumn = 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.renderListFeat = exports.getMotionDelay = exports.getDumplings = void 0;
+exports.getMotionDelay = exports.getDumplings = exports.renderListFeat = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

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

@@ -332,7 +332,7 @@
   &__flyout {
     &-wrapper {
       position: absolute;
-      top: 104px;
+      top: 0;
       right: 0;
       z-index: 100;
       transition: top 0.4s ease;

package/dist/luna/utils/checkThemeForBrand.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setNormalButtonTypes = exports.setBrandButtonTypes = exports.default = exports.checkSingleTheme = void 0;
+exports.checkSingleTheme = exports.setBrandButtonTypes = exports.setNormalButtonTypes = exports.default = 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.generateSingleLinkFunctionless = exports.generateSingleLink = exports.generateMobileLink = exports.default = exports.IconLink = void 0;
+exports.IconLink = exports.generateMobileLink = exports.generateSingleLinkFunctionless = exports.generateSingleLink = exports.default = void 0;
 
 var _terraOne = require("terra-one");
 

package/dist/luna/utils/handleMouseState.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.removeListenerMouseDown = exports.removeListenerKeyDown = exports.addListenerMouseDown = exports.addListenerKeyDown = void 0;
+exports.removeListenerKeyDown = exports.addListenerKeyDown = exports.removeListenerMouseDown = exports.addListenerMouseDown = 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.arrowRight = exports.arrowDiagonalRight = void 0;
+exports.arrowDiagonalRight = exports.arrowRight = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "luna-one",
-  "version": "3.1.266",
+  "version": "3.1.270",
   "dependencies": {
+    "@storybook/addon-knobs": "^6.3.1",
     "@testing-library/jest-dom": "^5.11.9",
     "@testing-library/react": "^11.2.3",
     "@testing-library/react-hooks": "^5.0.0",
@@ -21,7 +22,7 @@
     "react-scroll": "^1.7.14",
     "react-slidedown": "^2.4.5",
     "smoothscroll-polyfill": "^0.4.4",
-    "terra-one": "^3.0.91"
+    "terra-one": "^3.0.95"
   },
   "peerDependencies": {
     "node-sass": "^4.12.0",