luna-one 3.1.396 → 3.1.399

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

@@ -8,4 +8,3 @@
 @import "./utilities/box-shadow";
 
 @import "./content/typography";
-@import "./content/icon.scss";

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

@@ -527,7 +527,6 @@ $gray-theme-text-color: color("gray-7");
 
 @mixin icon-base() {
   display: inline-block;
-  background-image: url("/ter-icons.svg");
   background-repeat: no-repeat;
 }
 

package/dist/luna/components/BlockListItems/AppCards.js

@@ -222,7 +222,9 @@ var AppCards = function AppCards(_ref) {
     style: {
       height: colClassName === "two-col" || colClassName === "three-col" ? height : 0
     }
-  }), /*#__PURE__*/_react.default.createElement("h3", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "ter-app-cards__primitives__background"
+  })), /*#__PURE__*/_react.default.createElement("h3", {
     className: "ter-app-cards__main-heading"
   }, content === null || content === void 0 ? void 0 : content.title), /*#__PURE__*/_react.default.createElement("section", {
     className: "ter-app-cards"

package/dist/luna/components/BlockListItems/BlockListItems.scss

@@ -198,7 +198,6 @@
           right: 25px;
         }
         margin: 0 auto 21px;
-
       }
     }
   }
@@ -210,11 +209,22 @@
   }
 
   &__primitives {
-    background-image: url("../../images/crosses-overlay.svg");
-    opacity: 0.3;
     position: fixed;
     right: 0;
     width: 50%;
+    margin-top: -175px;
+    &__background {
+      background-image: url("../../images/crosses-overlay.svg");
+      background-repeat: repeat;
+      height: 3000px;
+      width: 2000px;
+      background-attachment: scroll;
+      background-size: 25%;
+      opacity: 0.2;
+      @media screen and (max-width: 800px) {
+        height: 0;
+      }
+    }
   }
 }
 

package/dist/luna/components/NavBarTop/NavBarTop.js

@@ -185,7 +185,7 @@ var NavBarTop = function NavBarTop(props) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "luna-layout__navigation-padding ".concat(theme ? "luna-layout__navigation-padding--".concat(theme) : "")
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "ter-navbar-top__wrapper ".concat(theme ? "ter-navbar__wrapper--".concat(theme) : "")
+    className: "ter-navbar-top__wrapper ".concat(theme ? "ter-navbar-top__wrapper--".concat(theme) : "")
   }, /*#__PURE__*/_react.default.createElement("section", {
     className: "ter-navbar-top ".concat(disableSectorFlyOut ? "" : "ter-navbar-top--flyout", "\n          ").concat(theme ? "ter-navbar-top--".concat(theme) : "")
   }, /*#__PURE__*/_react.default.createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luna-one",
-  "version": "3.1.396",
+  "version": "3.1.399",
   "dependencies": {
     "@storybook/addon-knobs": "^6.3.1",
     "@testing-library/jest-dom": "^5.11.9",
@@ -24,7 +24,7 @@
     "react-scroll": "^1.7.14",
     "react-slidedown": "^2.4.5",
     "smoothscroll-polyfill": "^0.4.4",
-    "terra-one": "^3.0.134"
+    "terra-one": "^3.0.137"
   },
   "peerDependencies": {
     "node-sass": "^4.12.0",

package/dist/global-styles/content/icon.scss

@@ -1,361 +0,0 @@
-@mixin icon-base() {
-    display: inline-block;
-    background-image: url('/ter-icons.svg');
-    background-repeat: no-repeat;
-}
-
-.ter-icon {
-    @include icon-base();
-}
-
-.ter-icon.ter-icon--open-caret-right-dark-48px {
-    background-position: -0px -0px;
-}
-
-.ter-icon.ter-icon--enclosed-arrow-down-dark-48px {
-    background-position: -50px -0px;
-}
-
-.ter-icon.ter-icon--refresh-dark-24px {
-    background-position: -100px -0px;
-}
-
-.ter-icon.ter-icon--refresh-dark-48px {
-    background-position: -150px -0px;
-}
-
-.ter-icon.ter-icon--refresh-dark-32px {
-    background-position: -200px -0px;
-}
-
-.ter-icon.ter-icon--open-caret-left-dark-32px {
-    background-position: -250px -0px;
-}
-
-.ter-icon.ter-icon--refresh-dark-16px {
-    background-position: -300px -0px;
-}
-
-.ter-icon.ter-icon--open-x-dark-48px {
-    background-position: -350px -0px;
-}
-
-.ter-icon.ter-icon--open-x-dark-32px {
-    background-position: -0px -50px;
-}
-
-.ter-icon.ter-icon--open-x-dark-24px {
-    background-position: -50px -50px;
-}
-
-.ter-icon.ter-icon--ico-open-x-dark-16px {
-    background-position: -100px -50px;
-}
-
-.ter-icon.ter-icon--open-check-dark-48px {
-    background-position: -150px -50px;
-}
-
-.ter-icon.ter-icon--open-check-dark-32px {
-    background-position: -200px -50px;
-}
-
-.ter-icon.ter-icon--open-check-dark-24px {
-    background-position: -250px -50px;
-}
-
-.ter-icon.ter-icon--open-check-dark-16px {
-    background-position: -300px -50px;
-}
-
-.ter-icon.ter-icon--open-caret-up-dark-48px {
-    background-position: -350px -50px;
-}
-
-.ter-icon.ter-icon--open-caret-up-dark-32px {
-    background-position: -0px -100px;
-}
-
-.ter-icon.ter-icon--open-caret-up-dark-24px {
-    background-position: -50px -100px;
-}
-
-.ter-icon.ter-icon--open-caret-up-dark-16px {
-    background-position: -100px -100px;
-}
-
-.ter-icon.ter-icon--enclosed-caret-down-dark-48px {
-    background-position: -150px -100px;
-}
-
-.ter-icon.ter-icon--open-caret-right-dark-32px {
-    background-position: -200px -100px;
-}
-
-.ter-icon.ter-icon--open-caret-right-dark-24px {
-    background-position: -250px -100px;
-}
-
-.ter-icon.ter-icon--open-caret-right-dark-16px {
-    background-position: -300px -100px;
-}
-
-.ter-icon.ter-icon--open-caret-left-dark-48px {
-    background-position: -350px -100px;
-}
-
-.ter-icon.ter-icon--open-arrow-right-dark-32px {
-    background-position: -0px -150px;
-}
-
-.ter-icon.ter-icon--open-caret-left-dark-24px {
-    background-position: -50px -150px;
-}
-
-.ter-icon.ter-icon--open-caret-left-dark-16px {
-    background-position: -100px -150px;
-}
-
-.ter-icon.ter-icon--open-caret-down-dark-48px {
-    background-position: -150px -150px;
-}
-
-.ter-icon.ter-icon--open-caret-down-dark-32px {
-    background-position: -200px -150px;
-}
-
-.ter-icon.ter-icon--open-caret-down-dark-24px {
-    background-position: -250px -150px;
-}
-
-.ter-icon.ter-icon--open-caret-down-dark-16px {
-    background-position: -300px -150px;
-}
-
-.ter-icon.ter-icon--open-arrow-up-dark-48px {
-    background-position: -350px -150px;
-}
-
-.ter-icon.ter-icon--open-arrow-up-dark-32px {
-    background-position: -0px -200px;
-}
-
-.ter-icon.ter-icon--open-arrow-up-dark-24px {
-    background-position: -50px -200px;
-}
-
-.ter-icon.ter-icon--open-arrow-up-dark-16px {
-    background-position: -100px -200px;
-}
-
-.ter-icon.ter-icon--open-arrow-right-dark-48px {
-    background-position: -150px -200px;
-}
-
-.ter-icon.ter-icon--enclosed-caret-left-dark-16px {
-    background-position: -200px -200px;
-}
-
-.ter-icon.ter-icon--open-arrow-right-dark-24px {
-    background-position: -250px -200px;
-}
-
-.ter-icon.ter-icon--open-arrow-right-dark-16px {
-    background-position: -300px -200px;
-}
-
-.ter-icon.ter-icon--open-arrow-left-dark-48px {
-    background-position: -350px -200px;
-}
-
-.ter-icon.ter-icon--open-arrow-left-dark-32px {
-    background-position: -0px -250px;
-}
-
-.ter-icon.ter-icon--open-arrow-left-dark-24px {
-    background-position: -50px -250px;
-}
-
-.ter-icon.ter-icon--open-arrow-left-dark-16px {
-    background-position: -100px -250px;
-}
-
-.ter-icon.ter-icon--open-arrow-down-dark-48px {
-    background-position: -150px -250px;
-}
-
-.ter-icon.ter-icon--open-arrow-down-dark-32px {
-    background-position: -200px -250px;
-}
-
-.ter-icon.ter-icon--open-arrow-down-dark-24px {
-    background-position: -250px -250px;
-}
-
-.ter-icon.ter-icon--open-arrow-down-dark-16px {
-    background-position: -300px -250px;
-}
-
-.ter-icon.ter-icon--info-dark-48px {
-    background-position: -350px -250px;
-}
-
-.ter-icon.ter-icon--info-dark-32px {
-    background-position: -0px -300px;
-}
-
-.ter-icon.ter-icon--info-dark-24px {
-    background-position: -50px -300px;
-}
-
-.ter-icon.ter-icon--info-dark-16px {
-    background-position: -100px -300px;
-}
-
-.ter-icon.ter-icon--enclosed-x-dark-48px {
-    background-position: -150px -300px;
-}
-
-.ter-icon.ter-icon--enclosed-x-dark-32px {
-    background-position: -200px -300px;
-}
-
-.ter-icon.ter-icon--enclosed-x-dark-24px {
-    background-position: -250px -300px;
-}
-
-.ter-icon.ter-icon--enclosed-x-dark-16px {
-    background-position: -300px -300px;
-}
-
-.ter-icon.ter-icon--enclosed-check-dark-48px {
-    background-position: -350px -300px;
-}
-
-.ter-icon.ter-icon--enclosed-check-dark-32px {
-    background-position: -0px -350px;
-}
-
-.ter-icon.ter-icon--enclosed-check-dark-24px {
-    background-position: -50px -350px;
-}
-
-.ter-icon.ter-icon--enclosed-check-dark-16px {
-    background-position: -100px -350px;
-}
-
-.ter-icon.ter-icon--enclosed-caret-up-dark-48px {
-    background-position: -150px -350px;
-}
-
-.ter-icon.ter-icon--enclosed-caret-up-dark-32px {
-    background-position: -200px -350px;
-}
-
-.ter-icon.ter-icon--enclosed-caret-up-dark-24px {
-    background-position: -250px -350px;
-}
-
-.ter-icon.ter-icon--enclosed-caret-up-dark-16px {
-    background-position: -300px -350px;
-}
-
-.ter-icon.ter-icon--enclosed-caret-right-dark-48px {
-    background-position: -350px -350px;
-}
-
-.ter-icon.ter-icon--enclosed-caret-right-dark-32px {
-    background-position: -0px -400px;
-}
-
-.ter-icon.ter-icon--enclosed-caret-right-dark-24px {
-    background-position: -50px -400px;
-}
-
-.ter-icon.ter-icon--enclosed-caret-right-dark-16px {
-    background-position: -100px -400px;
-}
-
-.ter-icon.ter-icon--enclosed-caret-left-dark-48px {
-    background-position: -150px -400px;
-}
-
-.ter-icon.ter-icon--enclosed-caret-left-dark-32px {
-    background-position: -200px -400px;
-}
-
-.ter-icon.ter-icon--enclosed-caret-left-dark-24px {
-    background-position: -250px -400px;
-}
-
-.ter-icon.ter-icon--enclosed-arrow-down-dark-24px {
-    background-position: -300px -400px;
-}
-
-.ter-icon.ter-icon--enclosed-arrow-up-dark-48px {
-    background-position: -350px -400px;
-}
-
-.ter-icon.ter-icon--enclosed-caret-down-dark-32px {
-    background-position: -0px -450px;
-}
-
-.ter-icon.ter-icon--enclosed-caret-down-dark-24px {
-    background-position: -50px -450px;
-}
-
-.ter-icon.ter-icon--enclosed-caret-down-dark-16px {
-    background-position: -100px -450px;
-}
-
-.ter-icon.ter-icon--enclosed-arrow-right-dark-16px {
-    background-position: -150px -450px;
-}
-
-.ter-icon.ter-icon--enclosed-arrow-up-dark-32px {
-    background-position: -200px -450px;
-}
-
-.ter-icon.ter-icon--enclosed-arrow-up-dark-24px {
-    background-position: -250px -450px;
-}
-
-.ter-icon.ter-icon--enclosed-arrow-up-dark-16px {
-    background-position: -300px -450px;
-}
-
-.ter-icon.ter-icon--enclosed-arrow-right-dark-48px {
-    background-position: -350px -450px;
-}
-
-.ter-icon.ter-icon--enclosed-arrow-right-dark-32px {
-    background-position: -0px -500px;
-}
-
-.ter-icon.ter-icon--enclosed-arrow-right-dark-24px {
-    background-position: -50px -500px;
-}
-
-.ter-icon.ter-icon--enclosed-arrow-left-dark-16px {
-    background-position: -100px -500px;
-}
-
-.ter-icon.ter-icon--enclosed-arrow-left-dark-48px {
-    background-position: -150px -500px;
-}
-
-.ter-icon.ter-icon--enclosed-arrow-left-dark-32px {
-    background-position: -200px -500px;
-}
-
-.ter-icon.ter-icon--enclosed-arrow-left-dark-24px {
-    background-position: -250px -500px;
-}
-
-.ter-icon.ter-icon--enclosed-arrow-down-dark-32px {
-    background-position: -300px -500px;
-}
-
-.ter-icon.ter-icon--enclosed-arrow-down-dark-16px {
-    background-position: -350px -500px;
-}