luna-one 3.1.593 → 3.1.594

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

@@ -1,175 +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("./Hero4.scss");
-var _terraOne = require("terra-one");
-var _generateThemeClassName = _interopRequireDefault(require("../../utils/generateThemeClassName"));
-var _fpoSquare = _interopRequireDefault(require("../../images/fpo-square.png"));
-var _generateID = _interopRequireDefault(require("../../utils/generateID"));
-var _reactAwesomeReveal = require("react-awesome-reveal");
-var _checkForDangerouslySet = _interopRequireDefault(require("../../utils/checkForDangerouslySet"));
-var _hero4Methods = require("./hero4Methods");
-var _removeSpaces = require("../../utils/removeSpaces");
-var _checkForThemeProps = require("../../utils/checkForThemeProps");
-var _useStyles2 = _interopRequireDefault(require("../../utils/hooks/useStyles"));
-var _generateFocusedImageAlt = _interopRequireDefault(require("../../utils/generateFocusedImageAlt"));
-var Hero4 = function Hero4(_ref) {
-  var _focusedImage$focalPo;
-  var _ref$content = _ref.content,
-    content = _ref$content === void 0 ? {} : _ref$content,
-    id = _ref.id,
-    motion = _ref.motion,
-    zIndex = _ref.zIndex,
-    heroType = _ref.heroType;
-  var image = content.image,
-    header = content.header,
-    subHeader = content.subHeader,
-    text = content.text,
-    ctas = content.ctas,
-    _content$contentSide = content.contentSide,
-    contentSide = _content$contentSide === void 0 ? "right" : _content$contentSide,
-    theme = content.theme,
-    GatsbyImage = content.GatsbyImage,
-    focusedImage = content.focusedImage;
-  var themes = (0, _checkForThemeProps.checkForThemeProps)(theme);
-  var _useStyles = (0, _useStyles2["default"])(themes),
-    backgroundColor = _useStyles.backgroundColor,
-    color = _useStyles.color,
-    ctaOne = _useStyles.ctaOne,
-    ctaTwo = _useStyles.ctaTwo;
-  var renderAlignment = function renderAlignment(contentSide) {
-    if (contentSide && contentSide === "left") {
-      return "ter-hero-four--reverse";
-    } else {
-      return "";
-    }
-  };
-  var switchImageSizes = function switchImageSizes(heroType) {
-    if (heroType == "Hero5") {
-      // render different image size + ratio when used as Hero5
-      return {
-        desktop: {
-          width: 520,
-          height: 520,
-          ratio: {
-            width: 1,
-            height: 1
-          }
-        },
-        tablet: {
-          width: 520,
-          height: 520,
-          ratio: {
-            width: 1,
-            height: 1
-          }
-        },
-        mobile: {
-          width: 520,
-          height: 520,
-          ratio: {
-            width: 1,
-            height: 1
-          }
-        }
-      };
-    } else {
-      return {
-        desktop: {
-          width: 644,
-          height: 363,
-          ratio: {
-            width: 3,
-            height: 2
-          }
-        },
-        tablet: {
-          width: 644,
-          height: 363,
-          ratio: {
-            width: 3,
-            height: 2
-          }
-        },
-        mobile: {
-          width: 644,
-          height: 363,
-          ratio: {
-            width: 3,
-            height: 2
-          }
-        }
-      };
-    }
-  };
-  var mainImage;
-  if (focusedImage !== null && focusedImage !== void 0 && (_focusedImage$focalPo = focusedImage.focalPointImage) !== null && _focusedImage$focalPo !== void 0 && _focusedImage$focalPo.url) {
-    mainImage = /*#__PURE__*/_react["default"].createElement(_terraOne.FocusedImage, {
-      focalPointImage: focusedImage === null || focusedImage === void 0 ? void 0 : focusedImage.focalPointImage,
-      alt: (0, _generateFocusedImageAlt["default"])(focusedImage),
-      imageSizes: switchImageSizes(heroType)
-    });
-  } else {
-    mainImage = /*#__PURE__*/_react["default"].createElement(_terraOne.Image, {
-      image: image === null || image === void 0 ? void 0 : image.image,
-      GatsbyImage: GatsbyImage,
-      src: image ? (0, _removeSpaces.removeSpaces)(image.url || (image === null || image === void 0 ? void 0 : image.src)) : _fpoSquare["default"],
-      alt: (image === null || image === void 0 ? void 0 : image.altText) || (image === null || image === void 0 ? void 0 : image.alt) || "placeholder image",
-      className: "ter-hero-four__image",
-      onError: function onError(e) {
-        e.target.onerror = null;
-        e.target.src = _fpoSquare["default"];
-      }
-    });
-  }
-  return /*#__PURE__*/_react["default"].createElement("section", {
-    id: (0, _generateID["default"])(id, header),
-    style: {
-      zIndex: zIndex + 1 || "auto",
-      backgroundColor: backgroundColor
-    },
-    className: "ter-hero-four ".concat(renderAlignment(contentSide))
-  }, /*#__PURE__*/_react["default"].createElement(_reactAwesomeReveal.Fade, {
-    direction: motion ? "up" : "",
-    delay: motion ? 150 : 0,
-    triggerOnce: true,
-    className: "ter-hero-four__image-wrapper"
-  }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, mainImage && mainImage)), /*#__PURE__*/_react["default"].createElement(_reactAwesomeReveal.Fade, {
-    direction: motion ? "up" : "",
-    delay: motion ? (0, _hero4Methods.contentFadeDelay)(motion) : 0,
-    triggerOnce: true,
-    className: "ter-hero-four__content-container"
-  }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, header && /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "ter-hero-four__header ter-hero__header",
-    style: {
-      color: color
-    }
-  }, header), subHeader && /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ter-hero-four__sub-header ter-hero__sub-header",
-    style: {
-      color: color
-    }
-  }, subHeader), text && !(0, _checkForDangerouslySet["default"])(text) && /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ter-hero-four__text",
-    style: {
-      color: color
-    }
-  }, text), text && (0, _checkForDangerouslySet["default"])(text) && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-hero-four__text-holder dangerously-set-content",
-    style: {
-      color: color
-    },
-    dangerouslySetInnerHTML: {
-      __html: text
-    }
-  }), ctas && /*#__PURE__*/_react["default"].createElement(_terraOne.CTASection, {
-    ctas: ctas
-  }))));
-};
-var _default = Hero4;
-exports["default"] = _default;

package/dist/luna/heroes/Hero4/Hero4.scss

@@ -1,112 +0,0 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-hero-four {
-  margin: auto;
-  @include organism-padding();
-  position: relative;
-
-  @media (min-width: $breakpoint-xs) {
-    padding-top: spacing("mega");
-  }
-
-  @media (min-width: $breakpoint-sm) {
-    @include grid-container;
-  }
-
-  &--reverse {
-    .ter-hero-four__image-wrapper {
-      grid-row: 1;
-      grid-column: 7/13;
-    }
-    .ter-hero-four__content-container {
-      grid-row: 1;
-      grid-column: 1/7;
-    }
-  }
-
-  &__background-image {
-    position: absolute;
-  }
-
-  @media (min-width: $breakpoint-sm) {
-    @include organism-padding();
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-  }
-
-  &__image-wrapper {
-    margin-bottom: spacing("md");
-
-    @media (min-width: $breakpoint-sm) {
-      @include grid-column(6);
-      margin-bottom: 0;
-    }
-  }
-
-  &__image {
-    width: 100%;
-  }
-
-  &__content-container {
-    @media (min-width: $breakpoint-sm) {
-      @include grid-column(6);
-      padding-left: 16px;
-    }
-
-    @media (min-width: $breakpoint-md) {
-      @include grid-column(6);
-    }
-  }
-
-  &__header {
-    font-size: $heading-3-size;
-  }
-
-  &__sub-header {
-    font-size: $subheading-size;
-    @include benton-light();
-    color: gray("gray-7");
-  }
-
-  &__text,
-  &__text-holder p {
-    @include benton-normal();
-    font-size: $subheading-size;
-    margin-top: spacing("md");
-    margin-bottom: 0;
-  }
-
-  .ter-button {
-    display: block;
-    margin-top: spacing("md");
-
-    @media (min-width: $breakpoint-xs) {
-      display: inline-block;
-      padding-right: spacing("lg");
-      padding-left: spacing("lg");
-    }
-
-    @media (min-width: $breakpoint-md) {
-      margin-top: spacing("md");
-    }
-  }
-}
-
-@media screen and (-ms-high-contrast: active),
-  screen and (-ms-high-contrast: none) {
-  /* IE10+ specific styles go here */
-  .ter-hero-four {
-    &__image {
-      display: inline-block;
-      width: 50%;
-      float: left;
-    }
-    &__content-container {
-      display: inline-block;
-      float: right;
-      width: 50%;
-      margin-top: 70px;
-    }
-  }
-}

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

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.contentFadeDelay = void 0;
-var contentFadeDelay = function contentFadeDelay(motion) {
-  var _window;
-  if (!motion) {
-    return null;
-  }
-  if (typeof window !== "undefined" && ((_window = window) === null || _window === void 0 ? void 0 : _window.innerWidth) >= 900) {
-    return 200;
-  } else {
-    return 0;
-  }
-};
-exports.contentFadeDelay = contentFadeDelay;

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

@@ -1,179 +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("./Hero6.scss");
-var _fpoSquare = _interopRequireDefault(require("../../images/fpo-square.png"));
-var _generateID = _interopRequireDefault(require("../../utils/generateID"));
-var _reactAwesomeReveal = require("react-awesome-reveal");
-var _terraOne = require("terra-one");
-var _useStyles2 = _interopRequireDefault(require("../../utils/hooks/useStyles"));
-var _checkForThemeProps = require("../../utils/checkForThemeProps");
-var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
-var _useScreenSize = require("../../utils/hooks/useScreenSize");
-var _checkForCTAClassName = require("../../utils/checkForCTAClassName");
-var _generateFocusedImageAlt = _interopRequireDefault(require("../../utils/generateFocusedImageAlt"));
-var Hero6 = function Hero6(_ref) {
-  var _ref$content = _ref.content,
-    content = _ref$content === void 0 ? {} : _ref$content,
-    id = _ref.id,
-    motion = _ref.motion;
-  var eyebrow = content.eyebrow,
-    header = content.header,
-    text = content.text,
-    ctas = content.ctas,
-    cta = content.cta,
-    Link = content.Link,
-    image = content.image,
-    subHeader = content.subHeader,
-    _content$imageAlignme = content.imageAlignment,
-    imageAlignment = _content$imageAlignme === void 0 ? "left" : _content$imageAlignme,
-    theme = content.theme,
-    GatsbyImage = content.GatsbyImage,
-    focusedImage = content.focusedImage,
-    _content$variant = content.variant,
-    variant = _content$variant === void 0 ? "variant_8" : _content$variant;
-  var imageSizes = {
-    variant_8: {
-      desktop: {
-        width: 720,
-        height: 720,
-        ratio: {
-          width: 1,
-          height: 1
-        }
-      },
-      tablet: {
-        width: 960,
-        height: 480,
-        ratio: {
-          width: 2,
-          height: 1
-        }
-      },
-      mobile: {
-        width: 360,
-        height: 220,
-        ratio: {
-          width: 3,
-          height: 2
-        }
-      }
-    },
-    variant_9: {
-      desktop: {
-        width: 720,
-        height: 480,
-        ratio: {
-          width: 3,
-          height: 2
-        }
-      },
-      tablet: {
-        width: 960,
-        height: 480,
-        ratio: {
-          width: 2,
-          height: 1
-        }
-      },
-      mobile: {
-        width: 360,
-        height: 220,
-        ratio: {
-          width: 3,
-          height: 2
-        }
-      }
-    },
-    variant_10: {
-      desktop: {
-        width: 960,
-        height: 650,
-        ratio: {
-          width: 1.48,
-          height: 1
-        }
-      },
-      tablet: {
-        width: 960,
-        height: 480,
-        ratio: {
-          width: 2,
-          height: 1
-        }
-      },
-      mobile: {
-        width: 360,
-        height: 220,
-        ratio: {
-          width: 3,
-          height: 2
-        }
-      }
-    }
-  };
-  var _useMouse = (0, _useMouse2["default"])(),
-    mouse = _useMouse.mouse;
-  var themes = (0, _checkForThemeProps.checkForThemeProps)(theme);
-  var _useStyles = (0, _useStyles2["default"])(themes),
-    backgroundColor = _useStyles.backgroundColor,
-    color = _useStyles.color,
-    ctaOne = _useStyles.ctaOne,
-    ctaTwo = _useStyles.ctaTwo;
-  (0, _checkForCTAClassName.checkForCTAClassName)(ctas, themes);
-  return /*#__PURE__*/_react["default"].createElement("section", {
-    className: "ter-hero-6 ter-hero-6-".concat(variant),
-    id: (0, _generateID["default"])(id, header),
-    style: {
-      backgroundColor: (theme === null || theme === void 0 ? void 0 : theme.backgroundColor) || "#F8F8FB"
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_reactAwesomeReveal.Fade, {
-    className: "ter-hero-6__hero-image ter-hero-6__hero-image-".concat(variant, "-").concat(imageAlignment, " ter-hero-6--focused ter-hero-6--focused-").concat(variant, "-").concat(imageAlignment)
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    tabIndex: mouse ? "" : "0"
-  }, /*#__PURE__*/_react["default"].createElement(_terraOne.FocusedImage, {
-    focalPointImage: focusedImage === null || focusedImage === void 0 ? void 0 : focusedImage.focalPointImage,
-    alt: (0, _generateFocusedImageAlt["default"])(focusedImage),
-    fullHeightWrapper: true,
-    imageSizes: imageSizes[variant]
-  }))), /*#__PURE__*/_react["default"].createElement(_reactAwesomeReveal.Fade, {
-    className: "ter-hero-6__container ter-hero-6__container-".concat(variant, "-").concat(imageAlignment)
-  }, /*#__PURE__*/_react["default"].createElement("aside", {
-    className: "ter-hero-6__content-block ter-hero-6__content-block-".concat(variant, "-").concat(imageAlignment)
-  }, eyebrow && /*#__PURE__*/_react["default"].createElement("h1", {
-    className: "ter-hero-6__eyebrow",
-    style: {
-      color: color
-    }
-  }, eyebrow), header && /*#__PURE__*/_react["default"].createElement("h3", {
-    className: "ter-hero-6__header",
-    style: {
-      color: theme !== null && theme !== void 0 && theme.headerColor ? theme === null || theme === void 0 ? void 0 : theme.headerColor : color
-    }
-  }, header), subHeader && /*#__PURE__*/_react["default"].createElement("h5", {
-    className: "ter-hero-6__subHeader",
-    style: {
-      color: color
-    }
-  }, subHeader), text && /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ter-hero-6__text",
-    style: {
-      color: color
-    }
-  }, text), !ctas && cta && /*#__PURE__*/_react["default"].createElement(_terraOne.Button, {
-    tabIndex: mouse ? "" : "0",
-    Link: Link,
-    url: cta.url,
-    text: cta.text,
-    className: theme !== null && theme !== void 0 && theme.ctaOne ? "ter-button--".concat(theme === null || theme === void 0 ? void 0 : theme.ctaOne) : "ter-button--primary--1"
-  }), ctas && /*#__PURE__*/_react["default"].createElement(_terraOne.CTASection, {
-    ctas: ctas
-  }))));
-};
-var _default = Hero6;
-exports["default"] = _default;

package/dist/luna/heroes/Hero6/Hero6.scss

@@ -1,127 +0,0 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-hero-6 {
-  @include grid-container;
-  grid-template-rows: 1fr;
-  
-  @media screen and (max-width: $breakpoint-sm) {
-    grid-template-rows: minmax(min-content, max-content);
-  }
-
-
-  &__eyebrow {
-    font-size: $eyebrow-font-size;
-    text-transform: uppercase;
-  }
-
-  &__header {
-    font-size: $heading-3-size;
-
-    @media screen and (max-width: $breakpoint-sm) {
-      font-size: $heading-3-size;
-    }
-  }
-
-  &__subHeader {
-    font-size: $subheading-size;
-
-    @media screen and (max-width: $breakpoint-sm) {
-      font-size: $subheading-size-mobile;
-    }
-  }
-
-  &__text {
-    font-size: $body-font-size;
-
-    @media screen and (max-width: $breakpoint-sm) {
-      font-size: $body-font-size-mobile;
-      line-height: 23px;
-    }
-  }
-
-  &__container {
-    grid-row: 1 / span 1; 
-    @media screen and (max-width: $breakpoint-sm) {
-      margin: 60px 120px;
-      justify-content: flex-start !important;
-      grid-row: 2 / span 1;
-      grid-column: 1 / span 16 !important;
-    }
-
-    @media screen and (max-width: $breakpoint-xs) {
-      margin: 60px 80px;
-    }
-
-    @media screen and (max-width: $breakpoint-xxs) {
-      margin: 41px 20px;
-    }
-  }
-
-  &__hero-image {
-
-    @media screen and (max-width: $breakpoint-sm) {
-      grid-row: 1 / span 1;
-      grid-column: 1 / span 16 !important;
-    }
-  }
-
-
-  &__container-variant_8-left, &__container-variant_9-left {
-    grid-column: 11 / span 4;
-
-  }
-
-  &__hero-image-variant_8-left,  &__hero-image-variant_9-left {
-    grid-column: 1 / span 8;
-  }
-
-  &__container-variant_8-right, &__container-variant_9-right {
-    grid-column: 3 / span 4;
-
-  }
-
-  &__hero-image-variant_8-right, &__hero-image-variant_9-right {
-    grid-column: 9 / span 8;
-  }
-
-
-  &__container-variant_10-left {
-    grid-column: 13 / span 3;
-
-  }
-
-  &__hero-image-variant_10-left{
-    grid-column: 1 / span 11;
-  }
-
-  &__container-variant_10-right{
-    grid-column: 2 / span 3;
-
-  }
-
-  &__hero-image-variant_10-right {
-    grid-column: 6 / span 11;
-  }
-
-  &__container {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-  }
-
-  .ter-cta-section {
-    .ter-button {
-      text-align: center;
-      display: block;
-      width: 121px;
-    }
-  }
-}
-
-.ter-hero-6-variant_8 {
-  height: calc(100vw / 2);
-
-  @media screen and (max-width: $breakpoint-sm) {
-    height: auto;
-  }
-}