luna-one 3.1.593 → 3.1.594

package/dist/luna/heroes/Hero7/Hero7.js

@@ -1,118 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-require("./Hero7.scss");
-var _checkForDangerouslySet = _interopRequireDefault(require("../../utils/checkForDangerouslySet"));
-var _terraOne = require("terra-one");
-var _Hero2 = _interopRequireDefault(require("../Hero2/Hero2"));
-var _useWindowWidth2 = _interopRequireDefault(require("./useWindowWidth"));
-var _Hero7Methods = require("./Hero7Methods");
-var _reactAwesomeReveal = require("react-awesome-reveal");
-var _generateFocusedImageAlt = _interopRequireDefault(require("../../utils/generateFocusedImageAlt"));
-var Hero7 = function Hero7(_ref) {
-  var _focusedImage$focalPo;
-  var content = _ref.content,
-    motion = _ref.motion;
-  var _useWindowWidth = (0, _useWindowWidth2["default"])(),
-    screenSize = _useWindowWidth.screenSize;
-  var header = content.header,
-    subHeader = content.subHeader,
-    images = content.images,
-    theme = content.theme,
-    contentSide = content.contentSide,
-    GatsbyImage = content.GatsbyImage,
-    focusedImage = content.focusedImage;
-  var mainImage;
-  if (focusedImage && focusedImage !== null && focusedImage !== void 0 && (_focusedImage$focalPo = focusedImage.focalPointImage) !== null && _focusedImage$focalPo !== void 0 && _focusedImage$focalPo.url) {
-    mainImage = /*#__PURE__*/_react["default"].createElement("div", {
-      className: "ter-hero-7__inner-wrapper",
-      style: {
-        backgroundColor: theme ? theme : "#000000"
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_terraOne.FocusedImage, {
-      focalPointImage: focusedImage === null || focusedImage === void 0 ? void 0 : focusedImage.focalPointImage,
-      alt: (0, _generateFocusedImageAlt["default"])(focusedImage),
-      fullHeightWrapper: true,
-      imageSizes: {
-        desktop: {
-          width: 2240,
-          height: 560,
-          ratio: {
-            width: 4,
-            height: 1
-          }
-        },
-        tablet: {
-          width: 900,
-          height: 450,
-          ratio: {
-            width: 2,
-            height: 1
-          }
-        },
-        mobile: {
-          width: 900,
-          height: 450,
-          ratio: {
-            width: 2,
-            height: 1
-          }
-        }
-      }
-    }));
-  } else {
-    var _images$desktop, _images$desktop2, _images$desktop3;
-    mainImage = ((images === null || images === void 0 ? void 0 : (_images$desktop = images.desktop) === null || _images$desktop === void 0 ? void 0 : _images$desktop.url) || (images === null || images === void 0 ? void 0 : (_images$desktop2 = images.desktop) === null || _images$desktop2 === void 0 ? void 0 : _images$desktop2.src)) && /*#__PURE__*/_react["default"].createElement(_terraOne.Image, {
-      GatsbyImage: GatsbyImage ? GatsbyImage : null,
-      image: images === null || images === void 0 ? void 0 : (_images$desktop3 = images.desktop) === null || _images$desktop3 === void 0 ? void 0 : _images$desktop3.image,
-      src: (0, _Hero7Methods.generateBackground)(screenSize, images),
-      className: "ter-hero-7__opacity-background"
-    });
-  }
-  return /*#__PURE__*/_react["default"].createElement("div", null, screenSize !== "mobile" && /*#__PURE__*/_react["default"].createElement("section", {
-    className: "ter-hero-7 ".concat(focusedImage ? "ter-hero-7--focused-image" : ""),
-    style: {
-      backgroundColor: theme ? theme : "#000000"
-    }
-  }, /*#__PURE__*/_react["default"].createElement("section", {
-    className: contentSide === "right" ? "ter-hero-7__container--right" : "ter-hero-7__container"
-  }, mainImage, /*#__PURE__*/_react["default"].createElement(_reactAwesomeReveal.Fade, {
-    bottom: true,
-    delay: motion ? 200 : 0,
-    fraction: 0,
-    distance: motion ? "100px" : "0",
-    duration: motion ? 1000 : 0
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-hero-7__content-container"
-  }, header && /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "ter-hero-7__header ter-hero__header"
-  }, header), subHeader && !(0, _checkForDangerouslySet["default"])(subHeader) && /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ter-hero-7__subHeader ter-hero__sub-header"
-  }, subHeader), subHeader && (0, _checkForDangerouslySet["default"])(subHeader) && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-hero-7__subHeader-container ter-hero__sub-header-container dangerously-set-content",
-    dangerouslySetInnerHTML: {
-      __html: subHeader
-    }
-  }), content.ctas && content.ctas.ctaOne && /*#__PURE__*/_react["default"].createElement(_terraOne.Button, {
-    Link: content === null || content === void 0 ? void 0 : content.Link,
-    text: content.ctas.ctaOne.text ? content.ctas.ctaOne.text : null,
-    url: content.ctas.ctaOne.url ? content.ctas.ctaOne.url : null,
-    className: "ter-hero-7__button ter-hero-7__button-1 ".concat(theme === "theme-1" ? "ter-hero-7__button1-theme-1" : theme === "theme-2" ? "ter-hero-7__button1-theme-2" : "")
-  }), content.ctas && content.ctas.ctaTwo && /*#__PURE__*/_react["default"].createElement(_terraOne.Button, {
-    Link: content === null || content === void 0 ? void 0 : content.Link,
-    text: content.ctas.ctaTwo.text ? content.ctas.ctaTwo.text : null,
-    url: content.ctas.ctaTwo.url ? content.ctas.ctaTwo.url : null,
-    className: "ter-hero-7__button ter-hero-7__button-2"
-  }))))), screenSize === "mobile" && /*#__PURE__*/_react["default"].createElement("section", {
-    className: "ter-hero-7__mobile-container"
-  }, /*#__PURE__*/_react["default"].createElement(_Hero2["default"], {
-    content: (0, _Hero7Methods.mobileContent)(content)
-  })));
-};
-var _default = Hero7;
-exports["default"] = _default;

package/dist/luna/heroes/Hero7/Hero7.scss

@@ -1,193 +0,0 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-hero-7 {
-  padding: spacing("super") calc((100vw - 1200px) / 2);
-  position: relative;
-  height: 400px;
-  min-height: 400px;
-  z-index: 1;
-  background-color: #000000;
-
-  @media screen and (max-width: 1272px) {
-    padding: spacing("super") 36px;
-  }
-
-  @media screen and (max-width: 900px) {
-    height: 450px;
-  }
-
-  @media screen and (max-width: 750px) {
-    display: none;
-  }
-
-  &__container--right {
-    float: right;
-  }
-
-  &__opacity-background {
-    object-fit: cover;
-    position: absolute;
-    z-index: -1;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    opacity: 0.5;
-    background-size: cover;
-    height: 400px;
-    width: 100%;
-
-    @media screen and (max-width: 900px) {
-      height: 450px;
-    }
-
-    @media screen and (max-width: 750px) {
-      display: none;
-    }
-  }
-
-  &__header,
-  &__subHeader {
-    color: $white;
-  }
-
-  &__header {
-    font-size: $heading-3-size;
-    height: 90px;
-    width: 600px;
-    @include benton-very-bold();
-    
-    @media screen and (max-width: 900px) {
-      width: 430px;
-    }
-  }
-
-  &__subHeader,
-  &__subHeader-container > p, &__sub-header-container > p {
-    margin: 0 0 30px;
-    max-height: 72px;
-    width: 600px;
-    color: $white;
-    font-size: $subheading-size;
-    @include benton-light();
-    padding-bottom: 16px;
-
-    @media screen and (max-width: 900px) {
-      width: 430px;
-      margin-bottom: 70px;
-    }
-  }
-
-  
-  &__subHeader-container p, &__subHeader-container a, &__subHeader-container h1, &__subHeader-container h2, &__subHeader-container h3, &__subHeader-container h4, &__subHeader-container h5, &__subHeader-container h6, &__subHeader-container ul, &__subHeader-container ol {
-    color: $white;
-  }
-
-  &__button {
-    margin-right: 20px;
-    color: $white;
-    max-height: 32px;
-    width: 144px;
-    @media screen and (max-width: 900px) {
-      margin-top: 40px;
-    }
-  }
-
-  a.ter-button {
-    margin-top: 12px;
-    color: $white;
-    font-size: $body-font-size;
-    letter-spacing: 0;
-    line-height: 20px;
-    align-self: center;
-    justify-content: center;
-    align-items: center;
-    justify-self: center;
-
-    a.ter-button:hover,
-    a.ter-button:active,
-    a.ter-button:focus,
-    a.ter-button:visited {
-      cursor: pointer;
-      text-decoration: none;
-    }
-  }
-
-  &__button1-theme-1 {
-    background: $trimble-blue;
-  }
-
-  &__button1-theme-2 {
-    background: $white;
-  }
-
-  a.ter-button.ter-hero-7__button.ter-hero-7__button1-theme-2 {
-    color: $trimble-blue !important;
-    text-align: center !important;
-  }
-
-  &__button-2 {
-    border: 1px solid $white;
-  }
-
-  &__mobile-container {
-    .ter-hero-2__header,
-    .ter-hero-2__sub-header {
-      text-align: start !important;
-    }
-
-    .ter-card__body {
-      padding: 12px 24px;
-    }
-
-    .ter-hero-2__sub-header,
-    .ter-hero-2__sub-header-container p {
-      font-size: $heading-6-size;
-      @include benton-light();
-      margin-bottom: 0 !important;
-    }
-
-    .ter-hero-2__header {
-      @include benton-very-bold();
-      font-size: 28px;
-    }
-
-    .ter-hero-2__cta-section-wrapper {
-      align-self: start;
-      margin-top: 30px;
-    }
-  }
-
-  .ter-hero-7__content-container
-    > a.ter-button.ter-hero-7__button.ter-hero-7__button-2.active {
-    text-align: center;
-    justify-content: center;
-  }
-
-  .ter-hero-7__content-container
-    > a.ter-button.ter-hero-7__button.ter-hero-7__button-1.active {
-    text-align: center;
-    justify-content: center;
-  }
-
-  .ter-hero-7__inner-wrapper {
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    overflow: hidden;
-    .focused-image {
-      z-index: -1;
-      opacity: 0.5;
-    }
-  }
-
-  &.ter-hero-7--focused-image {
-    display: block;
-  }
-}
-
-
-
-

package/dist/luna/heroes/Hero7/Hero7Methods.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mobileContent = exports.generateBackground = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var mobileContent = function mobileContent() {
-  var _content$images, _content$images2, _content$images3;
-  var content = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return (0, _defineProperty2["default"])({
-    header: (content === null || content === void 0 ? void 0 : content.header) || null,
-    subHeader: (content === null || content === void 0 ? void 0 : content.subHeader) || null,
-    images: {
-      desktop: (content === null || content === void 0 ? void 0 : (_content$images = content.images) === null || _content$images === void 0 ? void 0 : _content$images.desktop) || null,
-      mobile: (content === null || content === void 0 ? void 0 : (_content$images2 = content.images) === null || _content$images2 === void 0 ? void 0 : _content$images2.mobile) || (content === null || content === void 0 ? void 0 : (_content$images3 = content.images) === null || _content$images3 === void 0 ? void 0 : _content$images3.desktop) || null
-    },
-    ctas: (content === null || content === void 0 ? void 0 : content.ctas) || null,
-    GatsbyImage: (content === null || content === void 0 ? void 0 : content.GatsbyImage) || null,
-    focusedImage: (content === null || content === void 0 ? void 0 : content.focusedImage) || null,
-    imageSizes: (content === null || content === void 0 ? void 0 : content.imageSizes) || null
-  }, "focusedImage", (content === null || content === void 0 ? void 0 : content.focusedImage) || null);
-};
-exports.mobileContent = mobileContent;
-var generateBackground = function generateBackground(screenSize, images) {
-  var _images$mobile, _images$mobile2, _images$tablet, _images$tablet2;
-  if (screenSize === "mobile" && images !== null && images !== void 0 && (_images$mobile = images.mobile) !== null && _images$mobile !== void 0 && _images$mobile.url || screenSize === "mobile" && images !== null && images !== void 0 && (_images$mobile2 = images.mobile) !== null && _images$mobile2 !== void 0 && _images$mobile2.src) {
-    var _images$mobile3, _images$mobile4;
-    return (images === null || images === void 0 ? void 0 : (_images$mobile3 = images.mobile) === null || _images$mobile3 === void 0 ? void 0 : _images$mobile3.url) || (images === null || images === void 0 ? void 0 : (_images$mobile4 = images.mobile) === null || _images$mobile4 === void 0 ? void 0 : _images$mobile4.src);
-  } else if (screenSize === "tablet" && images !== null && images !== void 0 && (_images$tablet = images.tablet) !== null && _images$tablet !== void 0 && _images$tablet.url || screenSize === "tablet" && images !== null && images !== void 0 && (_images$tablet2 = images.tablet) !== null && _images$tablet2 !== void 0 && _images$tablet2.src) {
-    var _images$tablet3, _images$tablet4;
-    return (images === null || images === void 0 ? void 0 : (_images$tablet3 = images.tablet) === null || _images$tablet3 === void 0 ? void 0 : _images$tablet3.url) || (images === null || images === void 0 ? void 0 : (_images$tablet4 = images.tablet) === null || _images$tablet4 === void 0 ? void 0 : _images$tablet4.src);
-  } else {
-    var _images$desktop, _images$desktop2;
-    return (images === null || images === void 0 ? void 0 : (_images$desktop = images.desktop) === null || _images$desktop === void 0 ? void 0 : _images$desktop.url) || (images === null || images === void 0 ? void 0 : (_images$desktop2 = images.desktop) === null || _images$desktop2 === void 0 ? void 0 : _images$desktop2.src);
-  }
-};
-exports.generateBackground = generateBackground;

package/dist/luna/heroes/Hero7/Hero7Methods.test.js

@@ -1,109 +0,0 @@
-"use strict";
-
-var _Hero7Methods = require("./Hero7Methods");
-describe("Hero7Methods", function () {
-  var _content = {
-    header: "test header",
-    subHeader: "test subheader",
-    images: {
-      desktop: "test image desktop",
-      mobile: "test image mobile"
-    },
-    ctas: "test ctas",
-    junk: "this is junk"
-  };
-  var _nullContent = {};
-  describe("mobileContent", function () {
-    it("should return a formatted object", function () {
-      var response = (0, _Hero7Methods.mobileContent)(_content);
-      var expected = {
-        header: "test header",
-        subHeader: "test subheader",
-        images: {
-          desktop: "test image desktop",
-          mobile: "test image mobile"
-        },
-        ctas: "test ctas",
-        GatsbyImage: null,
-        className: "focused-image",
-        focusedImage: null,
-        imageSizes: null,
-        wrapperClassName: null,
-        wrapperHeight: null
-      };
-      expect(response).toStrictEqual(expected);
-    });
-    it("should return a null-checked object", function () {
-      var response = (0, _Hero7Methods.mobileContent)(_nullContent);
-      expect(response).toStrictEqual({
-        header: null,
-        subHeader: null,
-        images: {
-          desktop: null,
-          mobile: null
-        },
-        ctas: null,
-        GatsbyImage: null,
-        className: "focused-image",
-        focusedImage: null,
-        imageSizes: null,
-        wrapperClassName: null,
-        wrapperHeight: null
-      });
-    });
-  });
-  describe("generateBackground", function () {
-    var _urlImages = {
-      mobile: {
-        url: "mobile-url"
-      },
-      tablet: {
-        url: "tablet-url"
-      },
-      desktop: {
-        url: "desktop-url"
-      }
-    };
-    var _srcImages = {
-      mobile: {
-        src: "mobile-src"
-      },
-      tablet: {
-        src: "tablet-src"
-      },
-      desktop: {
-        src: "desktop-src"
-      }
-    };
-    it("should return a url for mobile", function () {
-      var response = (0, _Hero7Methods.generateBackground)("mobile", _urlImages);
-      var expected = "mobile-url";
-      expect(response).toStrictEqual(expected);
-    });
-    it("should return a src for mobile", function () {
-      var response = (0, _Hero7Methods.generateBackground)("mobile", _srcImages);
-      var expected = "mobile-src";
-      expect(response).toStrictEqual(expected);
-    });
-    it("should return a url for tablet", function () {
-      var response = (0, _Hero7Methods.generateBackground)("tablet", _urlImages);
-      var expected = "tablet-url";
-      expect(response).toStrictEqual(expected);
-    });
-    it("should return a src for tablet", function () {
-      var response = (0, _Hero7Methods.generateBackground)("tablet", _srcImages);
-      var expected = "tablet-src";
-      expect(response).toStrictEqual(expected);
-    });
-    it("should return a url for desktop", function () {
-      var response = (0, _Hero7Methods.generateBackground)("desktop", _urlImages);
-      var expected = "desktop-url";
-      expect(response).toStrictEqual(expected);
-    });
-    it("should return a src for desktop", function () {
-      var response = (0, _Hero7Methods.generateBackground)("desktop", _srcImages);
-      var expected = "desktop-src";
-      expect(response).toStrictEqual(expected);
-    });
-  });
-});

package/dist/luna/heroes/Hero7/useWindowWidth.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _react = require("react");
-var useWindowWidth = function useWindowWidth() {
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    screenSize = _useState2[0],
-    setScreenSize = _useState2[1];
-  (0, _react.useEffect)(function () {
-    if (typeof window !== "undefined") {
-      var windowSize = function windowSize() {
-        if (window.innerWidth > 900) {
-          setScreenSize("desktop");
-        } else if (window.innerWidth < 900 && window.innerWidth > 750) {
-          setScreenSize("tablet");
-        } else if (window.innerWidth < 750) {
-          setScreenSize("mobile");
-        }
-      };
-      window.addEventListener("resize", windowSize);
-      windowSize();
-      return function () {
-        if (typeof window !== "undefined") {
-          window.removeEventListener("resize", windowSize);
-        }
-      };
-    }
-  }, []);
-  return {
-    screenSize: screenSize
-  };
-};
-var _default = useWindowWidth;
-exports["default"] = _default;

package/dist/luna/list-feats/ListFeat/ListFeat.js

@@ -1,149 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-require("./ListFeat.scss");
-var _reactAwesomeReveal = require("react-awesome-reveal");
-var _listFeatMethods = require("../methods/listFeatMethods");
-var _checkForDangerouslySet = _interopRequireDefault(require("../../utils/checkForDangerouslySet"));
-var _generateBackgroundImage = _interopRequireDefault(require("../../utils/generateBackgroundImage"));
-var _getOffsetTop = _interopRequireDefault(require("../../utils/getOffsetTop"));
-var _terraOne = require("terra-one");
-var _checkForThemeProps = require("../../utils/checkForThemeProps");
-var _useStyles2 = _interopRequireDefault(require("../../utils/hooks/useStyles"));
-// TODO - REMOVE THIS COMPONENT ONCE BLOCK LIST ITEM FULLY BUILT
-
-var ListFeat = function ListFeat(_ref) {
-  var _content$ctas, _content$ctas$ctaOne, _content$ctas2, _content$ctas2$ctaOne, _content$ctas3, _content$ctas3$ctaOne, _content$ctas4, _content$ctas4$ctaOne, _content$ctas5, _content$ctas5$ctaOne, _content$ctas6, _content$ctas6$ctaOne;
-  var content = _ref.content,
-    paddingClass = _ref.paddingClass,
-    motion = _ref.motion,
-    parallax = _ref.parallax,
-    maxWidth = _ref.maxWidth,
-    zIndex = _ref.zIndex,
-    type = _ref.type,
-    _ref$background = _ref.background,
-    background = _ref$background === void 0 ? {} : _ref$background,
-    parallaxPosition = _ref.parallaxPosition;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    modalOpen = _useState2[0],
-    updateModalState = _useState2[1];
-  var wrapper = (0, _react.useRef)(null);
-  var style = background.image ? (0, _generateBackgroundImage["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, background), {}, {
-    zIndex: zIndex,
-    parallaxPosition: parallaxPosition,
-    elementPosition: (0, _getOffsetTop["default"])(wrapper)
-  })) : {};
-  var themes = (0, _checkForThemeProps.checkForThemeProps)(content === null || content === void 0 ? void 0 : content.theme);
-  var _useStyles = (0, _useStyles2["default"])(themes),
-    backgroundColor = _useStyles.backgroundColor,
-    color = _useStyles.color,
-    ctaOne = _useStyles.ctaOne,
-    ctaTwo = _useStyles.ctaTwo;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    ref: wrapper,
-    className: "ter-list-feat-main ".concat(type === "list_feat_custom" && "ter-list-feat-main--custom", " ").concat(modalOpen ? "ter-list-feat-main--modal-deployed" : "ter-list-feat-main--modal-hidden", " ").concat(paddingClass),
-    style: {
-      zIndex: zIndex + 1 || "auto"
-    }
-  }, background.image && type === "list_feat_3" && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-list-feat-main__background-image",
-    alt: (background === null || background === void 0 ? void 0 : background.altText) || (background === null || background === void 0 ? void 0 : background.alt) || "placeholder image",
-    style: (0, _objectSpread2["default"])({}, style)
-  }), /*#__PURE__*/_react["default"].createElement(_reactAwesomeReveal.Fade, {
-    direction: motion ? "up" : "",
-    delay: motion ? 150 : 0,
-    triggerOnce: true
-  }, /*#__PURE__*/_react["default"].createElement("div", null, (content === null || content === void 0 ? void 0 : content.header) && !(0, _checkForDangerouslySet["default"])(content === null || content === void 0 ? void 0 : content.header) && /*#__PURE__*/_react["default"].createElement("h3", {
-    className: "ter-list-feat-main__header ter-feat__header",
-    style: (content === null || content === void 0 ? void 0 : content.introAlignment) === "left" ? {
-      color: color,
-      textAlign: "left"
-    } : {
-      color: color,
-      textAlign: "center"
-    }
-  }, content.header), (content === null || content === void 0 ? void 0 : content.header) && (0, _checkForDangerouslySet["default"])(content === null || content === void 0 ? void 0 : content.header) && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-list-feat-main__header ter-feat__header dangerously-set-content",
-    style: (content === null || content === void 0 ? void 0 : content.introAlignment) === "left" ? {
-      color: color,
-      textAlign: "left"
-    } : {
-      color: color,
-      textAlign: "center"
-    },
-    dangerouslySetInnerHTML: {
-      __html: content.header
-    }
-  }), (content === null || content === void 0 ? void 0 : content.subHeader) && !(0, _checkForDangerouslySet["default"])(content === null || content === void 0 ? void 0 : content.subHeader) && /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ter-list-feat-main__sub-header ter-feat__sub-header",
-    style: (content === null || content === void 0 ? void 0 : content.introAlignment) === "left" ? {
-      color: color,
-      textAlign: "left",
-      padding: "16px 0 50px"
-    } : {
-      color: color,
-      textAlign: "center",
-      padding: "16px 16px 50px"
-    }
-  }, content.subHeader), (content === null || content === void 0 ? void 0 : content.subHeader) && (0, _checkForDangerouslySet["default"])(content === null || content === void 0 ? void 0 : content.subHeader) && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-list-feat-main__sub-header-holder ter-feat__sub-header-container dangerously-set-content",
-    style: (content === null || content === void 0 ? void 0 : content.introAlignment) === "left" ? {
-      color: color,
-      textAlign: "left",
-      padding: "16px 0 50px"
-    } : {
-      color: color,
-      textAlign: "center",
-      padding: "16px 16px 50px"
-    },
-    dangerouslySetInnerHTML: {
-      __html: content.subHeader
-    }
-  }), (content === null || content === void 0 ? void 0 : content.text) && !(0, _checkForDangerouslySet["default"])(content === null || content === void 0 ? void 0 : content.text) && /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ter-list-feat-main__text ter-feat__text",
-    style: (content === null || content === void 0 ? void 0 : content.introAlignment) === "left" ? {
-      color: color,
-      textAlign: "left",
-      padding: "16px 0 50px"
-    } : {
-      color: color,
-      textAlign: "center",
-      padding: "16px 16px 50px"
-    }
-  }, content.text), (content === null || content === void 0 ? void 0 : content.text) && (0, _checkForDangerouslySet["default"])(content === null || content === void 0 ? void 0 : content.text) && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-list-feat-main__text-holder ter-feat__text-container",
-    style: (content === null || content === void 0 ? void 0 : content.introAlignment) === "left" ? {
-      color: color,
-      textAlign: "left",
-      padding: "16px 0 50px"
-    } : {
-      color: color,
-      textAlign: "center",
-      padding: "16px 16px 50px"
-    },
-    dangerouslySetInnerHTML: {
-      __html: content.text
-    }
-  }), (content === null || content === void 0 ? void 0 : content.ctas) && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-list-feat-main__cta-section"
-  }, (content === null || content === void 0 ? void 0 : (_content$ctas = content.ctas) === null || _content$ctas === void 0 ? void 0 : (_content$ctas$ctaOne = _content$ctas.ctaOne) === null || _content$ctas$ctaOne === void 0 ? void 0 : _content$ctas$ctaOne.text) && (content === null || content === void 0 ? void 0 : (_content$ctas2 = content.ctas) === null || _content$ctas2 === void 0 ? void 0 : (_content$ctas2$ctaOne = _content$ctas2.ctaOne) === null || _content$ctas2$ctaOne === void 0 ? void 0 : _content$ctas2$ctaOne.url) && /*#__PURE__*/_react["default"].createElement(_terraOne.Button, {
-    Link: content === null || content === void 0 ? void 0 : content.Link,
-    url: content === null || content === void 0 ? void 0 : (_content$ctas3 = content.ctas) === null || _content$ctas3 === void 0 ? void 0 : (_content$ctas3$ctaOne = _content$ctas3.ctaOne) === null || _content$ctas3$ctaOne === void 0 ? void 0 : _content$ctas3$ctaOne.url,
-    text: content === null || content === void 0 ? void 0 : (_content$ctas4 = content.ctas) === null || _content$ctas4 === void 0 ? void 0 : (_content$ctas4$ctaOne = _content$ctas4.ctaOne) === null || _content$ctas4$ctaOne === void 0 ? void 0 : _content$ctas4$ctaOne.text,
-    className: content === null || content === void 0 ? void 0 : (_content$ctas5 = content.ctas) === null || _content$ctas5 === void 0 ? void 0 : (_content$ctas5$ctaOne = _content$ctas5.ctaOne) === null || _content$ctas5$ctaOne === void 0 ? void 0 : _content$ctas5$ctaOne.className,
-    external: content === null || content === void 0 ? void 0 : (_content$ctas6 = content.ctas) === null || _content$ctas6 === void 0 ? void 0 : (_content$ctas6$ctaOne = _content$ctas6.ctaOne) === null || _content$ctas6$ctaOne === void 0 ? void 0 : _content$ctas6$ctaOne.external
-  })))), (0, _listFeatMethods.renderListFeat)(content, motion, parallax, maxWidth, zIndex, type, updateModalState));
-};
-
-// TODO refactor parameters for renderListFeeat - won't need parallax, maxWidth - KS
-var _default = ListFeat;
-exports["default"] = _default;