luna-one 3.1.593 → 3.1.594

package/dist/luna/featurettes/Feat5/Feat5.scss

@@ -1,235 +0,0 @@
-@import "../../../global-styles/terra.scss";
-
-.luna-feat-five {
-  padding: spacing("super") calc((100vw - 1200px) / 2);
-  text-align: center;
-  font-family: $font-sans-serif;
-  padding: 96px 0;
-  margin: auto;
-  position: relative;
-  overflow: hidden;
-
-  &__header {
-    font-size: $heading-3-size;
-    @include benton-very-bold();
-    margin: 0 0 38px;
-  }
-
-  &__sub-header, &__sub-header-holder p {
-    font-size: $subheading-size;
-    @include benton-light();
-  }
-
-  &__text-content {
-    padding: 0 32px;
-    max-width: 752px;
-    margin: auto;
-  }
-
-  &__thumbnail-container {
-    padding: 32px;
-    @media screen and (max-width: 400px) {
-      padding: 0;
-    }
-  }
-
-  &__thumbnail {
-    max-width: 752px;
-    min-width: 688px;
-    max-height: 387px;
-    -o-object-fit: cover;
-    object-fit: cover;
-    display: block;
-    margin: auto;
-    -webkit-transition: 0.2s;
-    -o-transition: 0.2s;
-    transition: 0.2s;
-
-    @media screen and (max-width: 740px) {
-      max-width: 600px;
-      min-width: 600px;
-      min-height: 387px;
-      max-height: 387px;
-    }
-
-    @media screen and (max-width: 655px) {
-      max-width: 550px;
-      min-width: 550px;
-      min-height: 309px;
-      max-height: 309px;
-    }
-
-    @media screen and (max-width: 610px) {
-      max-width: 500px;
-      min-width: 500px;
-      min-height: 281px;
-      max-height: 281px;
-    }
-
-    @media screen and (max-width: 555px) {
-      max-width: 450px;
-      min-width: 450px;
-      min-height: 253px;
-      max-height: 253px;
-    }
-
-    @media screen and (max-width: 510px) {
-      max-width: 400px;
-      min-width: 400px;
-      min-height: 225px;
-      max-height: 225px;
-    }
-
-    @media screen and (max-width: 455px) {
-      max-width: 350px;
-      min-width: 350px;
-      min-height: 197px;
-      max-height: 197px;
-    }
-
-    @media screen and (max-width: 410px) {
-      max-width: 325px;
-      min-width: 325px;
-      min-height: 182px;
-      max-height: 182px;
-    }
-
-    @media screen and (max-width: 380px) {
-      max-width: 275px;
-      min-width: 275px;
-      min-height: 155px;
-      max-height: 155px;
-    }
-
-    &--is-hovering {
-      -webkit-transform: scale(1.03);
-      -ms-transform: scale(1.03);
-      transform: scale(1.03);
-      cursor: pointer;
-    }
-
-    &-container {
-      position: relative;
-    }
-  }
-
-  &__play-btn {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin: auto;
-
-    &--is-hovering {
-      -webkit-transform: scale(1.03);
-      -ms-transform: scale(1.03);
-      transform: scale(1.03);
-      cursor: pointer;
-    }
-  }
-
-  &__video-wrapper {
-    position: relative;
-    -webkit-transition: 0.3s;
-    -o-transition: 0.3s;
-
-    transition: 0.3s;
-    -webkit-transform: translateY(50px);
-    -ms-transform: translateY(50px);
-    transform: translateY(50px);
-
-    &--default {
-      padding-bottom: 56.25%; /* 16:9 */
-      padding-top: 25px;
-      height: 0;
-    }
-
-    &--is-deployed {
-      -webkit-transform: translateY(0);
-      -ms-transform: translateY(0);
-      transform: translateY(0);
-    }
-
-    iframe {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      max-width: 70%;
-      max-height: 70%;
-      margin: 60px auto 0;
-
-      @media screen and (max-width: 1980px) {
-        max-width: 1200px;
-        max-height: 675px;
-      }
-    }
-  }
-
-  &__modal {
-    position: fixed;
-    height: 100vw;
-    width: 100vw;
-    background: rgba(0, 0, 0, 0.5);
-    z-index: 100;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    -webkit-transition: 0.3s;
-    -o-transition: 0.3s;
-    transition: 0.3s;
-    opacity: 0;
-    -webkit-animation: fade-in 0.5s linear;
-    animation: fade-in 0.5s linear;
-    height: 100vh;
-    width: 100vw;
-    opacity: 0;
-    visibility: hidden;
-    display: -ms-grid;
-    display: grid;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-
-    &--is-deployed {
-      opacity: 1;
-      visibility: visible;
-    }
-  }
-
-  &__background-image {
-    position: absolute;
-    opacity: 1;
-
-    &--hidden {
-      opacity: 0;
-    }
-  }
-
-  &__wrapper {
-    position: relative;
-    overflow: hidden;
-  }
-
-  .luna-feat-five__header,
-  .luna-feat-five__sub-header,
-  .luna-feat-five__thumbnail-container,
-  .luna-feat-five__thumbnail {
-    -webkit-transition: opacity 0.2s;
-    -o-transition: opacity 0.2s;
-    transition: opacity 0.2s;
-  }
-
-  &--deployed {
-    overflow-y: visible;
-
-    .luna-feat-five__header,
-    .luna-feat-five__sub-header,
-    .luna-feat-five__thumbnail-container,
-    .luna-feat-five__thumbnail {
-      opacity: 0;
-    }
-  }
-}

package/dist/luna/featurettes/Feat5/Feat5Methods.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getZIndex = void 0;
-var getZIndex = function getZIndex(zIndex, modalDeployed) {
-  if (!zIndex && !modalDeployed) {
-    return "auto";
-  } else if (!zIndex && modalDeployed) {
-    return 60;
-  }
-  if (modalDeployed) {
-    return zIndex + 60;
-  } else {
-    return zIndex;
-  }
-};
-exports.getZIndex = getZIndex;

package/dist/luna/featurettes/Feat5/Feat5Methods.test.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _Feat5Methods = require("./Feat5Methods");
-describe("Feat5Methods", function () {
-  describe("getZIndex", function () {
-    it("should return auto", function () {
-      var response = (0, _Feat5Methods.getZIndex)();
-      expect(response).toStrictEqual("auto");
-    });
-    it("should return 60", function () {
-      var response = (0, _Feat5Methods.getZIndex)(null, true);
-      expect(response).toStrictEqual(60);
-    });
-    it("should return zIndex + 60", function () {
-      var response = (0, _Feat5Methods.getZIndex)(1, true);
-      expect(response).toStrictEqual(61);
-    });
-    it("should return zIndex", function () {
-      var response = (0, _Feat5Methods.getZIndex)(30, false);
-      expect(response).toStrictEqual(30);
-    });
-  });
-});

package/dist/luna/featurettes/Feat7/Feat7.js

@@ -1,79 +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("./Feat7.scss");
-var _generateStyles = _interopRequireDefault(require("../../utils/generateStyles"));
-var _generateID = _interopRequireDefault(require("../../utils/generateID"));
-var _reactAwesomeReveal = require("react-awesome-reveal");
-var _useStyles2 = _interopRequireDefault(require("../../utils/hooks/useStyles"));
-var _terraOne = require("terra-one");
-var _checkForDangerouslySet = _interopRequireDefault(require("../../utils/checkForDangerouslySet"));
-var _Feat7Methods = require("./Feat7Methods");
-var Feat7 = function Feat7(_ref) {
-  var children = _ref.children,
-    _ref$content = _ref.content,
-    content = _ref$content === void 0 ? {} : _ref$content,
-    theme = _ref.theme,
-    id = _ref.id,
-    motion = _ref.motion,
-    zIndex = _ref.zIndex,
-    override = _ref.override,
-    setOverride = _ref.setOverride;
-  var themes = (0, _Feat7Methods.checkForThemePropsForFeat7)(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;
-  var header = content.header,
-    subHeader = content.subHeader;
-  return /*#__PURE__*/_react["default"].createElement("section", {
-    style: {
-      zIndex: zIndex || "auto",
-      backgroundColor: themes === null || themes === void 0 ? void 0 : themes.inactiveTabBarColor,
-      color: color
-    },
-    className: "ter-feat-seven",
-    id: (0, _generateID["default"])(id, header)
-  }, /*#__PURE__*/_react["default"].createElement(_reactAwesomeReveal.Fade, {
-    direction: motion ? "up" : "",
-    delay: motion ? 400 : 0,
-    duration: 1500,
-    triggerOnce: true
-  }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, header && /*#__PURE__*/_react["default"].createElement("h3", {
-    className: "ter-feat-seven__header ter-feat__header",
-    style: {
-      color: themes === null || themes === void 0 ? void 0 : themes.introTextColor
-    }
-  }, header), subHeader && !(0, _checkForDangerouslySet["default"])(subHeader) && /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ter-feat-seven__sub-header ter-feat__sub-header",
-    style: {
-      color: themes === null || themes === void 0 ? void 0 : themes.introTextColor
-    }
-  }, subHeader), subHeader && (0, _checkForDangerouslySet["default"])(subHeader) && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-feat-seven__sub-header ter-feat__sub-header-container dangerously-set-content",
-    dangerouslySetInnerHTML: {
-      __html: subHeader
-    },
-    style: {
-      color: themes === null || themes === void 0 ? void 0 : themes.introTextColor
-    }
-  }), children && /*#__PURE__*/_react["default"].createElement(_terraOne.Tabs, {
-    color: color,
-    backgroundColor: backgroundColor,
-    activeTabBarColor: themes === null || themes === void 0 ? void 0 : themes.activeTabBarColor,
-    activeTabTextColor: themes === null || themes === void 0 ? void 0 : themes.activeTabTextColor,
-    inactiveTabBarColor: themes === null || themes === void 0 ? void 0 : themes.inactiveTabBarColor,
-    selector: 0,
-    fullWidth: false,
-    override: override,
-    setOverride: setOverride
-  }, children))));
-};
-var _default = Feat7;
-exports["default"] = _default;

package/dist/luna/featurettes/Feat7/Feat7.scss

@@ -1,49 +0,0 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-feat-seven {
-  padding-top: 48px;
-  &__header {
-    font-size: $heading-3-size;
-    @include benton-very-bold();
-  }
-
-  &__header,
-  &__sub-header {
-    max-width: 930px;
-    text-align: center;
-    margin: 0 auto;
-
-    @media screen and (max-width: 960px) {
-      max-width: 610px;
-    }
-
-    @media screen and (max-width: 640px) {
-      margin-left: 0;
-      margin-right: 0;
-      padding: 0 32px;
-    }
-    
-    @media screen and (max-width: 600px) {
-      font-size: $heading-6-size;
-    }
-  
-  }
-
-  &__sub-header {
-    font-size: $subheading-size;
-    @include benton-light();
-    margin-top: 24px;
-
-  }
-
-  &__sub-header,
-  &__sub-header > p {
-    font-size: $subheading-size;
-    @include benton-light();
-    padding-bottom: 0;
-  }
-
-  .ter-tabs {
-    margin-top: 36px;
-  }
-}

package/dist/luna/featurettes/Feat7/Feat7Methods.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.checkForThemePropsForFeat7 = void 0;
-var checkForThemePropsForFeat7 = function checkForThemePropsForFeat7(theme) {
-  var themeColors = {};
-  if (!(theme !== null && theme !== void 0 && theme.color)) {
-    themeColors["color"] = "#98A0AB";
-  } else if (theme !== null && theme !== void 0 && theme.color) {
-    themeColors["color"] = theme.color;
-  }
-  if (!(theme !== null && theme !== void 0 && theme.backgroundColor)) {
-    themeColors["backgroundColor"] = "#F8F8FB";
-  } else if (theme !== null && theme !== void 0 && theme.backgroundColor) {
-    themeColors["backgroundColor"] = theme.backgroundColor;
-  }
-  if (!(theme !== null && theme !== void 0 && theme.activeTabBarColor)) {
-    themeColors["activeTabBarColor"] = "#0063A3";
-  } else if (theme !== null && theme !== void 0 && theme.activeTabBarColor) {
-    themeColors["activeTabBarColor"] = theme.activeTabBarColor;
-  }
-  if (!(theme !== null && theme !== void 0 && theme.activeTabTextColor)) {
-    themeColors["activeTabTextColor"] = "#0063A3";
-  } else if (theme !== null && theme !== void 0 && theme.activeTabTextColor) {
-    themeColors["activeTabTextColor"] = theme.activeTabTextColor;
-  }
-  if (!(theme !== null && theme !== void 0 && theme.inactiveTabBarColor)) {
-    themeColors["inactiveTabBarColor"] = "#ffffff";
-  } else if (theme !== null && theme !== void 0 && theme.inactiveTabBarColor) {
-    themeColors["inactiveTabBarColor"] = theme.inactiveTabBarColor;
-  }
-  if (!(theme !== null && theme !== void 0 && theme.introTextColor)) {
-    themeColors["introTextColor"] = "#F8F8FB";
-  } else if (theme !== null && theme !== void 0 && theme.introTextColor) {
-    themeColors["introTextColor"] = theme.introTextColor;
-  }
-  return themeColors;
-};
-exports.checkForThemePropsForFeat7 = checkForThemePropsForFeat7;

package/dist/luna/featurettes/Feat8/Feat8.js

@@ -1,75 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-require("./Feat8.scss");
-var _generateID = _interopRequireDefault(require("../../utils/generateID"));
-var _reactAwesomeReveal = require("react-awesome-reveal");
-var _checkForDangerouslySet = _interopRequireDefault(require("../../utils/checkForDangerouslySet"));
-var _feat8Methods = require("./feat8Methods");
-var _checkForThemeProps = require("../../utils/checkForThemeProps");
-var _useStyles2 = _interopRequireDefault(require("../../utils/hooks/useStyles"));
-var Feat8 = function Feat8(_ref) {
-  var _ref$content = _ref.content,
-    content = _ref$content === void 0 ? {} : _ref$content,
-    id = _ref.id,
-    motion = _ref.motion,
-    zIndex = _ref.zIndex;
-  var header = content.header,
-    subHeader = content.subHeader,
-    text = content.text,
-    theme = content.theme,
-    headerAlignment = content.headerAlignment,
-    subHeaderAlignment = content.subHeaderAlignment;
-  var themes = (0, _checkForThemeProps.checkForThemeProps)(theme);
-  var _useStyles = (0, _useStyles2["default"])(themes),
-    backgroundColor = _useStyles.backgroundColor,
-    color = _useStyles.color;
-  var wrapper = (0, _react.useRef)(null);
-  return /*#__PURE__*/_react["default"].createElement("section", {
-    ref: wrapper,
-    id: (0, _generateID["default"])(id, header),
-    className: "ter-feat-eight ",
-    style: {
-      zIndex: zIndex + 1 || "auto",
-      background: backgroundColor
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_reactAwesomeReveal.Fade, {
-    className: "ter-feat-eight__content-container",
-    direction: motion ? "up" : "",
-    triggerOnce: true,
-    delay: motion ? (0, _feat8Methods.contentFadeDelay)(motion) : null
-  }, /*#__PURE__*/_react["default"].createElement("aside", {
-    className: "ter-feat-eight__content-container"
-  }, header && /*#__PURE__*/_react["default"].createElement("h3", {
-    className: "ter-feat-eight__header ter-feat__header ".concat(headerAlignment ? "ter-feat-eight--header-" + headerAlignment : "ter-feat-eight--header-left"),
-    style: {
-      color: color
-    }
-  }, header), subHeader && /*#__PURE__*/_react["default"].createElement("h5", {
-    className: "ter-feat-eight__sub-header ter-feat__sub-header ".concat(subHeaderAlignment ? "ter-feat-eight--subheader-" + subHeaderAlignment : "ter-feat-eight--subheader-left"),
-    style: {
-      color: color
-    }
-  }, subHeader), text && !(0, _checkForDangerouslySet["default"])(text) && /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ter-feat-eight__text ".concat(theme !== null && theme !== void 0 && theme.darkTheme ? "ter-feat-eight--dark-theme" : ""),
-    style: {
-      color: color
-    }
-  }, text), text && (0, _checkForDangerouslySet["default"])(text) && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-feat-eight__text-holder ".concat(theme !== null && theme !== void 0 && theme.darkTheme ? "ter-feat-eight--dark-theme" : ""),
-    style: {
-      color: color
-    },
-    dangerouslySetInnerHTML: {
-      __html: text
-    }
-  }))));
-};
-var _default = Feat8;
-exports["default"] = _default;

package/dist/luna/featurettes/Feat8/Feat8.scss

@@ -1,103 +0,0 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-feat-eight {
-  width: 100%;
-  margin: auto;
-  @include organism-padding();
-  position: relative;
-
-  @media (min-width: $breakpoint-xs) {
-    padding-top: spacing("mega");
-  }
-
-  @media (min-width: $breakpoint-sm) {
-    @include grid-container;
-  }
-
-  @media (min-width: $breakpoint-sm) {
-    @include organism-padding();
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-  }
-
-  &__content-container {
-    @include grid-column(12);
-    @media (min-width: $breakpoint-md) {
-      max-width: 45rem;
-      margin-left: auto;
-      margin-right: auto;
-    }    
-  }
-
-  &__header {
-    font-size: $heading-3-size;
-  }
-
-  &__sub-header {
-    font-size: $heading-6-size;
-    line-height: 38px;
-    @include benton-light();
-  }
-
-  &__text,
-  &__text-holder p, 
-  &__text-holder ul, 
-  &__text-holder ol {
-    margin-top: spacing("md");
-    line-height: 25px;
-    font-size: $large-body-font-size;
-    @include benton-light();
-    text-align: left;
-  }
-
-  &__text-holder h1 {
-    font-size: $eyebrow-font-size;
-  }
-
-  &__text-holder h2 {
-    font-size: $heading-3-size;
-  }
-
-  &__text-holder h3 {
-    font-size: $heading-6-size;
-  }
-
-  &__text-holder h4 {
-    font-size: $subheading-size;
-  }
-
-  &__text-holder h5 {
-    font-size: $large-subheading-size;
-  }
-
-  &__text-holder h6 {
-    font-size: $large-body-font-size;
-  }
-
-  &--header-center {
-    text-align: center;
-  }
-
-  &--subheader-center {
-    text-align: center;
-  }
-
-  &--dark-theme h1, 
-  &--dark-theme h2, 
-  &--dark-theme h3, 
-  &--dark-theme h4, 
-  &--dark-theme h5, 
-  &--dark-theme h6, 
-  &--dark-theme p {
-    color: $concrete-gray;
-
-  }
-
-  &--dark-theme a {
-    color: $concrete-gray;
-    &:hover {
-      color: darken($concrete-gray, 10%);;
-    }
-  }
-}

package/dist/luna/featurettes/Feat8/feat8Methods.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/featurettes/Feat8/feat8Methods.test.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _feat8Methods = require("./feat8Methods");
-describe("feat8Methods", function () {
-  describe("contentFadeDelay", function () {
-    it("should return null", function () {
-      var result = (0, _feat8Methods.contentFadeDelay)();
-      expect(result).toEqual(null);
-    });
-    it("should return 200", function () {
-      global.innerWidth = 1000;
-      var result = (0, _feat8Methods.contentFadeDelay)(true);
-      expect(result).toEqual(200);
-    });
-    it("should return 0", function () {
-      global.innerWidth = 4;
-      var result = (0, _feat8Methods.contentFadeDelay)(true);
-      expect(result).toEqual(0);
-    });
-  });
-});