luna-one 3.1.475 → 3.1.478

package/dist/luna/components/MegaMenu/MegaMenu.scss

@@ -331,7 +331,7 @@
       word-break: break-all;
       line-height: 14.4px;
       white-space: nowrap;
-
+      pointer-events: none;
       &--is-open {
         color: $trimble-dark-gray;
 

package/dist/luna/components/MegaMenu/menu-generators/UncollapsedLinks.js

@@ -59,7 +59,8 @@ var UncollapsedLinks = function UncollapsedLinks(props) {
     Link: Link,
     tabIndex: mouse ? "" : "0",
     className: "ter-mega-menu__left-title ter-mega-menu__left-title".concat(link.imageUrl ? "--image" : "--link", " ").concat(link.imageUrl ? "ter-mega-menu__left-title--image-content" : "", "  ").concat(mouse ? "" : "tabFocus"),
-    target: typeof (link === null || link === void 0 ? void 0 : link.external) === 'boolean' ? link !== null && link !== void 0 && link.external ? "_blank" : "_self" : null
+    target: typeof (link === null || link === void 0 ? void 0 : link.external) === 'boolean' ? link !== null && link !== void 0 && link.external ? "_blank" : "_self" : null,
+    depth: 3
   }, link.imageUrl && /*#__PURE__*/_react["default"].createElement("img", {
     src: link.imageUrl,
     alt: link.altText ? link.altText : "",

package/dist/luna/components/MobileMegaMenu/MobileMegaMenu.js

@@ -178,6 +178,7 @@ var MobileMegaMenu = function MobileMegaMenu(props) {
   }, /*#__PURE__*/_react["default"].createElement("p", {
     id: (0, _formatID["default"])("".concat(megaMenuContent.text, "-mega-menu-name")),
     className: "ter-mobile-mega-menu__name ".concat(currentOpenMenu || !hamburgerIsOpen ? "" : "ter-mobile-mega-menu__name--open-parent"),
+    "data-depth": 1,
     tabIndex: mouseSet ? "" : "0",
     onClick: function onClick() {
       toggleDropDown(megaMenuContent.text);

package/dist/luna/components/MobileMegaMenu/MobileMegaMenu.scss

@@ -219,6 +219,9 @@
         }
       }
     }
+    &> *:not(a) {
+      pointer-events: none;
+    }
   }
 
   &__single-link {

package/dist/luna/components/MobileMegaMenu/MobileMegaMenuCategory.js

@@ -85,7 +85,7 @@ var MobileMegaMenuCategory = function MobileMegaMenuCategory(_ref) {
           className: "ter-mobile-mega-menu-category__name",
           key: "".concat(link.text, "-").concat(name, "-").concat(index),
           onClick: closeDropDown
-        }, (0, _generateLinks.generateSingleLink)(link, "ter-mobile-mega-menu-category__name", closeDropDown, openSubCategory === null, mouse, Link));
+        }, (0, _generateLinks.generateSingleLink)(link, "ter-mobile-mega-menu-category__name", closeDropDown, openSubCategory === null, mouse, Link, 3));
       }
     });
   };
@@ -137,7 +137,8 @@ var MobileMegaMenuCategory = function MobileMegaMenuCategory(_ref) {
     className: "ter-mobile-mega-menu__name ".concat(isOpen && !openSubCategory ? "ter-mobile-mega-menu__name--open" : "", " ").concat(mouse ? "" : "tabFocus"),
     "aria-haspopup": "menu",
     "aria-expanded": isOpen && !openSubCategory,
-    ref: uncollapsedMenu
+    ref: uncollapsedMenu,
+    "data-depth": 2
   }, name, /*#__PURE__*/_react["default"].createElement("img", {
     id: _lodash["default"].uniqueId("id-"),
     className: "ter-mobile-mega-menu__caret ".concat(isOpen && !openSubCategory ? "ter-mobile-mega-menu__caret--up" : "ter-mobile-mega-menu__caret--down"),
@@ -158,6 +159,7 @@ var MobileMegaMenuCategory = function MobileMegaMenuCategory(_ref) {
       return toggleCategoryWithEnter(e, name, "close");
     },
     className: "ter-mobile-mega-menu-category__name ".concat(parentOpen ? "" : "ter-mobile-mega-menu-category__name--hidden", " ").concat(mouse ? "" : "tabFocus"),
+    "data-depth": 2,
     "aria-haspopup": "menu",
     "aria-expanded": !(isOpen && !openSubCategory),
     ref: collapsedMenu

package/dist/luna/components/MobileMegaMenu/MobileMegaMenuPartialCategory.js

@@ -34,7 +34,7 @@ var MobileMegaMenuPartialCategory = function MobileMegaMenuPartialCategory(_ref)
   }, /*#__PURE__*/_react["default"].createElement("p", {
     id: _lodash["default"].uniqueId("id-"),
     className: "ter-mobile-mega-menu-category__name--single"
-  }, (0, _generateLinks.generateMobileLink)(linkObj, "ter-mobile-mega-menu-category__single-link", closeDropDown, mouse, Link)));
+  }, (0, _generateLinks.generateMobileLink)(linkObj, "ter-mobile-mega-menu-category__single-link", closeDropDown, mouse, Link, 2)));
 };
 
 var _default = MobileMegaMenuPartialCategory;

package/dist/luna/components/MobileMegaMenu/MobileMegaMenuSubCategory.js

@@ -53,7 +53,7 @@ var MobileMegaMenuSubCategory = function MobileMegaMenuSubCategory(_ref) {
       setUncollapsedMenu = _useFocus4[1];
 
   var generateTertiaryMenu = function generateTertiaryMenu() {
-    return (0, _generateLinks["default"])(links, "ter-mobile-mega-menu-category__name", closeDropDown, name, mouse, Link);
+    return (0, _generateLinks["default"])(links, "ter-mobile-mega-menu-category__name", closeDropDown, name, mouse, Link, 4);
   };
 
   var toggleCategoryWithEnter = function toggleCategoryWithEnter(event, name, direction) {
@@ -102,7 +102,7 @@ var MobileMegaMenuSubCategory = function MobileMegaMenuSubCategory(_ref) {
     return handleClick(name);
   }), (0, _defineProperty2["default"])(_React$createElement2, "onKeyDown", function onKeyDown(e) {
     return toggleCategoryWithEnter(e, name, "close");
-  }), (0, _defineProperty2["default"])(_React$createElement2, "className", "ter-mobile-mega-menu-category__name ".concat(isOpen ? "ter-mobile-mega-menu-category__name--hidden" : "", " ").concat(mouse ? "" : "tabFocus")), (0, _defineProperty2["default"])(_React$createElement2, "aria-haspopup", "menu"), (0, _defineProperty2["default"])(_React$createElement2, "aria-expanded", !isOpen), (0, _defineProperty2["default"])(_React$createElement2, "ref", collapsedMenu), _React$createElement2), name, /*#__PURE__*/_react["default"].createElement("img", {
+  }), (0, _defineProperty2["default"])(_React$createElement2, "className", "ter-mobile-mega-menu-category__name ".concat(isOpen ? "ter-mobile-mega-menu-category__name--hidden" : "", " ").concat(mouse ? "" : "tabFocus")), (0, _defineProperty2["default"])(_React$createElement2, "aria-haspopup", "menu"), (0, _defineProperty2["default"])(_React$createElement2, "aria-expanded", !isOpen), (0, _defineProperty2["default"])(_React$createElement2, "ref", collapsedMenu), (0, _defineProperty2["default"])(_React$createElement2, "data-depth", 3), _React$createElement2), name, /*#__PURE__*/_react["default"].createElement("img", {
     id: _lodash["default"].uniqueId("id-"),
     className: "ter-mobile-mega-menu-category__caret",
     src: _downCaretDarkBlue["default"],

package/dist/luna/components/MobileMenu/MobileMenu.js

@@ -45,7 +45,7 @@ var MobileMenu = function MobileMenu(_ref) {
       setUncollapsedMenu = _useFocus4[1];
 
   var generateMenuLinks = function generateMenuLinks() {
-    return (0, _generateLinks["default"])(links, "ter-mobile-menu__link", closeDropDown, text, mouse, Link);
+    return (0, _generateLinks["default"])(links, "ter-mobile-menu__link", closeDropDown, text, mouse, Link, 2);
   };
 
   var toggleWithEnter = function toggleWithEnter(e, name, direction) {
@@ -75,7 +75,8 @@ var MobileMenu = function MobileMenu(_ref) {
     },
     "aria-haspopup": "menu",
     "aria-expanded": isOpen,
-    ref: uncollapsedMenu
+    ref: uncollapsedMenu,
+    "data-depth": 1
   }, text, /*#__PURE__*/_react["default"].createElement("img", {
     className: "ter-mobile-menu__caret ".concat(isOpen ? "ter-mobile-menu__caret--up" : "ter-mobile-menu__caret--down"),
     src: _rightCaretLightGray["default"],
@@ -96,7 +97,8 @@ var MobileMenu = function MobileMenu(_ref) {
     tabIndex: mouse ? "" : "0",
     "aria-haspopup": "menu",
     "aria-expanded": !isOpen,
-    ref: collapsedMenu
+    ref: collapsedMenu,
+    "data-depth": 1
   }, text, /*#__PURE__*/_react["default"].createElement("img", {
     className: "ter-mobile-menu__caret ".concat(isOpen ? "ter-mobile-menu__caret--up" : "ter-mobile-menu__caret--down"),
     src: _rightCaretLightGray["default"],

package/dist/luna/components/Tabs/Tabs.js

@@ -175,7 +175,7 @@ var Tabs = function Tabs(_ref3) {
       numberOfTabs: tabs.length
     });
   })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "content-entries",
+    className: "content-entries ".concat(orientationClass),
     id: size === "tablet" ? contentID : "",
     role: "tabpanel",
     "aria-labelledby": contentID

package/dist/luna/components/Tabs/Tabs.scss

@@ -256,7 +256,7 @@
           min-width: 70px;
           width: 70px;
           height: 70px;
-          margin-right: 25px;
+          margin-right: 16px;
           border-radius: 100%;
           overflow: hidden;
 
@@ -271,7 +271,7 @@
           .nav-title {
             margin: 0;
             font-size: 16px;
-            line-height: 24px;
+            line-height: 20px;
             font-family: $bold-font-family;
 
             @media screen and (max-width: $breakpoint-sm) {
@@ -281,7 +281,7 @@
 
           .nav-subtitle {
             margin: 6px 0 0 0;
-            font-size: $body-font-size;
+            font-size: 14px;
             line-height: 19px;
 
             @media screen and (max-width: $breakpoint-sm) {
@@ -700,6 +700,38 @@
     }
   }
 
+  .content-entries.top,
+  .content-entries.bottom {
+    .ter-block-list-items {
+      margin: 5px auto;
+    }
+
+    .ter-bounded-cards {
+      margin: 0 auto;
+      max-width: 1110px !important;
+      display: flex;
+      flex-wrap: wrap;
+
+      @media screen and (max-width: $breakpoint-md) {
+        max-width: 1000px !important;
+      }
+
+      @media screen and (max-width: 1200px) {
+        max-width: 900px !important;
+        grid-gap: 20px;
+      }
+
+      @media screen and (max-width: 1100px) {
+        max-width: 800px !important;
+        grid-gap: 20px;
+      }
+
+      @media screen and (max-width: $breakpoint-sm) {
+        margin: 5px;
+      }
+    }
+  }
+
   .content-entries {
     width: 100%;
     max-width: 100%;

package/dist/luna/featurettes/PullQuote/PullQuote.js

@@ -277,7 +277,7 @@ var PullQuote = function PullQuote(props) {
     style: {
       color: color
     }
-  }, quoteSourceTitle), (content === null || content === void 0 ? void 0 : (_content$cta = content.cta) === null || _content$cta === void 0 ? void 0 : _content$cta.url) && (content === null || content === void 0 ? void 0 : (_content$cta2 = content.cta) === null || _content$cta2 === void 0 ? void 0 : _content$cta2.text) || (content === null || content === void 0 ? void 0 : (_content$cta3 = content.cta) === null || _content$cta3 === void 0 ? void 0 : _content$cta3.text) && (content === null || content === void 0 ? void 0 : (_content$cta4 = content.cta) === null || _content$cta4 === void 0 ? void 0 : _content$cta4.video) && /*#__PURE__*/_react["default"].createElement(Button, {
+  }, quoteSourceTitle), ((content === null || content === void 0 ? void 0 : (_content$cta = content.cta) === null || _content$cta === void 0 ? void 0 : _content$cta.url) && (content === null || content === void 0 ? void 0 : (_content$cta2 = content.cta) === null || _content$cta2 === void 0 ? void 0 : _content$cta2.text) || (content === null || content === void 0 ? void 0 : (_content$cta3 = content.cta) === null || _content$cta3 === void 0 ? void 0 : _content$cta3.text) && (content === null || content === void 0 ? void 0 : (_content$cta4 = content.cta) === null || _content$cta4 === void 0 ? void 0 : _content$cta4.video)) && /*#__PURE__*/_react["default"].createElement(Button, {
     Link: content === null || content === void 0 ? void 0 : content.Link,
     url: content === null || content === void 0 ? void 0 : (_content$cta5 = content.cta) === null || _content$cta5 === void 0 ? void 0 : _content$cta5.url,
     text: content === null || content === void 0 ? void 0 : (_content$cta6 = content.cta) === null || _content$cta6 === void 0 ? void 0 : _content$cta6.text,

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

@@ -263,6 +263,7 @@
           display: inline;
           word-break: break-all;
           line-height: 14.4px;
+          pointer-events: none;
 
           &--is-open {
             color: $white;

package/dist/luna/utils/generateLinks.js

@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _formatID = _interopRequireDefault(require("./formatID"));
 
-var generateLinks = function generateLinks(links, className, closeDropDown, name, mouse, Link) {
+var generateLinks = function generateLinks(links, className, closeDropDown, name, mouse, Link, depth) {
   var _links$filter;
 
   return links === null || links === void 0 ? void 0 : (_links$filter = links.filter(function (link) {
@@ -35,7 +35,8 @@ var generateLinks = function generateLinks(links, className, closeDropDown, name
       },
       className: "".concat(className, " ").concat(mouse ? "" : "tabFocus"),
       rel: link !== null && link !== void 0 && link.external ? "noopener" : "",
-      Link: Link
+      Link: Link,
+      depth: depth && depth
     }, text));
   });
 };
@@ -43,7 +44,7 @@ var generateLinks = function generateLinks(links, className, closeDropDown, name
 var _default = generateLinks;
 exports["default"] = _default;
 
-var generateSingleLink = function generateSingleLink(link, className, closeDropDown, parentOpen, mouse, Link) {
+var generateSingleLink = function generateSingleLink(link, className, closeDropDown, parentOpen, mouse, Link, depth) {
   var url = link.url,
       text = link.text;
   return /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, {
@@ -58,13 +59,14 @@ var generateSingleLink = function generateSingleLink(link, className, closeDropD
     Link: Link,
     style: {
       textDecoration: "none"
-    }
+    },
+    depth: depth && depth
   }, text);
 };
 
 exports.generateSingleLink = generateSingleLink;
 
-var generateSingleLinkFunctionless = function generateSingleLinkFunctionless(link, className, index, Link) {
+var generateSingleLinkFunctionless = function generateSingleLinkFunctionless(link, className, index, Link, depth) {
   var url = link === null || link === void 0 ? void 0 : link.url;
   var text = link === null || link === void 0 ? void 0 : link.text;
   return url ? /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, {
@@ -77,13 +79,14 @@ var generateSingleLinkFunctionless = function generateSingleLinkFunctionless(lin
     },
     className: className,
     Link: Link,
-    target: typeof (link === null || link === void 0 ? void 0 : link.external) === 'boolean' ? link !== null && link !== void 0 && link.external ? "_blank" : "_self" : null
+    target: typeof (link === null || link === void 0 ? void 0 : link.external) === 'boolean' ? link !== null && link !== void 0 && link.external ? "_blank" : "_self" : null,
+    depth: depth && depth
   }, text) : null;
 };
 
 exports.generateSingleLinkFunctionless = generateSingleLinkFunctionless;
 
-var generateMobileLink = function generateMobileLink(link, className, closeDropDown, mouse, Link) {
+var generateMobileLink = function generateMobileLink(link, className, closeDropDown, mouse, Link, depth) {
   var url = link.url,
       text = link.text;
   return /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, {
@@ -98,7 +101,8 @@ var generateMobileLink = function generateMobileLink(link, className, closeDropD
     className: "".concat(className, " ").concat(mouse ? "" : "tabFocus"),
     onClick: closeDropDown,
     Link: Link,
-    rel: link !== null && link !== void 0 && link.external ? "noopener" : ""
+    rel: link !== null && link !== void 0 && link.external ? "noopener" : "",
+    depth: depth && depth
   }, text);
 };
 
@@ -111,14 +115,16 @@ var IconLink = function IconLink(_ref) {
       external = _ref.external,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? "icon-link" : _ref$className,
-      Link = _ref.Link;
+      Link = _ref.Link,
+      depth = _ref.depth;
   return /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, {
     id: (0, _formatID["default"])("".concat(className, "-").concat(url, "-link")),
     to: url,
     onClick: onClick ? onClick : function () {},
     target: external ? "_blank" : "_self",
     Link: Link,
-    rel: Link !== null && Link !== void 0 && Link.external ? "noopener" : ""
+    rel: Link !== null && Link !== void 0 && Link.external ? "noopener" : "",
+    depth: depth && depth
   }, children);
 };
 

package/package.json

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