luna-one 3.1.339 → 3.1.343

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

@@ -24,8 +24,8 @@
     background-color: unset;
     color: inherit;
 
-    @media screen and (min-width: $breakpoint-sm) {
-      color: white;
+    @media screen and (min-width: $breakpoint-xs) {
+      color: $white;
     }
 
     .content {

package/dist/luna/components/MobileNav/MobileNav.js

@@ -41,7 +41,7 @@ var MobileNav = function MobileNav(props) {
       rightLinks = props.rightLinks,
       disableLogin = props.disableLogin,
       login = props.login,
-      disableRegionLanguage = props.disableRegionLanguage,
+      disableLanguageRegion = props.disableLanguageRegion,
       disableSectorFlyOut = props.disableSectorFlyOut,
       handleSectorFlyoutDeployed = props.handleSectorFlyoutDeployed,
       sectorFlyoutLabel = props.sectorFlyoutLabel,
@@ -169,7 +169,7 @@ var MobileNav = function MobileNav(props) {
     login: login,
     mouse: mouse,
     hamburgerIsOpen: hamburgerIsOpen,
-    disableRegionLanguage: disableRegionLanguage,
+    disableLanguageRegion: disableLanguageRegion,
     languageSelectorData: languageSelectorData,
     languageSelectorDeployed: languageSelectorDeployed,
     handleLanguageSelectorDeployed: handleLanguageSelectorDeployed,

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

@@ -47,13 +47,22 @@ var UnboundedCard = function UnboundedCard(_ref) {
     cardLink.type = "ter-button--primary--2";
   }
 
+  var componentText = text !== null && text !== void 0 && text.data && text !== null && text !== void 0 && text.typename && (text === null || text === void 0 ? void 0 : text.typename) === "ContentfulRichTextContent" ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "ter-bounded-card__text"
+  }, text === null || text === void 0 ? void 0 : text.data) : text && /*#__PURE__*/_react.default.createElement("div", {
+    className: "ter-bounded-card__text",
+    dangerouslySetInnerHTML: {
+      __html: text
+    }
+  });
+
   var componentBody = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _UnboundedCardMethods.renderCardImage)(image === null || image === void 0 ? void 0 : image.focalPointImage, imageSizes, modalContent, modalType, deployModal, hideModal, modalDeployed), /*#__PURE__*/_react.default.createElement("div", {
     className: "ter-bounded-card__body"
   }, eyebrow && /*#__PURE__*/_react.default.createElement("div", {
     className: "ter-bounded-card__eyebrow"
   }, eyebrow), header && /*#__PURE__*/_react.default.createElement("h4", {
     className: "ter-bounded-card__header"
-  }, header), text && (0, _checkForDangerouslySet.checkAndSet)(text, "ter-bounded-card"), cardLink && displayButton && /*#__PURE__*/_react.default.createElement("div", {
+  }, header), componentText, cardLink && displayButton && /*#__PURE__*/_react.default.createElement("div", {
     className: "ter-bounded-card__link-holder"
   }, (0, _UnboundedCardMethods.renderButton)(cardLink, Link)), cardLink && !displayButton && /*#__PURE__*/_react.default.createElement("div", {
     className: "ter-bounded-card__link-holder"

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

@@ -45,7 +45,8 @@ var FullBackgroundHero = function FullBackgroundHero(_ref) {
   var themes = (0, _checkForThemeProps.checkForThemeProps)(theme);
 
   var _useStyles = (0, _useStyles2.default)(themes),
-      backgroundColor = _useStyles.backgroundColor;
+      backgroundColor = _useStyles.backgroundColor,
+      color = _useStyles.color;
 
   var twoByTwoModifier = "";
 
@@ -56,7 +57,8 @@ var FullBackgroundHero = function FullBackgroundHero(_ref) {
   return /*#__PURE__*/_react.default.createElement("section", {
     className: "\n        luna-full-background-hero \n        luna-full-background-hero-".concat(variant, " ").concat(paddingClass, " \n        ").concat(twoByTwoModifier, "\n      "),
     style: {
-      background: backgroundColor
+      background: backgroundColor,
+      color: color
     }
   }, /*#__PURE__*/_react.default.createElement("section", {
     className: "\n          luna-full-background-hero__image-wrapper \n          luna-full-background-hero__image-wrapper-".concat(variant)
@@ -80,7 +82,7 @@ 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") : "", "\n                ").concat(!rightContent && !rightImage ? "luna-full-background-hero__content-wrapper-left--no-bottom-margin" : "", "\n              ")
+    className: "\n                luna-full-background-hero__content-wrapper-left \n                luna-full-background-hero__content-wrapper-left-".concat(variant, " \n                ").concat(backgroundColor === "#FFFFFF" ? "luna-full-background-hero__white-bg" : "", "\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, " ").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

@@ -79,6 +79,12 @@
     @media screen and (max-width: $breakpoint-sm) {
       grid-template-rows: repeat(8, 1fr);
       min-height: 480px;
+      .default-layout {
+        margin-bottom: 0;
+        &__grid {
+          margin: 0;
+        }
+      }
     }
 
     @media screen and (max-width: $breakpoint-xs) {
@@ -164,6 +170,7 @@
 
         @media screen and (max-width: $breakpoint-xs) {
           height: 280px;
+          overflow: hidden;
         }
       }
 
@@ -193,6 +200,7 @@
 
         @media screen and (max-width: 700px) {
           height: 280px;
+          overflow: hidden;
         }
       }
 
@@ -203,12 +211,12 @@
 
         @media screen and (max-width: $breakpoint-xs) {
           height: 280px;
+          overflow: hidden;
         }
       }
 
       &-variant-3 {
         height: 100%;
-        overflow: hidden;
 
         @media screen and (max-width: $breakpoint-sm) {
           min-height: 480px;
@@ -217,6 +225,7 @@
         @media screen and (max-width: $breakpoint-xs) {
           height: 280px;
           min-height: 280px;
+          overflow: hidden;
         }
       }
     }
@@ -251,6 +260,11 @@
 
     @media screen and (max-width: $breakpoint-sm) {
       padding: 0;
+      .default-layout,
+      .default-layout__grid {
+        margin: 0;
+        padding-top: 0;
+      }
     }
 
     &-variant-1 {
@@ -578,4 +592,14 @@
       }
     }
   }
+  &__white-bg {
+    @media screen and (max-width: $breakpoint-sm){
+      .ter-button--secondary--1 {
+        border-color: $trimble-blue;
+      }
+      .ter-button--secondary--2 {
+        background-color: $trimble-blue;
+      }
+    }
+  }
 }

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

@@ -441,6 +441,12 @@
 .luna-super-hero-variant_7-left {
   @media screen and (max-width: $breakpoint-sm) {
     padding-bottom: spacing("xs");
+    .default-layout {
+      margin-bottom: 0;
+      &__grid {
+        margin: 0;
+      }
+    }
   }
 }
 
@@ -754,3 +760,16 @@
     font-size: $heading-3-size;
     @include benton-very-bold();
   }
+
+  .super-hero-no-margin .default-layout {
+    @media screen and (max-width: $breakpoint-sm){
+      margin: 0;
+      padding: 0;
+    }
+    &__children.space-top-bottom {
+      @media screen and (max-width: $breakpoint-sm){
+        margin: 0;
+        padding: 0;
+      }
+    }
+  }

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

@@ -225,8 +225,8 @@ var imageSizes = {
       }
     },
     mobile: {
-      width: 320,
-      height: 196,
+      width: 640,
+      height: 245,
       ratio: {
         width: 80,
         height: 49
@@ -277,8 +277,8 @@ var imageSizes = {
       }
     },
     mobile: {
-      width: 360,
-      height: 220,
+      width: 640,
+      height: 640,
       ratio: {
         width: 3,
         height: 2
@@ -381,7 +381,8 @@ var renderVariantsOneToSeven = function renderVariantsOneToSeven(variant, conten
     return /*#__PURE__*/_react.default.createElement("section", {
       className: "luna-super-hero luna-super-hero-".concat(variant, "-").concat(contentSide, " ").concat(paddingClass),
       style: {
-        background: backgroundColor
+        background: backgroundColor,
+        color: color
       }
     }, /*#__PURE__*/_react.default.createElement("aside", {
       className: "luna-super-hero__image-wrapper luna-super-hero__image-wrapper-".concat(variant, "-").concat(contentSide, " ").concat(alignmentClass)
@@ -440,7 +441,8 @@ var renderVariantEightToTen = function renderVariantEightToTen(variant, ContentC
     return /*#__PURE__*/_react.default.createElement("section", {
       className: "super-hero-fullscreen super-hero-fullscreen-".concat(variant, " ").concat(dataPoints !== null && dataPoints !== void 0 && dataPoints.length ? "super-hero-fullscreen--data-points" : ""),
       style: {
-        backgroundColor: (theme === null || theme === void 0 ? void 0 : theme.backgroundColor) || "#F8F8FB"
+        backgroundColor: (theme === null || theme === void 0 ? void 0 : theme.backgroundColor) || "#F8F8FB",
+        color: color
       }
     }, /*#__PURE__*/_react.default.createElement(_reactAwesomeReveal.Fade, {
       className: "super-hero-fullscreen__hero-image super-hero-fullscreen__hero-image-".concat(variant, "-").concat(contentSide, " super-hero-fullscreen--focused super-hero-fullscreen--focused-").concat(variant, "-").concat(contentSide)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luna-one",
-  "version": "3.1.339",
+  "version": "3.1.343",
   "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.114"
+    "terra-one": "~3.0.115"
   },
   "peerDependencies": {
     "node-sass": "^4.12.0",