luna-one 1.0.243 → 1.0.245

package/dist/global-styles/fonts/opensans.scss

@@ -0,0 +1,5 @@
+@import url("https://fonts.googleapis.com/css2?family=Open+Sans");
+
+.tk-opensans-sans {
+  font-family: "Open Sans Medium", sans-serif;
+}

package/dist/global-styles/global-vars.scss

@@ -213,7 +213,7 @@ $box-shadows: (
 );
 
 // font family
-$font-sans-serif: "Benton Sans W05 Book", -apple-system, BlinkMacSystemFont,
+$font-sans-serif: "Open Sans", -apple-system, BlinkMacSystemFont,
   "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial,
   sans-serif;
 $font-serif: georgia, times, serif;
@@ -242,7 +242,7 @@ $pagination-border-active-color: color("brand-1");
 
 // headers
 $header-font-color: color("gray-8");
-$header-font-family: "Benton Sans W05 Regular", $font-sans-serif;
+$header-font-family: "Open Sans", $font-sans-serif;
 $header-font-weight: font-weight("extra-bold");
 
 // links

package/dist/global-styles/mixins/_typography.scss

@@ -27,21 +27,21 @@
 }
 
 // sets font-size
-$normal-font-family: "Benton Sans W05 Book", -apple-system, BlinkMacSystemFont,
+$normal-font-family: "Open Sans", -apple-system, BlinkMacSystemFont,
   "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial,
   sans-serif;
 
 $light-font-weight: 100;
-$light-font-family: "Benton Sans W05 Light", -apple-system, BlinkMacSystemFont,
+$light-font-family: "Open Sans Light", -apple-system, BlinkMacSystemFont,
   "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial,
   sans-serif;
 
-$medium-font-weight: 400;
-$medium-font-family: "Benton Sans W05 Medium", -apple-system, BlinkMacSystemFont,
+$medium-font-weight: 600;
+$medium-font-family: "Open Sans Medium", -apple-system, BlinkMacSystemFont,
   "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial,
   sans-serif;
 
-$very-bold-font-family: "Benton Sans W05 Black", -apple-system,
+$very-bold-font-family: "Open Sans ExtraBold", -apple-system,
   BlinkMacSystemFont, "helvetica neue", helvetica, ubuntu, roboto, noto,
   "segoe ui", arial, sans-serif;
 
@@ -50,21 +50,21 @@ $very-bold-font-family: "Benton Sans W05 Black", -apple-system,
 }
 
 // NEW BENTING FONT STYLING
-@mixin benton-normal() {
+@mixin opensans-normal() {
   font-family: $normal-font-family;
 }
 
-@mixin benton-light() {
+@mixin opensans-light() {
   font-family: $light-font-family;
   font-weight: $light-font-weight;
 }
 
-@mixin benton-medium() {
+@mixin opensans-medium() {
   font-family: $medium-font-family;
   font-weight: $medium-font-weight;
 }
 
-@mixin benton-very-bold() {
+@mixin opensans-very-bold() {
   font-family: $very-bold-font-family;
 }
 
@@ -72,9 +72,9 @@ h3,
 h4,
 h1,
 h2 {
-  @include benton-very-bold();
+  @include opensans-very-bold();
 }
 
 strong {
-  @include benton-medium();
+  @include opensans-medium();
 }

package/dist/luna/components/AdminCategoryData/AdminCategoryData.js

@@ -1,21 +1,25 @@
 import React from "react";
 import "./AdminCategoryData.scss";
 import CategoryTranslationData from "./AdminCategoryDataMethods";
-var AdminCategoryData = function AdminCategoryData(_ref) {
-  var content = _ref.content,
-    currentLanguageURL = _ref.currentLanguageURL;
-  var name = content.name,
-    industry = content.industry,
-    url = content.url,
-    languageOptions = content.languageOptions,
-    translations = content.translations;
+const AdminCategoryData = _ref => {
+  let {
+    content,
+    currentLanguageURL
+  } = _ref;
+  const {
+    name,
+    industry,
+    url,
+    languageOptions,
+    translations
+  } = content;
   return /*#__PURE__*/React.createElement("div", {
     className: "luna-admin-category-data"
   }, name && /*#__PURE__*/React.createElement("h4", {
     className: "luna-admin-category-data__name"
   }, name), industry && /*#__PURE__*/React.createElement("p", {
     className: "luna-admin-category-data__industry"
-  }, /*#__PURE__*/React.createElement("span", null, "Industry:"), " ", industry), translations && /*#__PURE__*/React.createElement(React.Fragment, null, translations.map(function (translation, index) {
+  }, /*#__PURE__*/React.createElement("span", null, "Industry:"), " ", industry), translations && /*#__PURE__*/React.createElement(React.Fragment, null, translations.map((translation, index) => {
     return /*#__PURE__*/React.createElement(CategoryTranslationData, {
       key: translation.name + index,
       content: translation,

package/dist/luna/components/AdminCategoryData/AdminCategoryData.scss

@@ -17,7 +17,7 @@
   &__industry {
     padding-top: 6px !important;
     span {
-      // @include benton-medium();
+      // @include opensans-medium();
     }
   }
 

package/dist/luna/components/AdminCategoryData/AdminCategoryDataMethods.js

@@ -1,21 +1,18 @@
 import React from "react";
 import { NavLink } from "react-router-dom";
-var CategoryTranslationData = function CategoryTranslationData(_ref) {
-  var _ref$content = _ref.content,
-    content = _ref$content === void 0 ? {} : _ref$content,
-    _ref$url = _ref.url,
-    url = _ref$url === void 0 ? "" : _ref$url,
-    currentLanguageURL = _ref.currentLanguageURL,
-    _ref$languageOptions = _ref.languageOptions,
-    languageOptions = _ref$languageOptions === void 0 ? {} : _ref$languageOptions;
-  var _content$language = content.language,
-    language = _content$language === void 0 ? "" : _content$language,
-    _content$name = content.name,
-    name = _content$name === void 0 ? "" : _content$name,
-    _content$text = content.text,
-    text = _content$text === void 0 ? "" : _content$text,
-    _content$teaserImage = content.teaserImage,
-    teaserImage = _content$teaserImage === void 0 ? {} : _content$teaserImage;
+const CategoryTranslationData = _ref => {
+  let {
+    content = {},
+    url = "",
+    currentLanguageURL,
+    languageOptions = {}
+  } = _ref;
+  const {
+    language = "",
+    name = "",
+    text = "",
+    teaserImage = {}
+  } = content;
   return /*#__PURE__*/React.createElement("div", {
     className: "luna-category-translation-data"
   }, teaserImage.url && /*#__PURE__*/React.createElement("img", {

package/dist/luna/components/AdminProductData/AdminProductData.js

@@ -2,14 +2,18 @@ import React from "react";
 import { renderRegions } from "./AdminProductDataMethods";
 import "./AdminProductData.scss";
 import { NavLink } from "react-router-dom";
-var AdminProductData = function AdminProductData(_ref) {
-  var content = _ref.content,
-    currentLanguageURL = _ref.currentLanguageURL;
-  var name = content.name,
-    regions = content.regions,
-    translations = content.translations,
-    url = content.url,
-    languageOptions = content.languageOptions;
+const AdminProductData = _ref => {
+  let {
+    content,
+    currentLanguageURL
+  } = _ref;
+  const {
+    name,
+    regions,
+    translations,
+    url,
+    languageOptions
+  } = content;
   return /*#__PURE__*/React.createElement("div", {
     className: "luna-admin-product-data"
   }, name && /*#__PURE__*/React.createElement("h4", {
@@ -18,7 +22,7 @@ var AdminProductData = function AdminProductData(_ref) {
     className: "luna-admin-product-data__region-wrapper"
   }, /*#__PURE__*/React.createElement("p", {
     className: "luna-admin-product-data__regions"
-  }, "Regions:"), renderRegions(regions)), translations && /*#__PURE__*/React.createElement(React.Fragment, null, translations.map(function (translation, index) {
+  }, "Regions:"), renderRegions(regions)), translations && /*#__PURE__*/React.createElement(React.Fragment, null, translations.map((translation, index) => {
     return /*#__PURE__*/React.createElement(TranslationData, {
       key: translation.teaserName + index,
       content: translation,
@@ -29,22 +33,19 @@ var AdminProductData = function AdminProductData(_ref) {
   })), /*#__PURE__*/React.createElement("div", null));
 };
 export default AdminProductData;
-var TranslationData = function TranslationData(_ref2) {
-  var _ref2$content = _ref2.content,
-    content = _ref2$content === void 0 ? {} : _ref2$content,
-    _ref2$url = _ref2.url,
-    url = _ref2$url === void 0 ? "" : _ref2$url,
-    currentLanguageURL = _ref2.currentLanguageURL,
-    _ref2$languageOptions = _ref2.languageOptions,
-    languageOptions = _ref2$languageOptions === void 0 ? {} : _ref2$languageOptions;
-  var _content$language = content.language,
-    language = _content$language === void 0 ? "" : _content$language,
-    _content$teaserImage = content.teaserImage,
-    teaserImage = _content$teaserImage === void 0 ? {} : _content$teaserImage,
-    _content$teaserName = content.teaserName,
-    teaserName = _content$teaserName === void 0 ? "" : _content$teaserName,
-    _content$teaserText = content.teaserText,
-    teaserText = _content$teaserText === void 0 ? "" : _content$teaserText;
+const TranslationData = _ref2 => {
+  let {
+    content = {},
+    url = "",
+    currentLanguageURL,
+    languageOptions = {}
+  } = _ref2;
+  const {
+    language = "",
+    teaserImage = {},
+    teaserName = "",
+    teaserText = ""
+  } = content;
   return /*#__PURE__*/React.createElement("div", {
     className: "luna-translation-data"
   }, /*#__PURE__*/React.createElement("img", {
@@ -67,8 +68,8 @@ var TranslationData = function TranslationData(_ref2) {
     to: "/".concat(currentLanguageURL, "/admin").concat(url, "/").concat(language)
   }, "/admin".concat(url, "/").concat(language)))));
 };
-var truncateString = function truncateString(str) {
-  var num = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 30;
+const truncateString = function (str) {
+  let num = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 30;
   if (str.length <= num) {
     return str;
   }

package/dist/luna/components/AdminProductData/AdminProductDataMethods.js

@@ -1,5 +1,5 @@
 import React from "react";
-var addSpace = function addSpace(regions, index) {
+const addSpace = (regions, index) => {
   if (index === 0 && regions.length > 1) {
     return true;
   } else if (index !== 0 && index !== regions.length - 1) {
@@ -8,12 +8,12 @@ var addSpace = function addSpace(regions, index) {
     return false;
   }
 };
-export var renderRegions = function renderRegions() {
-  var regions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+export const renderRegions = function () {
+  let regions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return /*#__PURE__*/React.createElement("ul", {
     className: "luna-admin-product-data__region-list"
-  }, regions.map(function (region, index) {
-    var space = addSpace(regions, index);
+  }, regions.map((region, index) => {
+    const space = addSpace(regions, index);
     return /*#__PURE__*/React.createElement("li", {
       className: "luna-admin-product-data__region-list-item ".concat(space ? "luna-admin-product-data__region-list-item--add-space" : "luna-admin-product-data__region-list-item--default"),
       key: region

package/dist/luna/components/BrowserSupportBanner/BrowserSupportBanner.js

@@ -1,40 +1,38 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect, useState } from "react";
 import { Alert } from "terra-component-lib";
 import "./BrowserSupportBanner.scss";
-var BrowserSupportBanner = function BrowserSupportBanner(_ref) {
-  var content = _ref.content;
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeBanner = _useState2[0],
-    setActiveBanner = _useState2[1];
-  useEffect(function () {
+const BrowserSupportBanner = _ref => {
+  let {
+    content
+  } = _ref;
+  const [activeBanner, setActiveBanner] = useState(true);
+  useEffect(() => {
     checkBrowser();
   });
-  var checkBrowser = function checkBrowser() {
+  const checkBrowser = () => {
     // the !! will convert the response to a boolean. Without doing so, the following will return either an array or null.
 
     // Opera 8.0+
-    var Opera = !!window.opera || navigator.userAgent.indexOf(" OPR/") >= 0;
+    const Opera = !!window.opera || navigator.userAgent.indexOf(" OPR/") >= 0;
 
     // Firefox 1.0+
-    var Firefox = typeof InstallTrigger !== "undefined";
+    const Firefox = typeof InstallTrigger !== "undefined";
 
     // Safari 3.0+ "[object HTMLElementConstructor]"
-    var Safari = checkForSafari();
+    const Safari = checkForSafari();
 
     // Internet Explorer 6-11
-    var IE = !!document.documentMode || checkForIE();
+    const IE = !!document.documentMode || checkForIE();
 
     // Edge 20+
-    var Edge = !IE && !!window.StyleMedia;
+    const Edge = !IE && !!window.StyleMedia;
 
     // Chrome 1 - 79
-    var Chrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);
+    const Chrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);
 
     // Edge (based on chromium) detection
-    var EdgeChromium = Chrome && navigator.userAgent.indexOf("Edg") != -1;
-    var output = {
+    const EdgeChromium = Chrome && navigator.userAgent.indexOf("Edg") != -1;
+    const output = {
       firefox: Firefox,
       safari: Safari,
       ie: IE,
@@ -42,8 +40,8 @@ var BrowserSupportBanner = function BrowserSupportBanner(_ref) {
       chrome: Chrome,
       EdgeChromium: EdgeChromium
     };
-    var currentBrowser;
-    for (var i in output) {
+    let currentBrowser;
+    for (let i in output) {
       if (output[i] === true) {
         currentBrowser = i;
       }
@@ -54,30 +52,28 @@ var BrowserSupportBanner = function BrowserSupportBanner(_ref) {
       setActiveBanner(false);
     }
   };
-  var checkForSafari = function checkForSafari() {
+  const checkForSafari = () => {
     if (navigator.vendor.match(/apple/i)) {
       return true;
     } else {
       return false;
     }
   };
-  var checkForIE = function checkForIE() {
-    var userAgent = navigator.userAgent;
+  const checkForIE = () => {
+    const userAgent = navigator.userAgent;
 
     // MSIE used to detect old browsers and Trident used to newer ones
-    var is_ie = userAgent.indexOf("MSIE ") > -1 || userAgent.indexOf("Trident/") > -1;
+    const is_ie = userAgent.indexOf("MSIE ") > -1 || userAgent.indexOf("Trident/") > -1;
     return is_ie;
   };
-  var removeAlert = function removeAlert() {
+  const removeAlert = () => {
     setActiveBanner(!activeBanner);
   };
   return /*#__PURE__*/React.createElement("div", {
     className: activeBanner ? "browser-support-banner" : " browser-support-banner remove-alert"
   }, /*#__PURE__*/React.createElement(Alert, {
     text: content.text,
-    onClick: function onClick() {
-      return removeAlert();
-    },
+    onClick: () => removeAlert(),
     type: content.type || "default"
   }));
 };

package/dist/luna/components/EventCard/EventCard.js

@@ -3,19 +3,21 @@ import { Icon } from "terra-component-lib";
 import "./EventCard.scss";
 import { IconLink } from "../../utils/generateLinks";
 import { removeSpaces } from "../../utils/removeSpaces";
-var EventCard = function EventCard(_ref) {
-  var _ref$content = _ref.content,
-    content = _ref$content === void 0 ? {} : _ref$content;
-  var date = content.date,
-    year = content.year,
-    industry = content.industry,
-    industryLabel = content.industryLabel,
-    name = content.name,
-    location = content.location,
-    description = content.description,
-    image = content.image,
-    _content$link = content.link,
-    link = _content$link === void 0 ? {} : _content$link;
+const EventCard = _ref => {
+  let {
+    content = {}
+  } = _ref;
+  const {
+    date,
+    year,
+    industry,
+    industryLabel,
+    name,
+    location,
+    description,
+    image,
+    link = {}
+  } = content;
   return /*#__PURE__*/React.createElement("div", {
     className: "mep-event-card"
   }, /*#__PURE__*/React.createElement("div", {

package/dist/luna/components/EventCard/EventCard.scss

@@ -55,7 +55,7 @@ $event-card-border: 1px solid color("gray-4");
 
   &__date {
     margin-bottom: 10px;
-    @include benton-medium();
+    @include opensans-medium();
   }
 
   &__image {
@@ -88,7 +88,7 @@ $event-card-border: 1px solid color("gray-4");
   &__name {
     font-size: 16px;
     line-height: 20px;
-    @include benton-medium();
+    @include opensans-medium();
   }
 
   &__description {

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

@@ -4,12 +4,14 @@ 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;
+const Heading = _ref => {
+  let {
+    level,
+    className,
+    text
+  } = _ref;
   return React.createElement("h".concat(level), {
-    className: className
+    className
   }, text);
 };
 export default Heading;

package/dist/luna/components/LanguageSelector/LanguageSelector.js

@@ -4,22 +4,23 @@ import globe from "../../images/worldwide.svg";
 import closeIcon from "../../images/close-button.svg";
 import { useSelection } from "./LanguageSelectorHooks";
 import { renderRegions, selectLanguage } from "./LanguageSelectorMethods";
-var LanguageSelector = function LanguageSelector(_ref) {
-  var currentRegionLanguage = _ref.currentRegionLanguage,
-    close = _ref.close,
-    labels = _ref.labels,
-    regions = _ref.regions,
-    companyDivision = _ref.companyDivision,
-    activeRegion = _ref.activeRegion,
-    setLanguage = _ref.setLanguage;
-  var _useSelection = useSelection(),
-    selection = _useSelection.selection,
-    handleSelection = _useSelection.handleSelection;
+const LanguageSelector = _ref => {
+  let {
+    currentRegionLanguage,
+    close,
+    labels,
+    regions,
+    companyDivision,
+    activeRegion,
+    setLanguage
+  } = _ref;
+  const {
+    selection,
+    handleSelection
+  } = useSelection();
   return /*#__PURE__*/React.createElement("aside", {
     className: "luna-language-selector ".concat(regions && regions.length <= 1 ? "luna-language-selector--centered" : "luna-language-selector--default"),
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    }
+    onClick: e => e.stopPropagation()
   }, /*#__PURE__*/React.createElement("section", {
     className: "luna-language-selector__top-section"
   }, /*#__PURE__*/React.createElement("div", {
@@ -35,9 +36,7 @@ var LanguageSelector = function LanguageSelector(_ref) {
     className: "luna-language-selector__current-region-label"
   }, "Current Language ", " ", " | ", " "), /*#__PURE__*/React.createElement("span", null, currentRegionLanguage.language.toUpperCase()))), /*#__PURE__*/React.createElement("button", {
     className: "luna-language-selector__close-btn",
-    onClick: function onClick() {
-      return close();
-    }
+    onClick: () => close()
   }, /*#__PURE__*/React.createElement("img", {
     className: "luna-language-selector__close-icon",
     loading: "lazy",
@@ -49,14 +48,10 @@ var LanguageSelector = function LanguageSelector(_ref) {
     className: "luna-language-selector__bottom-section"
   }, /*#__PURE__*/React.createElement("button", {
     className: "luna-language-selector__bottom-button",
-    onClick: function onClick() {
-      return close();
-    }
+    onClick: () => close()
   }, labels.cancel), /*#__PURE__*/React.createElement("button", {
     className: "luna-language-selector__bottom-button",
-    onClick: function onClick() {
-      return selectLanguage(setLanguage, selection);
-    }
+    onClick: () => selectLanguage(setLanguage, selection)
   }, labels.save)));
 };
 export default LanguageSelector;

package/dist/luna/components/LanguageSelector/LanguageSelectorHooks.js

@@ -1,19 +1,15 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useState } from "react";
-export var useSelection = function useSelection() {
-  var initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    selection = _useState2[0],
-    updateSelection = _useState2[1];
-  var handleSelection = function handleSelection(region, language) {
+export const useSelection = function () {
+  let initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  const [selection, updateSelection] = useState(null);
+  const handleSelection = (region, language) => {
     updateSelection({
-      region: region,
-      language: language
+      region,
+      language
     });
   };
   return {
-    selection: selection,
-    handleSelection: handleSelection
+    selection,
+    handleSelection
   };
 };

package/dist/luna/components/LanguageSelector/LanguageSelectorMethods.js

@@ -1,9 +1,7 @@
 import React, { lazy, Suspense } from "react";
-var RegionCard = lazy(function () {
-  return import("../RegionCard/RegionCard");
-});
-export var renderRegions = function renderRegions(regions, handleSelection, currentRegionLanguage, companyDivision, selection, activeRegion) {
-  return regions.map(function (region) {
+const RegionCard = lazy(() => import("../RegionCard/RegionCard"));
+export const renderRegions = (regions, handleSelection, currentRegionLanguage, companyDivision, selection, activeRegion) => {
+  return regions.map(region => {
     return /*#__PURE__*/React.createElement(Suspense, {
       fallback: "Loading..."
     }, /*#__PURE__*/React.createElement(RegionCard, {
@@ -18,7 +16,7 @@ export var renderRegions = function renderRegions(regions, handleSelection, curr
     }));
   });
 };
-export var determineActive = function determineActive(region, selection, activeRegion) {
+export const determineActive = (region, selection, activeRegion) => {
   if (selection && selection.region !== region) {
     return false;
   }
@@ -28,7 +26,7 @@ export var determineActive = function determineActive(region, selection, activeR
     return false;
   }
 };
-export var selectLanguage = function selectLanguage(setLanguage, selection) {
+export const selectLanguage = (setLanguage, selection) => {
   if (selection) {
     setLanguage(selection);
   } else {