luna-one 3.1.479 → 3.1.480

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

@@ -29,6 +29,7 @@
     }
 
     .content {
+      font-weight: 400 !important;
       a {
         color: $trimble-gold;
       }
@@ -77,7 +78,7 @@
       margin: 0;
       font: "Benton Sans for Trimble W05";
       font-weight: $very-bold-font-weight;
-      font-size: $heading-3-size !important; 
+      font-size: $heading-3-size !important;
       line-height: 38px;
 
       &:not(:last-child) {
@@ -103,6 +104,7 @@
   }
 
   .content {
+    font-weight: 400 !important;
     margin: 0;
     font-weight: $regular-font-weight;
     font-size: $body-font-size;
@@ -113,7 +115,8 @@
       line-height: 23px;
     }
 
-    ul, ol {
+    ul,
+    ol {
       width: auto;
       display: inline-block;
 
@@ -133,7 +136,7 @@
       }
     }
 
-    >* {
+    > * {
       margin: 0;
 
       &:not(:last-child) {
@@ -172,7 +175,7 @@
     width: 100%;
     display: flex;
     flex-wrap: wrap;
-    
+
     a {
       margin: 40px 32px 0 0;
       height: unset !important;
@@ -201,16 +204,18 @@
         .text-link-container {
           .text-link {
             color: $white;
-
+            font-weight: 500 !important;
             &:after {
               background-image: url("../../images/internal-arrow-white-theme.svg");
             }
           }
 
-          .text-link:hover, .text-link-external:hover {
+          .text-link:hover,
+          .text-link-external:hover {
             border-bottom: 3px solid $dark-theme-link-list-underscore;
           }
           .text-link-external {
+            font-weight: 500 !important;
             color: $white;
 
             &:after {
@@ -224,13 +229,13 @@
         &:first-child {
           margin-top: 40px;
         }
-        
 
         a {
           margin: 0;
         }
 
         .text-link {
+          font-weight: 500 !important;
           position: relative;
           text-decoration: none;
           color: $trimble-dark-gray;
@@ -250,11 +255,13 @@
           }
         }
 
-        .text-link:hover, .text-link-external:hover {
+        .text-link:hover,
+        .text-link-external:hover {
           border-bottom: 3px solid $trimble-blue;
         }
 
         .text-link-external {
+          font-weight: 500 !important;
           position: relative;
           text-decoration: none;
           color: $trimble-dark-gray;
@@ -274,7 +281,6 @@
           }
         }
       }
-
     }
   }
 }

package/dist/luna/components/MegaMenu/MegaMenu.scss

@@ -50,6 +50,7 @@
   &__category-title {
     @include benton-medium();
     opacity: 0.54;
+    font-weight: 500 !important;
     color: $trimble-dark-gray;
     font-size: $eyebrow-font-size;
     margin: 0px;

package/dist/luna/components/NavBarTop/NavBarTop.scss

@@ -112,8 +112,8 @@
 
   &__division-name {
     margin: 0;
+    font-weight: 350 !important;
     display: block;
-    font-weight: font-weight("book");
     color: $trimble-blue;
     font-size: 18px;
 

package/dist/luna/components/ProductSummary/ProductSummary.scss

@@ -43,12 +43,12 @@
         }
         
         &-label {
+          font-weight: 600;
           color: $trimble-blue;
           margin-bottom: 8px;
           font-size: $eyebrow-font-size;
           text-transform: uppercase;
-          @include benton-medium();
-        }
+          }
       }
 
       &__line {
@@ -62,6 +62,7 @@
         }
 
         &-text {
+          font-weight: 500 !important;
           font-size: 18px;
           @include benton-medium();
           line-height: 30px;
@@ -169,6 +170,7 @@
     }
 
     &__eyebrow {
+      font-weight: 600 !important;
       font-size: $eyebrow-font-size;
       text-transform: uppercase;
       @include benton-medium();

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

@@ -78,6 +78,7 @@
         &.left,
         &.right {
           .nav-entry {
+
             text-align: left;
             padding: 10px 10px;
           }
@@ -98,6 +99,8 @@
               height: 0;
             }
             .nav-text {
+
+              font-weight: 700 !important;
               color: $dark-navy;
               @media screen and (max-width: $breakpoint-sm) {
                 color: $white;
@@ -106,6 +109,7 @@
           }
 
           .nav-text {
+            font-weight: 700 !important;
             color: $trimble-blue;
             pointer-events: none;
             .nav-title {
@@ -268,7 +272,9 @@
         }
 
         .nav-text {
+          font-weight: 700 !important;
           .nav-title {
+            font-weight: 700 !important;
             margin: 0;
             font-size: 16px;
             line-height: 20px;
@@ -295,7 +301,9 @@
             padding-left: 45px;
 
             .nav-text {
+              font-weight: 700 !important;
               .nav-title {
+                font-weight: 700 !important;
                 position: relative;
 
                 &:before {
@@ -343,6 +351,7 @@
             background-color: $dark-navy;
 
             .nav-text {
+              font-weight: 700 !important;
               color: $white;
             }
           }
@@ -364,7 +373,9 @@
           }
 
           .nav-text {
+            font-weight: 700 !important;
             .nav-title {
+              font-weight: 700 !important;
               text-transform: unset !important;
             }
           }

package/dist/luna/heroes/SuperHero/SuperHero.scss

@@ -59,7 +59,7 @@
       }
     }
   }
-  
+
   &__content-wrapper {
     grid-row: 1 / span 1;
     align-self: center;
@@ -93,10 +93,9 @@
       height: 405px;
     }
 
-    @media screen and (min-width: $breakpoint-xs) and (max-width: $breakpoint-sm){
+    @media screen and (min-width: $breakpoint-xs) and (max-width: $breakpoint-sm) {
       height: 475px;
     }
-
   }
 
   &__content-wrapper-variant_1-right {
@@ -105,15 +104,14 @@
 
   &__image-wrapper-variant_1-left {
     grid-column: 7 / span 10;
-    
+
     @media screen and (min-width: $breakpoint-sm) {
       height: 405px;
     }
 
-    @media screen and (min-width: $breakpoint-xs) and (max-width: $breakpoint-sm){
+    @media screen and (min-width: $breakpoint-xs) and (max-width: $breakpoint-sm) {
       height: 475px;
     }
-
   }
 
   &__content-wrapper-variant_1-left {
@@ -161,8 +159,10 @@
       justify-content: start;
     }
 
-    .luna-super-hero__text {
+    .luna-super-hero__text,
+    .luna-super-hero__text p {
       margin-bottom: 29px;
+      font-weight: 400 !important;
     }
   }
 
@@ -323,6 +323,7 @@
     font-size: $eyebrow-font-size;
     text-transform: uppercase;
     margin-bottom: 6px;
+    font-weight: 400 !important;
     @media screen and (max-width: $breakpoint-xxs) {
       font-size: $eyebrow-font-size-mobile;
     }
@@ -334,7 +335,7 @@
     @media screen and (max-width: $breakpoint-xxs) {
       font-size: $heading-3-size;
     }
-    &:not(:last-child){
+    &:not(:last-child) {
       margin-bottom: 12px;
     }
   }
@@ -356,6 +357,7 @@
   &__text h5,
   &__text h6,
   &__text a {
+    font-weight: 400 !important;
     font-size: $body-font-size;
     line-height: 18px;
     letter-spacing: -0.005em;
@@ -366,6 +368,7 @@
     }
   }
   &__text p {
+    font-weight: 400 !important;
     font-size: $body-font-size;
     line-height: 18px;
     letter-spacing: -0.005em;
@@ -465,7 +468,6 @@
     height: auto;
     min-height: unset;
   }
-
 }
 
 .super-hero-fullscreen {
@@ -478,7 +480,7 @@
 
   &--data-points {
     position: relative;
-    @media screen and (max-width: $breakpoint-sm){
+    @media screen and (max-width: $breakpoint-sm) {
       .super-hero-fullscreen__hero-image-variant_8-right {
         min-height: auto;
         max-height: 100%;
@@ -500,6 +502,7 @@
   }
 
   &__subHeader {
+    font-weight: 500;
     font-size: $subheading-size;
 
     @media screen and (max-width: $breakpoint-sm) {
@@ -508,6 +511,7 @@
   }
 
   &__text p {
+    font-weight: 400 !important;
     font-size: $body-font-size;
     @include benton-light();
 
@@ -717,17 +721,16 @@
     right: 42%;
     top: 50%;
     transform: translateY(-50%);
-    @media screen and (max-width: $breakpoint-md){
+    @media screen and (max-width: $breakpoint-md) {
       left: 40%;
       right: 40%;
       top: 50%;
       transform: translateY(-50%);
     }
-    @media screen and (max-width: $breakpoint-sm){
+    @media screen and (max-width: $breakpoint-sm) {
       right: 6%;
       left: 55%;
       top: 45%;
-      
     }
     @media screen and (max-width: $breakpoint-xs) {
       display: none;
@@ -770,23 +773,31 @@
   }
 }
 
-.super-hero-fullscreen__container-variant_8-right > aside > .super-hero-fullscreen__header,
-.super-hero-fullscreen__container-variant_8-left > aside > .super-hero-fullscreen__header,
-.super-hero-fullscreen__container-variant_10-left > aside > .super-hero-fullscreen__header,
-.super-hero-fullscreen__container-variant_10-right > aside > .super-hero-fullscreen__header {
-    font-size: $heading-3-size;
-    @include benton-very-bold();
-  }
+.super-hero-fullscreen__container-variant_8-right
+  > aside
+  > .super-hero-fullscreen__header,
+.super-hero-fullscreen__container-variant_8-left
+  > aside
+  > .super-hero-fullscreen__header,
+.super-hero-fullscreen__container-variant_10-left
+  > aside
+  > .super-hero-fullscreen__header,
+.super-hero-fullscreen__container-variant_10-right
+  > aside
+  > .super-hero-fullscreen__header {
+  font-size: $heading-3-size;
+  @include benton-very-bold();
+}
 
-  .super-hero-no-margin .default-layout {
-    @media screen and (max-width: $breakpoint-sm){
+.super-hero-no-margin .default-layout {
+  @media screen and (max-width: $breakpoint-sm) {
+    margin: 0;
+    padding: 0;
+  }
+  &__children.space-top-bottom {
+    @media screen and (max-width: $breakpoint-sm) {
       margin: 0;
       padding: 0;
     }
-    &__children.space-top-bottom {
-      @media screen and (max-width: $breakpoint-sm){
-        margin: 0;
-        padding: 0;
-      }
-    }
-  }
+  }
+}

package/dist/luna/other-organisms/NavBar/NavBar.scss

@@ -244,7 +244,6 @@
         background-color: transparent;
         display: block;
         font-size: $body-font-size;
-        font-weight: 500 !important;
         color: $body-font-color;
         line-height: 14.4px;
         padding: 10px 20px;
@@ -257,7 +256,7 @@
         }
 
         &__text {
-          font-weight: 500 !important;
+          font-weight: 350 !important;
           margin: 0;
           font-size: $body-font-size;
           display: inline;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luna-one",
-  "version": "3.1.479",
+  "version": "3.1.480",
   "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.160"
+    "terra-one": "^3.0.161"
   },
   "scripts": {
     "start": "start-storybook -p 9009 -s public",