luna-one 3.1.467 → 3.1.470

package/dist/luna/components/ComparisonTable/ComparisonTableMethods.js

@@ -92,7 +92,7 @@ var ComparisonToolTip = function ComparisonToolTip(_ref) {
     },
     "aria-label": "More info on ".concat(column === null || column === void 0 ? void 0 : column.columnName)
   }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-comparison-table__tooltip-text ".concat(tooltipOpen === true ? 'ter-comparison-table__tooltip--open' : ""),
+    className: "ter-comparison-table__tooltip-text ".concat(tooltipOpen === true ? "ter-comparison-table__tooltip--open" : ""),
     style: tooltipPlacement
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "ter-comparison-table__tooltip-inner"
@@ -157,7 +157,7 @@ exports.renderProductDetailsColumn = renderProductDetailsColumn;
 var displayHiddenColumn = function displayHiddenColumn(product, showImages) {
   var _product$image3, _product$image4, _product$productLink4, _product$productLink5;
 
-  // this function returns a copy of the data to the table, purely for sizing the <th> element wrapping it. 
+  // this function returns a copy of the data to the table, purely for sizing the <th> element wrapping it.
   // Without this, the height of the TR isn't calculated properly - the displayed <th> content is position: sticky.
   return /*#__PURE__*/_react["default"].createElement("span", {
     className: "ter-comparison-table__comparison-cell ter-comparison-table__product-info-hidden ".concat(product !== null && product !== void 0 && product.productTag ? "ter-comparison-table__product-info--with-tag" : "")
@@ -178,10 +178,22 @@ var displayHiddenColumn = function displayHiddenColumn(product, showImages) {
 
 var checkMatchingProductDetail = function checkMatchingProductDetail(productAttribute, index, comparisonColumnGroups) {
   var allColumns = [];
-  comparisonColumnGroups.forEach(function (column) {
-    allColumns.push.apply(allColumns, (0, _toConsumableArray2["default"])(column.comparisonColumns));
-  });
-  return productAttribute.name === allColumns[index].columnName ? true : false;
+
+  if (comparisonColumnGroups && comparisonColumnGroups !== null && comparisonColumnGroups !== void 0 && comparisonColumnGroups.length) {
+    comparisonColumnGroups === null || comparisonColumnGroups === void 0 ? void 0 : comparisonColumnGroups.forEach(function (column) {
+      if (column && column !== null && column !== void 0 && column.comparisonColumns) {
+        allColumns.push.apply(allColumns, (0, _toConsumableArray2["default"])(column === null || column === void 0 ? void 0 : column.comparisonColumns));
+      }
+    });
+  }
+
+  if (productAttribute !== null && productAttribute !== void 0 && productAttribute.name && allColumns && allColumns !== null && allColumns !== void 0 && allColumns.length) {
+    var _allColumns$index;
+
+    return (productAttribute === null || productAttribute === void 0 ? void 0 : productAttribute.name) === ((_allColumns$index = allColumns[index]) === null || _allColumns$index === void 0 ? void 0 : _allColumns$index.columnName) ? true : false;
+  } else {
+    return false;
+  }
 };
 
 var renderProductDetails = function renderProductDetails(productAttributes, comparisonColumnGroups) {

package/dist/luna/components/Tabs/Tabs.scss

@@ -26,7 +26,7 @@
   &.right {
     @media screen and (min-width: $breakpoint-sm) {
       .nav-entries {
-        max-width: 360px;
+        max-width: 260px;
         flex-direction: column;
       }
     }
@@ -79,6 +79,7 @@
         &.right {
           .nav-entry {
             text-align: left;
+            padding: 10px 10px;
           }
         }
 
@@ -202,12 +203,12 @@
       }
 
       &.left {
-        margin-right: 34px;
+        margin-right: 30px;
         border-right-width: 6px;
         border-right-style: solid;
 
         .nav-entry {
-          width: 360px;
+          width: 260px;
           border-right-width: 6px;
           border-right-style: solid;
           justify-content: flex-start;
@@ -227,7 +228,7 @@
         border-left-style: solid;
 
         .nav-entry {
-          width: 360px;
+          width: 260px;
           border-left-width: 6px;
           transform: translateX(-6px);
           border-left-style: solid;
@@ -449,7 +450,7 @@
 
       &.left {
         @media screen and (min-width: $breakpoint-sm) {
-          padding-right: 34px;
+          padding-right: 30px;
 
           .nav-entry.active .nav-thumbnail:before {
             right: -22px;
@@ -703,8 +704,31 @@
     overflow: hidden;
 
     .ter-block-list-items {
+      margin: 5px auto;
+    }
+
+    .ter-bounded-cards {
       margin: 0 auto;
-      max-width: 1120px !important;
+      max-width: 822px !important;
+      display: flex;
+      flex-wrap: wrap;
+      @media screen and (max-width: $breakpoint-md) {
+        max-width: 720px !important;
+      }
+
+      @media screen and (max-width: 1200px) {
+        max-width: 650px !important;
+        grid-gap: 20px;
+      }
+
+      @media screen and (max-width: 1100px) {
+        max-width: 550px !important;
+        grid-gap: 36px;
+      }
+
+      @media screen and (max-width: $breakpoint-sm) {
+        margin: 5px;
+      }
     }
 
     .ter-bounded-card {
@@ -714,7 +738,7 @@
 
       @media screen and (max-width: $breakpoint-md) {
         min-width: 200px;
-        max-width: 100%;
+        max-width: 250px;
       }
 
       @media screen and (max-width: $breakpoint-sm) {

package/dist/luna/utils/formatSpecialCharText.js

@@ -6,10 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 
 var formatSpecialCharText = function formatSpecialCharText(text) {
-  var formattedText = text.replace('©', '<sup>&copy;</sup>').replace('®', '<sup>&reg;</sup>').replace('™', '<sup>&trade;</sup>');
-  return {
-    __html: new DOMParser().parseFromString(formattedText, "text/html").body.innerHTML
-  };
+  if (text && typeof window !== "undefined" && typeof document !== "undefined") {
+    var _DOMParser, _DOMParser$parseFromS, _DOMParser$parseFromS2;
+
+    var formattedText = text.replace('©', '<sup>&copy;</sup>').replace('®', '<sup>&reg;</sup>').replace('™', '<sup>&trade;</sup>');
+    return {
+      __html: (_DOMParser = new DOMParser()) === null || _DOMParser === void 0 ? void 0 : (_DOMParser$parseFromS = _DOMParser.parseFromString(formattedText, "text/html")) === null || _DOMParser$parseFromS === void 0 ? void 0 : (_DOMParser$parseFromS2 = _DOMParser$parseFromS.body) === null || _DOMParser$parseFromS2 === void 0 ? void 0 : _DOMParser$parseFromS2.innerHTML
+    };
+  }
 };
 
 var _default = formatSpecialCharText;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luna-one",
-  "version": "3.1.467",
+  "version": "3.1.470",
   "peerDependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
@@ -51,7 +51,7 @@
     "react-scroll": "^1.8.7",
     "react-slidedown": "^2.4.7",
     "smoothscroll-polyfill": "^0.4.4",
-    "terra-one": "^3.0.154"
+    "terra-one": "^3.0.155"
   },
   "scripts": {
     "start": "start-storybook -p 9009 -s public",