luna-one 3.1.294 → 3.1.298

package/dist/luna/components/CtaWithHeader/CtaWithHeader.scss

@@ -49,6 +49,10 @@
     width: 100%;
     margin: 0;
 
+    &:not(:last-child) {
+      margin-bottom: 20px;
+    }
+
     .eyebrow {
       margin: 0;
       font-family: $bold-font-family;
@@ -56,6 +60,10 @@
       line-height: 18px;
       text-transform: uppercase;
 
+      &:not(:last-child) {
+        margin-bottom: 12px;
+      }
+
       @media only screen and (max-width: $breakpoint-xs) {
         font-size: $eyebrow-font-size-mobile;
         line-height: 19px;
@@ -63,11 +71,15 @@
     }
 
     .heading {
-      margin: 12px 0 0 0;
+      margin: 0;
       font-family: $very-bold-font-family;
       font-size: $heading-3-size;
       line-height: 41px;
 
+      &:not(:last-child) {
+        margin-bottom: 6px;
+      }
+
       @media only screen and (max-width: $breakpoint-xs) {
         line-height: 42px;
         font-size: $heading-3-size-mobile;
@@ -75,7 +87,7 @@
     }
 
     .subheading {
-      margin: 6px 0 0 0;
+      margin: 0;
       font-size: $subheading-size;
       line-height: 27px;
 
@@ -87,11 +99,15 @@
   }
 
   .content {
-    margin: 20px 0 0 0;
+    margin: 0;
     font-family: $normal-font-family;
     font-size: $body-font-size;
     line-height: 22px;
 
+    &:not(:last-child) {
+      margin-bottom: 40px;
+    }
+
     @media only screen and (max-width: $breakpoint-xs) {
       font-size: $body-font-size-mobile;
       line-height: 23px;
@@ -158,7 +174,7 @@
     flex-wrap: wrap;
  
     a {
-      margin: 40px 20px 0px 20px;
+      margin: 0 20px;
     }
 
     &.text-links {
@@ -166,7 +182,7 @@
       grid-gap: 24px;
       font-size: $body-font-size;
       line-height: 24px;
-      margin: 40px 0 0 0;
+      margin: 0;
 
       @media (max-width: $breakpoint-xs) {
         font-size: $body-font-size-mobile;
@@ -182,6 +198,10 @@
               background-image: url("../../images/circle-arrow-right-white.svg");
             }
           }
+
+          .text-link:hover, .text-link-external:hover {
+            border-bottom: 3px solid $dark-theme-link-list-underscore;
+          }
           .text-link-external {
             color: $white;
 
@@ -213,6 +233,11 @@
             background-position: center;
           }
         }
+
+        .text-link:hover, .text-link-external:hover {
+          border-bottom: 3px solid $trimble-blue;
+        }
+
         .text-link-external {
           position: relative;
           text-decoration: none;

package/dist/luna/components/JobPosting/JobPosting.scss

@@ -142,11 +142,8 @@
     b {
       @include benton-bold();
     }
-    br {
-      display: none;
-    }
     p {
-      display: none;
+      font-size: $body-font-size;
     }
   }
   &__pay-equity {

package/dist/luna/components/ProseLayout/ProseLayout.js

@@ -55,7 +55,8 @@ var ProseLayout = function ProseLayout(_ref) {
       resources = _ref.resources,
       sources = _ref.sources,
       paddingClass = _ref.paddingClass,
-      industryOrCategory = _ref.industryOrCategory;
+      industryOrCategory = _ref.industryOrCategory,
+      industriesOrCategories = _ref.industriesOrCategories;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "prose-container ".concat(paddingClass)
   }, (bannerImage === null || bannerImage === void 0 ? void 0 : bannerImage.focalPointImage) && /*#__PURE__*/_react.default.createElement("div", {
@@ -72,7 +73,13 @@ var ProseLayout = function ProseLayout(_ref) {
     href: listPageLink
   }, "Back to full list"), (industryOrCategory === null || industryOrCategory === void 0 ? void 0 : industryOrCategory.name) && /*#__PURE__*/_react.default.createElement("div", {
     className: "category"
-  }, industryOrCategory.name), header && /*#__PURE__*/_react.default.createElement("h1", {
+  }, industryOrCategory.name), (industriesOrCategories === null || industriesOrCategories === void 0 ? void 0 : industriesOrCategories.length) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "category-container"
+  }, industriesOrCategories.map(function (industryOrCategory) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "category"
+    }, industryOrCategory.name);
+  })), header && /*#__PURE__*/_react.default.createElement("h1", {
     className: "header"
   }, header), subheader && /*#__PURE__*/_react.default.createElement("div", {
     className: "sub-header"

package/dist/luna/components/ProseLayout/ProseLayout.scss

@@ -130,6 +130,36 @@
       }
     }
 
+    .category-container {
+      display: flex;
+      .category {
+        &:first-child {
+          &:before {
+            position: absolute;
+            top: 12px;
+            left: -48px;
+            display: block;
+            content: "";
+            width: 20px;
+            height: 20px;
+            background-image: url("../../images/frame-intersection.svg");
+            background-repeat: no-repeat;
+
+            @media (max-width: $breakpoint-sm) {
+              display: none;
+            }
+          }
+        }
+
+        &:not(:first-child) {
+          padding-left: 10px;
+          &:before {
+            display: none;
+          }
+        }
+      }
+    }
+
     .header {
       margin: 0;
       font-size: $heading-4-size;
@@ -190,16 +220,23 @@
         }
       }
 
-      .richtext-container, & {
-        & > ul, & > ol, & > img, & > picture {
+      .richtext-container,
+      & {
+        & > ul,
+        & > ol,
+        & > img,
+        & > picture {
           margin-top: 60px;
         }
-  
+
         & > img {
           margin-top: 32px;
         }
-        
-        & > ul, & > ol, & > img, & > picture {
+
+        & > ul,
+        & > ol,
+        & > img,
+        & > picture {
           margin-bottom: 60px !important;
 
           @media (max-width: $breakpoint-sm) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luna-one",
-  "version": "3.1.294",
+  "version": "3.1.298",
   "dependencies": {
     "@storybook/addon-knobs": "^6.3.1",
     "@testing-library/jest-dom": "^5.11.9",