luna-one 1.0.241 → 1.0.243

package/dist/luna/components/Heading/Heading.js

@@ -0,0 +1,15 @@
+import React from "react";
+
+/**
+ * Render a single Heading tag with specified level.
+ * If text is undefined or null, nothing is rendered.
+ */
+var Heading = function Heading(_ref) {
+  var level = _ref.level,
+    className = _ref.className,
+    text = _ref.text;
+  return React.createElement("h".concat(level), {
+    className: className
+  }, text);
+};
+export default Heading;

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

@@ -5,8 +5,8 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from "react";
 import { Dropdown, Checkbox } from "terra-component-lib";
+import Heading from "../../components/Heading/Heading";
 import generateThemeClassName from "../../utils/generateThemeClassName";
-import generateStyles from "../../utils/generateStyles";
 import "./FilterHero.scss";
 import generateID from "../../utils/generateID";
 import { Fade } from "react-awesome-reveal";
@@ -81,9 +81,11 @@ var FilterHero = /*#__PURE__*/function (_Component) {
           id: generateID(id, header)
         }, /*#__PURE__*/React.createElement("div", {
           className: "ter-filter-hero__header-section"
-        }, header && /*#__PURE__*/React.createElement("h3", {
-          className: "ter-filter-hero__header"
-        }, header), text && !checkForDangerouslySet(text) && /*#__PURE__*/React.createElement("p", {
+        }, /*#__PURE__*/React.createElement(Heading, {
+          className: "ter-filter-hero__header",
+          level: 1,
+          text: header
+        }), text && !checkForDangerouslySet(text) && /*#__PURE__*/React.createElement("p", {
           className: "ter-filter-hero__text"
         }, text), text && checkForDangerouslySet(text) && /*#__PURE__*/React.createElement("div", {
           className: "ter-filter-hero__text-holder",
@@ -101,9 +103,11 @@ var FilterHero = /*#__PURE__*/function (_Component) {
           id: generateID(id, header)
         }, /*#__PURE__*/React.createElement("div", {
           className: "ter-filter-hero__header-section"
-        }, header && /*#__PURE__*/React.createElement("h3", {
-          className: "ter-filter-hero__header"
-        }, header), text && !checkForDangerouslySet(text) && /*#__PURE__*/React.createElement("p", {
+        }, header && /*#__PURE__*/React.createElement(Heading, {
+          className: "ter-filter-hero__header",
+          level: 1,
+          text: header
+        }), text && !checkForDangerouslySet(text) && /*#__PURE__*/React.createElement("p", {
           className: "ter-filter-hero__text"
         }, text), text && checkForDangerouslySet(text) && /*#__PURE__*/React.createElement("div", {
           className: "ter-filter-hero__text-holder",

package/dist/luna/heroes/Hero1/Hero1.js

@@ -2,6 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState, useEffect } from "react";
 import "./Hero1.scss";
 import { CTASection } from "terra-component-lib";
+import Heading from "../../components/Heading/Heading";
 import { windowSizes } from "../../utils/globalVariables";
 import generateThemeClassName from "../../utils/generateThemeClassName";
 import fpoSquare from "../../images/fpo-square.png";
@@ -15,7 +16,8 @@ var Hero1 = function Hero1(_ref) {
     contentSide = _ref.contentSide,
     theme = _ref.theme,
     id = _ref.id,
-    motion = _ref.motion;
+    motion = _ref.motion,
+    level = _ref.level;
   var images = content.images,
     header = content.header,
     text = content.text,
@@ -62,9 +64,11 @@ var Hero1 = function Hero1(_ref) {
       transform: "translate(-48px, -".concat(contentHeight + 48, "px)"),
       float: "right"
     } : {}
-  }, header && /*#__PURE__*/React.createElement("h2", {
-    className: "ter-hero-one__header"
-  }, header), text && !checkForDangerouslySet(text) && /*#__PURE__*/React.createElement("p", {
+  }, header && /*#__PURE__*/React.createElement(Heading, {
+    className: "ter-hero-one__header",
+    level: level,
+    text: header
+  }), text && !checkForDangerouslySet(text) && /*#__PURE__*/React.createElement("p", {
     className: "ter-hero-one__text"
   }, text), text && checkForDangerouslySet(text) && /*#__PURE__*/React.createElement("div", {
     className: "ter-hero-one__text-holder",
@@ -82,12 +86,17 @@ var Hero1 = function Hero1(_ref) {
       transform: "translate(48px, -".concat(contentHeight + 48, "px)"),
       float: "left"
     } : {}
-  }, header && /*#__PURE__*/React.createElement("h2", {
-    className: "ter-hero-one__header"
-  }, header), text && /*#__PURE__*/React.createElement("p", {
+  }, header && /*#__PURE__*/React.createElement(Heading, {
+    className: "ter-hero-one__header",
+    level: level,
+    text: header
+  }), text && /*#__PURE__*/React.createElement("p", {
     className: "ter-hero-one__text"
   }, text), _ctas && (_ctas.ctaOne && _ctas.ctaOne.url && _ctas.ctaOne.text || _ctas.ctaTwo && _ctas.ctaTwo.url && _ctas.ctaTwo.text) && /*#__PURE__*/React.createElement(CTASection, {
     ctas: _ctas
   })))));
 };
-export default Hero1;
+export default Hero1;
+Hero1.defaultProps = {
+  level: 2
+};

package/dist/luna/heroes/Hero2/Hero2.js

@@ -1,12 +1,12 @@
 import React, { useRef, Suspense, lazy } from "react";
 import "./Hero2.scss";
 import { CTASection } from "terra-component-lib";
-import generateStyles from "../../utils/generateStyles";
 import generateThemeClassName from "../../utils/generateThemeClassName";
 import fpoSquare from "../../images/fpo-square.png";
 import generateID from "../../utils/generateID";
 import { removeSpaces } from "../../utils/removeSpaces";
 import { calcRatioPadding } from "../../utils/calcRatioPadding";
+import Heading from "../../components/Heading/Heading";
 var HeroRatioWrapper = lazy(function () {
   return import("../HeroRatioWrapper/HeroRatioWrapper");
 });
@@ -15,7 +15,8 @@ var Hero2 = function Hero2(props) {
     content = _props$content === void 0 ? {} : _props$content,
     theme = props.theme,
     id = props.id,
-    motion = props.motion;
+    motion = props.motion,
+    level = props.level;
   var wrapper = useRef(null);
   return /*#__PURE__*/React.createElement("section", {
     className: "ter-hero-2 ".concat(generateThemeClassName("ter-hero-2", theme)),
@@ -55,9 +56,11 @@ var Hero2 = function Hero2(props) {
     className: "ter-hero-2__card ter-card"
   }, /*#__PURE__*/React.createElement("div", {
     className: "ter-card__body"
-  }, content && content.header && /*#__PURE__*/React.createElement("h1", {
-    className: "ter-hero-2__header"
-  }, content.header), content && content.subHeader && /*#__PURE__*/React.createElement("div", {
+  }, content && content.header && /*#__PURE__*/React.createElement(Heading, {
+    className: "ter-hero-2__header",
+    level: level,
+    text: content.header
+  }), content && content.subHeader && /*#__PURE__*/React.createElement("div", {
     className: "ter-hero-2__sub-header"
   }, content.subHeader), content.ctas && /*#__PURE__*/React.createElement("div", {
     className: "ter-hero-2__cta-section-wrapper"
@@ -65,4 +68,7 @@ var Hero2 = function Hero2(props) {
     ctas: content.ctas
   }))))));
 };
+Hero2.defaultProps = {
+  level: 1
+};
 export default Hero2;

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

@@ -14,6 +14,7 @@ import checkForDangerouslySet from "../../utils/checkForDangerouslySet";
 import { removeSpaces } from "../../utils/removeSpaces";
 import VidyardModal from "../../components/VidyardModal/VidyardModal";
 import { calcRatioPadding } from "../../utils/calcRatioPadding";
+import Heading from "../../components/Heading/Heading";
 var HeroRatioWrapper = lazy(function () {
   return import("../HeroRatioWrapper/HeroRatioWrapper");
 });
@@ -23,7 +24,8 @@ var Hero3 = function Hero3(_ref) {
     id = _ref.id,
     motion = _ref.motion,
     zIndex = _ref.zIndex,
-    videoSide = _ref.videoSide;
+    videoSide = _ref.videoSide,
+    level = _ref.level;
   var _useVideo = useVideo(false, false, false),
     hovering = _useVideo.hovering,
     modalDeployed = _useVideo.modalDeployed,
@@ -58,9 +60,11 @@ var Hero3 = function Hero3(_ref) {
     delay: motion ? 200 : 0,
     triggerOnce: true,
     className: "ter-hero-three__content-container"
-  }, /*#__PURE__*/React.createElement("div", null, content && content.header && /*#__PURE__*/React.createElement("h2", {
-    className: "ter-hero-three__header"
-  }, content.header), content && content.text && !checkForDangerouslySet(content.text) && /*#__PURE__*/React.createElement("p", {
+  }, /*#__PURE__*/React.createElement("div", null, content && content.header && /*#__PURE__*/React.createElement(Heading, {
+    className: "ter-hero-one__header",
+    level: level,
+    text: content.header
+  }), content && content.text && !checkForDangerouslySet(content.text) && /*#__PURE__*/React.createElement("p", {
     className: "ter-hero-three__text"
   }, content.text), content && content.text && checkForDangerouslySet(content.text) && /*#__PURE__*/React.createElement("div", {
     className: "ter-hero-three__text-holder",
@@ -143,4 +147,7 @@ var Hero3 = function Hero3(_ref) {
     video: content.video
   }))));
 };
-export default Hero3;
+export default Hero3;
+Hero3.defaultProps = {
+  level: 3
+};

package/dist/luna/heroes/Hero4/Hero4.js

@@ -10,6 +10,7 @@ import { contentFadeDelay } from "./hero4Methods";
 import checkThemeForBrand from "../../utils/checkThemeForBrand";
 import { removeSpaces } from "../../utils/removeSpaces";
 import { calcRatioPadding } from "../../utils/calcRatioPadding";
+import Heading from "../../components/Heading/Heading";
 var HeroRatioWrapper = lazy(function () {
   return import("../HeroRatioWrapper/HeroRatioWrapper");
 });
@@ -20,7 +21,8 @@ var Hero4 = function Hero4(_ref) {
     id = _ref.id,
     motion = _ref.motion,
     zIndex = _ref.zIndex,
-    heroType = _ref.heroType;
+    heroType = _ref.heroType,
+    level = _ref.level;
   var image = content.image,
     header = content.header,
     subHeader = content.subHeader,
@@ -55,11 +57,15 @@ var Hero4 = function Hero4(_ref) {
     delay: motion ? contentFadeDelay(motion) : 0,
     triggerOnce: true,
     className: "ter-hero-four__content-container"
-  }, /*#__PURE__*/React.createElement("aside", null, header && /*#__PURE__*/React.createElement("h3", {
-    className: "ter-hero-four__header"
-  }, header), subHeader && /*#__PURE__*/React.createElement("h4", {
-    className: "ter-hero-four__sub-header"
-  }, subHeader), text && !checkForDangerouslySet(text) && /*#__PURE__*/React.createElement("p", {
+  }, /*#__PURE__*/React.createElement("aside", null, header && /*#__PURE__*/React.createElement(Heading, {
+    className: "ter-hero-four__header",
+    level: level,
+    text: header
+  }), subHeader && /*#__PURE__*/React.createElement(Heading, {
+    className: "ter-hero-four__sub-header",
+    level: level + 1,
+    text: subHeader
+  }), text && !checkForDangerouslySet(text) && /*#__PURE__*/React.createElement("p", {
     className: "ter-hero-four__text"
   }, text), text && checkForDangerouslySet(text) && /*#__PURE__*/React.createElement("div", {
     className: "ter-hero-four__text-holder",
@@ -70,4 +76,7 @@ var Hero4 = function Hero4(_ref) {
     ctas: checkThemeForBrand(theme, ctas, true)
   }))));
 };
-export default Hero4;
+export default Hero4;
+Hero4.defaultProps = {
+  level: 3
+};

package/dist/luna/heroes/Hero6/Hero6.js

@@ -6,9 +6,9 @@ import generateThemeClassName from "../../utils/generateThemeClassName";
 import fpoSquare from "../../images/fpo-square.png";
 import generateID from "../../utils/generateID";
 import { Fade } from "react-awesome-reveal";
-import { generateImageStyleDesktop, generateImageStyleTablet } from "./Hero6Methods";
 import checkForDangerouslySet from "../../utils/checkForDangerouslySet";
 import { calcRatioPadding } from "../../utils/calcRatioPadding";
+import Heading from "../../components/Heading/Heading";
 var HeroRatioWrapper = lazy(function () {
   return import("../HeroRatioWrapper/HeroRatioWrapper");
 });
@@ -19,7 +19,8 @@ var Hero6 = function Hero6(_ref) {
     imageSide = _ref$imageSide === void 0 ? "left" : _ref$imageSide,
     theme = _ref.theme,
     id = _ref.id,
-    motion = _ref.motion;
+    motion = _ref.motion,
+    level = _ref.level;
   var header = content.header,
     text = content.text,
     ctas = content.ctas,
@@ -64,11 +65,15 @@ var Hero6 = function Hero6(_ref) {
     className: "ter-hero-6__container"
   }, /*#__PURE__*/React.createElement("aside", {
     className: "ter-hero-6__content"
-  }, /*#__PURE__*/React.createElement("h2", {
-    className: "ter-hero-6__header"
-  }, header), /*#__PURE__*/React.createElement("h3", {
-    className: "ter-hero-6__sub-header"
-  }, subHeader), text && !checkForDangerouslySet(text) && /*#__PURE__*/React.createElement("p", {
+  }, /*#__PURE__*/React.createElement(Heading, {
+    className: "ter-hero-6__header",
+    level: level,
+    text: header
+  }), /*#__PURE__*/React.createElement(Heading, {
+    className: "ter-hero-6__sub-header",
+    level: level + 1,
+    text: subHeader
+  }), text && !checkForDangerouslySet(text) && /*#__PURE__*/React.createElement("p", {
     className: "ter-hero-6__text"
   }, text), text && checkForDangerouslySet(text) && /*#__PURE__*/React.createElement("div", {
     className: "ter-hero-6__text-holder",
@@ -79,4 +84,7 @@ var Hero6 = function Hero6(_ref) {
     ctas: checkThemeForBrand(theme, ctas)
   })))));
 };
-export default Hero6;
+export default Hero6;
+Hero6.defaultProps = {
+  level: 2
+};

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

@@ -110,12 +110,9 @@
     }
   }
 
-  &__link-container {
-  }
-
   &__link {
-    height: 16px;
-    margin: 0 0 24px;
+    height: 48px;
+    margin: 0;
     padding: 0;
     display: block;
     width: 160px;

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

@@ -34,16 +34,19 @@ var NavBar = /*#__PURE__*/function (_Component) {
         searchField: ""
       });
     };
+    // Don't need
     _this.closeRegionLanguageDeployed = function () {
       _this.setState({
         regionLanguageDeployed: false
       });
     };
+    // Don't need
     _this.toggleRegionLanguageDeployed = function () {
       _this.setState({
         regionLanguageDeployed: !_this.state.regionLanguageDeployed
       });
     };
+    // Don't need
     _this.closeModal = function () {
       _this.closeRegionLanguageDeployed();
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luna-one",
-  "version": "1.0.241",
+  "version": "1.0.243",
   "dependencies": {
     "@vidyard/embed-code": "^4.2.22",
     "node-sass": "^4.12.0",