luna-one 3.1.334 → 3.1.338

package/dist/luna/components/2x2/2x2.scss

@@ -42,7 +42,7 @@
 
   &__data-point {
     @media screen and (max-width: $breakpoint-xs) {
-      grid-template-rows: repeat(72, 1fr);
+      grid-template-rows: repeat(68, 1fr);
       height: 1440px;
     }
   }
@@ -437,7 +437,7 @@
           &--has-data-point {
             @media screen and (max-width: $breakpoint-xs) {
               grid-column: 1 / span 13;
-              grid-row: 12 / span 15;
+              grid-row: 12 / span 23;
               z-index: 2;
             }
           }
@@ -503,7 +503,7 @@
           &--has-data-point {
             @media screen and (max-width: $breakpoint-xs) {
               grid-column: 1 / span 14;
-              grid-row: 37 / span 13;
+              grid-row: 38 / span 23;
             }
           }
         }
@@ -543,7 +543,7 @@
           &--has-data-point {
             @media screen and (max-width: $breakpoint-xs) {
               grid-column: 1 / span 13;
-              grid-row: 38 / span 15;
+              grid-row: 46 / span 23;
               z-index: 2;
             }
           }
@@ -610,7 +610,7 @@
           &--has-data-point {
             @media screen and (max-width: $breakpoint-xs) {
               grid-column: 1 / span 14;
-              grid-row: 27 / span 13;
+              grid-row: 35 / span 13;
             }
           }
         }

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

@@ -33,8 +33,8 @@ var imageSizes = {
     }
   },
   mobile: {
-    width: 275,
-    height: 180,
+    width: 525,
+    height: 344,
     ratio: {
       width: 55,
       height: 36

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

@@ -60,8 +60,8 @@ var imageSizes = {
       }
     },
     mobile: {
-      width: 280,
-      height: 158,
+      width: 525,
+      height: 296,
       ratio: {
         width: 140,
         height: 79

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

@@ -21,8 +21,12 @@
   }
 
   &.transparent-light-text {
-    color: white;
     background-color: unset;
+    color: inherit;
+
+    @media screen and (min-width: $breakpoint-sm) {
+      color: white;
+    }
 
     .content {
       a {

package/dist/luna/components/NonTimeBasedListEntries/NonTimeBasedListEntries.js

@@ -28,9 +28,9 @@ var Group = function Group(_ref) {
     className: "cards-group"
   }, title && /*#__PURE__*/_react.default.createElement("div", {
     className: "group-heading"
-  }, title), (entries === null || entries === void 0 ? void 0 : entries.length) > 1 ? entries.map(function (entry) {
+  }, title), (entries === null || entries === void 0 ? void 0 : entries.length) > 1 ? entries.map(function (entry, index) {
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-      key: entry
+      key: "".concat(entry, "-").concat(index)
     }, /*#__PURE__*/_react.default.createElement(ShortDescriptionCard, {
       header: entry === null || entry === void 0 ? void 0 : entry.header,
       link: entry === null || entry === void 0 ? void 0 : entry.link,
@@ -236,9 +236,9 @@ var NonTimeBasedListEntries = function NonTimeBasedListEntries(_ref5) {
     alt: sidebarImage !== null && sidebarImage !== void 0 && sidebarImage.alt ? sidebarImage === null || sidebarImage === void 0 ? void 0 : sidebarImage.alt : sidebarImage === null || sidebarImage === void 0 ? void 0 : (_sidebarImage$focalPo = sidebarImage.focalPointImage) === null || _sidebarImage$focalPo === void 0 ? void 0 : _sidebarImage$focalPo.title
   })), isShort && groups !== null && groups !== void 0 && groups.length ? /*#__PURE__*/_react.default.createElement("div", {
     className: "cards short-description"
-  }, (groups === null || groups === void 0 ? void 0 : groups.length) > 1 ? groups.map(function (group) {
+  }, (groups === null || groups === void 0 ? void 0 : groups.length) > 1 ? groups.map(function (group, index) {
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-      key: group
+      key: "".concat(group, "-").concat(index)
     }, /*#__PURE__*/_react.default.createElement(Group, {
       entries: group === null || group === void 0 ? void 0 : group.entries,
       title: group === null || group === void 0 ? void 0 : group.title
@@ -252,9 +252,9 @@ var NonTimeBasedListEntries = function NonTimeBasedListEntries(_ref5) {
     entries: cards
   })), !isShort && (cards === null || cards === void 0 ? void 0 : cards.length) && /*#__PURE__*/_react.default.createElement("div", {
     className: "cards long-description"
-  }, (cards === null || cards === void 0 ? void 0 : cards.length) > 1 ? cards.map(function (card) {
+  }, (cards === null || cards === void 0 ? void 0 : cards.length) > 1 ? cards.map(function (card, index) {
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-      key: card
+      key: "".concat(card, "-").concat(index)
     }, /*#__PURE__*/_react.default.createElement(LongDescriptionCard, {
       eyebrow: card === null || card === void 0 ? void 0 : card.eyebrow,
       header: card === null || card === void 0 ? void 0 : card.header,

package/dist/luna/components/OverlayNotice/OverlayNotice.scss

@@ -176,6 +176,7 @@
     border-radius: 50%;
 
     &--close {
+      cursor: pointer;
       background-color: $white;
       margin: auto;
       grid-column: 15 / span 1 !important;

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

@@ -77,7 +77,8 @@ var ProseLayout = function ProseLayout(_ref) {
     className: "category-container"
   }, industriesOrCategories.map(function (industryOrCategory) {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "category"
+      className: "category",
+      key: "category-".concat(industryOrCategory.name)
     }, industryOrCategory.name);
   })), header && /*#__PURE__*/_react.default.createElement("h1", {
     className: "header"
@@ -93,20 +94,22 @@ var ProseLayout = function ProseLayout(_ref) {
     className: "additional-resources inner-padding"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "section-header"
-  }, "Additional Resources"), resources.map(function (resource) {
+  }, "Additional Resources"), resources.map(function (resource, index) {
     var _resource$file, _resource$file2, _resource$file3;
 
     return (resource === null || resource === void 0 ? void 0 : (_resource$file = resource.file) === null || _resource$file === void 0 ? void 0 : _resource$file.url) && /*#__PURE__*/_react.default.createElement("div", {
-      className: "resource"
+      className: "resource",
+      key: "resource-".concat(index)
     }, /*#__PURE__*/_react.default.createElement("a", {
       href: resource.file.url,
       "aria-label": "Download ".concat(resource !== null && resource !== void 0 && (_resource$file2 = resource.file) !== null && _resource$file2 !== void 0 && _resource$file2.contentType ? "".concat(resource === null || resource === void 0 ? void 0 : (_resource$file3 = resource.file) === null || _resource$file3 === void 0 ? void 0 : _resource$file3.contentType, " version of ") : "").concat(resource !== null && resource !== void 0 && resource.description ? resource === null || resource === void 0 ? void 0 : resource.description : "file")
     }, (resource === null || resource === void 0 ? void 0 : resource.description) || "resource"), (0, _renderDownloadIcon.default)("#000000", "33"));
   })), sources && /*#__PURE__*/_react.default.createElement("div", {
     className: "sources inner-padding"
-  }, sources.map(function (source) {
+  }, sources.map(function (source, index) {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "source"
+      className: "source",
+      key: "source-".concat(index)
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: "label"
     }, "Source:\xA0"), /*#__PURE__*/_react.default.createElement("span", {

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

@@ -281,7 +281,7 @@ var ScrollInPlace = function ScrollInPlace(_ref) {
   }, /*#__PURE__*/_react.default.createElement("video", {
     width: "100%",
     height: "100%",
-    autoplay: "autoplay",
+    autoPlay: "autoplay",
     muted: true,
     loop: true
   }, /*#__PURE__*/_react.default.createElement("source", {
@@ -304,7 +304,8 @@ var ScrollInPlace = function ScrollInPlace(_ref) {
 
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "slide",
-      "data-slide-index": index + 1
+      "data-slide-index": index + 1,
+      key: "slide-".concat(index)
     }, (slide === null || slide === void 0 ? void 0 : (_slide$backgroundImag = slide.backgroundImage) === null || _slide$backgroundImag === void 0 ? void 0 : _slide$backgroundImag.src) && !(titleBackground !== null && titleBackground !== void 0 && titleBackground.video) && /*#__PURE__*/_react.default.createElement("div", {
       className: "background-image-container"
     }, /*#__PURE__*/_react.default.createElement("img", {
@@ -325,6 +326,7 @@ var ScrollInPlace = function ScrollInPlace(_ref) {
     "data-button-type": "progress-nav"
   }), slides.map(function (slide, index) {
     return /*#__PURE__*/_react.default.createElement("button", {
+      key: "button-".concat(index),
       className: "nav-btn",
       "data-slide-index": index + 1,
       "data-button-type": "progress-nav"
@@ -345,7 +347,8 @@ var ScrollInPlace = function ScrollInPlace(_ref) {
     "data-button-type": "slide-jump-nav"
   })), slides.map(function (slide, index) {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "btn-wrapper"
+      className: "btn-wrapper",
+      key: "slide-".concat(index)
     }, /*#__PURE__*/_react.default.createElement("button", {
       className: "nav-btn",
       "data-slide-index": index + 1,

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

@@ -149,7 +149,8 @@ var Tabs = function Tabs(_ref3) {
   return tabs !== null && tabs !== void 0 && tabs.length ? /*#__PURE__*/_react.default.createElement("div", {
     className: "tabs-container ".concat(orientationClass, " ").concat(navClasses, " ").concat(paddingClass)
   }, /*#__PURE__*/_react.default.createElement("div", {
-    id: contentID
+    id: contentID,
+    className: "tabs-container__mobile-title"
   }, !mobileThumbnailTop && /*#__PURE__*/_react.default.createElement(MobileTopNavEntry, {
     tab: renderTopTab,
     displayThumbnails: thumbnails,

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

@@ -51,6 +51,12 @@
     }
   }
 
+  &__mobile-title {
+    @media screen and (max-width: $breakpoint-sm) {
+      width: 100%;
+    }
+  }
+
   .nav-entries {
     width: 100%;
     display: flex;

package/dist/luna/components/TimeBasedList/TimeBasedList.js

@@ -103,7 +103,9 @@ var Card = function Card(_ref) {
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "label"
   }, "Downloads:\xA0"), (formats === null || formats === void 0 ? void 0 : formats.length) > 1 ? formats === null || formats === void 0 ? void 0 : formats.map(function (format, index) {
-    return format.url && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("a", {
+    return format.url && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: "format-".concat(index)
+    }, /*#__PURE__*/_react.default.createElement("a", {
       "aria-label": "Download ".concat((format === null || format === void 0 ? void 0 : format.type) === "pdf" ? "pdf" : "text", " version of ").concat(format !== null && format !== void 0 && format.description ? format.description : format.url),
       target: "_blank",
       className: "link",
@@ -119,7 +121,9 @@ var Card = function Card(_ref) {
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "label"
   }, "Downloads:\xA0"), (formats === null || formats === void 0 ? void 0 : formats.length) > 1 ? formats === null || formats === void 0 ? void 0 : formats.map(function (format, index) {
-    return format.url && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("a", {
+    return format.url && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: "format-".concat(index)
+    }, /*#__PURE__*/_react.default.createElement("a", {
       "aria-label": "Download ".concat((format === null || format === void 0 ? void 0 : format.type) === "pdf" ? "pdf" : "text", " version of ").concat(format !== null && format !== void 0 && format.description ? format.description : format.url),
       className: "link",
       target: "_blank",
@@ -161,9 +165,9 @@ var Group = function Group(_ref2) {
     className: "col-heading dates"
   }, "Date"))), /*#__PURE__*/_react.default.createElement("div", {
     className: "cards"
-  }, sortedEntries !== null && sortedEntries !== void 0 && sortedEntries.length && (sortedEntries === null || sortedEntries === void 0 ? void 0 : sortedEntries.length) > 1 ? sortedEntries.map(function (entry) {
+  }, sortedEntries !== null && sortedEntries !== void 0 && sortedEntries.length && (sortedEntries === null || sortedEntries === void 0 ? void 0 : sortedEntries.length) > 1 ? sortedEntries.map(function (entry, index) {
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-      key: entry === null || entry === void 0 ? void 0 : entry.title
+      key: "".concat(entry === null || entry === void 0 ? void 0 : entry.title, "-").concat(index)
     }, /*#__PURE__*/_react.default.createElement(Card, {
       title: entry === null || entry === void 0 ? void 0 : entry.title,
       date: entry === null || entry === void 0 ? void 0 : entry.date,

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

@@ -23,8 +23,8 @@ var CardLinkIcon = function CardLinkIcon(_ref) {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     }, /*#__PURE__*/_react.default.createElement("path", {
-      "fill-rule": "evenodd",
-      "clip-rule": "evenodd",
+      fillRule: "evenodd",
+      clipRule: "evenodd",
       d: "M18.9814 5.56388C18.9326 5.44487 18.8599 5.33338 18.7633 5.23674C18.568 5.04147 18.3121 4.94384 18.0562 4.94384C18.0561 4.94384 18.056 4.94384 18.056 4.94384H8.2149C7.66261 4.94384 7.2149 5.39156 7.2149 5.94384C7.2149 6.49613 7.66261 6.94384 8.2149 6.94384H15.6419L5.23673 17.3491C4.84621 17.7396 4.84621 18.3727 5.23673 18.7633C5.62726 19.1538 6.26042 19.1538 6.65095 18.7633L17.0562 8.35806V15.7851C17.0562 16.3374 17.5039 16.7851 18.0562 16.7851C18.6084 16.7851 19.0562 16.3374 19.0562 15.7851V5.94634C19.0562 5.93828 19.0561 5.93022 19.0559 5.92216C19.0532 5.79554 19.027 5.67471 18.9814 5.56388Z",
       fill: "#252A2E"
     })));

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

@@ -29,19 +29,19 @@ var renderCardImage = function renderCardImage(image, imageSizes, modalContent,
         return deployModal();
       }
     }, /*#__PURE__*/_react.default.createElement(_terraOne.FocusedImage, {
-      focalPointImage: image,
+      focalPointImage: image && image,
       alt: image === null || image === void 0 ? void 0 : image.title,
       fullHeightWrapper: true,
-      imageSizes: imageSizes.thumbnail
+      imageSizes: (imageSizes === null || imageSizes === void 0 ? void 0 : imageSizes.thumbnail) && (imageSizes === null || imageSizes === void 0 ? void 0 : imageSizes.thumbnail)
     })), renderModal(modalType, imageSizes, image, modalDeployed, hideModal));
   } else {
     return /*#__PURE__*/_react.default.createElement("figure", {
       className: "ter-bounded-card__image"
-    }, /*#__PURE__*/_react.default.createElement(_terraOne.FocusedImage, {
-      focalPointImage: image && image,
+    }, image && /*#__PURE__*/_react.default.createElement(_terraOne.FocusedImage, {
+      focalPointImage: image,
       alt: image === null || image === void 0 ? void 0 : image.title,
       fullHeightWrapper: true,
-      imageSizes: imageSizes.thumbnail
+      imageSizes: (imageSizes === null || imageSizes === void 0 ? void 0 : imageSizes.thumbnail) && (imageSizes === null || imageSizes === void 0 ? void 0 : imageSizes.thumbnail)
     }));
   }
 };
@@ -62,10 +62,10 @@ var renderModal = function renderModal(modalType, imageSizes, modalContent, moda
       type: "ter-icon--open-x-dark-48px",
       size: "32px",
       className: "ter-unbounded-card-modal__close-button"
-    })), /*#__PURE__*/_react.default.createElement("div", {
+    })), modalContent && /*#__PURE__*/_react.default.createElement("div", {
       className: "default-layout"
     }, /*#__PURE__*/_react.default.createElement(_terraOne.FocusedImage, {
-      focalPointImage: modalContent,
+      focalPointImage: modalContent && modalContent,
       alt: modalContent === null || modalContent === void 0 ? void 0 : modalContent.title,
       fullHeightWrapper: true,
       imageSizes: imageSizes.modal

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

@@ -52,27 +52,27 @@ var imageSizes = {
   },
   "variant2_1/4": {
     desktop: {
-      width: 400,
-      height: 580,
+      width: 600,
+      height: 870,
       ratio: {
-        width: 4,
-        height: 5
+        width: 20,
+        height: 29
       }
     },
     tablet: {
-      width: 260,
-      height: 468,
+      width: 380,
+      height: 684,
       ratio: {
         width: 2,
         height: 9
       }
     },
     mobile: {
-      width: 360,
-      height: 240,
+      width: 640,
+      height: 480,
       ratio: {
-        width: 3,
-        height: 1.5
+        height: 3,
+        width: 4
       }
     }
   },

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

@@ -80,9 +80,9 @@ var FullBackgroundHero = function FullBackgroundHero(_ref) {
       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") : "", "\n                ").concat(!rightContent && !rightImage ? "luna-full-background-hero__content-wrapper-left--no-bottom-margin" : "", "\n              ")
   }, 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)
+    className: "\n                luna-full-background-hero__content-wrapper-right \n                luna-full-background-hero__content-wrapper-right-".concat(variant, " ").concat(!rightContent && !rightImage ? "luna-full-background-hero__content-wrapper-right--no-content" : "")
   }, (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)))));
 };
 

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

@@ -22,6 +22,7 @@
 
     @media screen and (max-width: $breakpoint-md) {
       height: auto;
+      min-height: auto;
     }
 
     @media screen and (max-width: $breakpoint-xs) {
@@ -207,6 +208,7 @@
 
       &-variant-3 {
         height: 100%;
+        overflow: hidden;
 
         @media screen and (max-width: $breakpoint-sm) {
           min-height: 480px;
@@ -570,6 +572,10 @@
           }
         }
       }
+
+      &--no-content {
+        display: none;
+      }
     }
   }
 }

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

@@ -110,8 +110,8 @@ var imageBackgroundSizes = {
       }
     },
     mobile: {
-      width: 360,
-      height: 280,
+      width: 600,
+      height: 467,
       ratio: {
         width: 9,
         height: 7

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

@@ -95,8 +95,8 @@ var imageSizes = {
       }
     },
     mobile: {
-      width: 320,
-      height: 196,
+      width: 525,
+      height: 295,
       ratio: {
         width: 80,
         height: 49
@@ -121,8 +121,8 @@ var imageSizes = {
       }
     },
     mobile: {
-      width: 320,
-      height: 320,
+      width: 600,
+      height: 600,
       ratio: {
         width: 1,
         height: 1
@@ -261,16 +261,16 @@ var imageSizes = {
   },
   variant_8: {
     desktop: {
-      width: 960,
-      height: 720,
+      width: 950,
+      height: 950,
       ratio: {
         width: 4,
         height: 3
       }
     },
     tablet: {
-      width: 960,
-      height: 720,
+      width: 950,
+      height: 950,
       ratio: {
         width: 4,
         height: 3

package/dist/luna/other-organisms/Flyout/Flyout.js

@@ -112,7 +112,7 @@ var Flyout = function Flyout(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_terraOne.Icon, {
     className: "ter-flyout__close-icon",
     size: "16px",
-    type: "open-x-dark-16px",
+    type: "ter-icon--open-x-dark-16px",
     color: "white"
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "ter-flyout__container"

package/dist/luna/other-organisms/SubNav/SubNav.js

@@ -139,9 +139,12 @@ var SubNav = function SubNav(_ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "ter-sub-nav ter-sub-nav__breadcrumbs"
   }, breadcrumbs && (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) <= 3 && width > 600 ? breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.map(function (breadcrumb, i) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: "breadcrumb-".concat(i)
+    }, /*#__PURE__*/_react.default.createElement("p", {
       className: "ter-sub-nav__breadcrumbs__text ".concat(i === breadcrumbs.length - 1 ? "ter-sub-nav__breadcrumbs__text--last" : "")
     }, breadcrumb.title), i + 1 < (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/_react.default.createElement("span", {
+      key: "divider-".concat(i),
       style: {
         margin: "auto 0"
       }
@@ -169,7 +172,7 @@ var SubNav = function SubNav(_ref) {
       return openBreadcrumbsWithEnter(e);
     },
     src: _ellipses.default,
-    tabindex: "0",
+    tabIndex: "0",
     alt: "ellipses",
     className: "ter-sub-nav__breadcrumbs--ellipses-icon"
   })), /*#__PURE__*/_react.default.createElement("span", {
@@ -226,7 +229,7 @@ var SubNav = function SubNav(_ref) {
     onKeyDown: function onKeyDown(e) {
       return closeBreadcrumbsWithEnter(e);
     },
-    tabindex: "0",
+    tabIndex: "0",
     src: _close.default,
     alt: "close",
     className: "ter-sub-nav__close-btn--icon",
@@ -239,7 +242,9 @@ var SubNav = function SubNav(_ref) {
       display: openBreadcrumbs ? "block" : "none"
     }
   })), breadcrumbs && (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.map(function (breadcrumb, i) {
-    return i + 1 < (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
+    return i + 1 < (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: "breadcrumb-".concat(i)
+    }, /*#__PURE__*/_react.default.createElement("p", {
       className: "ter-sub-nav__breadcrumbs__text  ter-sub-nav__breadcrumbs--link__text--no-link"
     }, breadcrumb.title), i + 1 < (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) - 1 && /*#__PURE__*/_react.default.createElement("span", {
       style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luna-one",
-  "version": "3.1.334",
+  "version": "3.1.338",
   "dependencies": {
     "@storybook/addon-knobs": "^6.3.1",
     "@testing-library/jest-dom": "^5.11.9",
@@ -23,7 +23,7 @@
     "react-scroll": "^1.7.14",
     "react-slidedown": "^2.4.5",
     "smoothscroll-polyfill": "^0.4.4",
-    "terra-one": "^3.0.109"
+    "terra-one": "^3.0.111"
   },
   "peerDependencies": {
     "node-sass": "^4.12.0",