luna-one 3.1.589 → 3.1.590

package/dist/luna/components/TrainerCard/TrainerCard.scss

@@ -1,51 +1,51 @@
-@import "../../../global-styles/terra.scss";
-
-.sum-trainer-card {
-  display: flex;
-  flex-direction: column;
-  background: $concrete-gray;
-  width: 300px;
-  padding: 24px;
-
-  &__content {
-    flex: 1 1 auto;
-  }
-
-  &__header,
-  &__name,
-  &__country,
-  &__region {
-    margin: 0;
-    padding: 0;
-  }
-
-  &__header {
-    @include benton-very-bold();
-    line-height: 30px;
-    font-size: $large-subheading-size;
-  }
-
-  &__name {
-    padding-top: 8px;
-    font-size: $subheading-size-mobile;
-    line-height: 24px;
-  }
-
-  &__country {
-    padding-top: 12px;
-    line-height: 20px;
-    font-size: $large-body-font-size;
-  }
-
-  &__region {
-    line-height: 20px;
-    font-size: $large-body-font-size;
-  }
-
-  .ter-button {
-    height: 32px;
-    line-height: 32px;
-    display: block;
-    margin-top: 24px;
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.sum-trainer-card {
+  display: flex;
+  flex-direction: column;
+  background: $concrete-gray;
+  width: 300px;
+  padding: 24px;
+
+  &__content {
+    flex: 1 1 auto;
+  }
+
+  &__header,
+  &__name,
+  &__country,
+  &__region {
+    margin: 0;
+    padding: 0;
+  }
+
+  &__header {
+    @include benton-very-bold();
+    line-height: 30px;
+    font-size: $large-subheading-size;
+  }
+
+  &__name {
+    padding-top: 8px;
+    font-size: $subheading-size-mobile;
+    line-height: 24px;
+  }
+
+  &__country {
+    padding-top: 12px;
+    line-height: 20px;
+    font-size: $large-body-font-size;
+  }
+
+  &__region {
+    line-height: 20px;
+    font-size: $large-body-font-size;
+  }
+
+  .ter-button {
+    height: 32px;
+    line-height: 32px;
+    display: block;
+    margin-top: 24px;
+  }
+}

package/dist/luna/components/TrialForm/TrialComponents/TrialSpecifics.scss

@@ -1,44 +1,44 @@
-@import "../../../../global-styles/terra.scss";
-
-.trial-specifics {
-  &--top {
-    padding: 40px 40px 14px 40px;
-    background-image: url("../images/form-border-top-dark.svg");
-    background-repeat: no-repeat;
-    background-position: top;
-    background-size: 100%;
-
-    &--header {
-      @include header-standard-size;
-      line-height: 42px;
-      color: $trimble-dark-gray;
-      margin-bottom: 16px;
-    }
-
-    &--text {
-      @include subheader-standard-size;
-      font-weight: 350;
-      color: $trimble-dark-gray;
-      margin-bottom: 30px;
-    }
-  }
-  &--bottom {
-    padding: 0 40px 40px 40px;
-    background-image: url("../images/form-border-bottom-dark.svg");
-    background-repeat: no-repeat;
-    background-position: bottom;
-    background-size: 100%;
-
-    &--text {
-      @include subheader-standard-size;
-      font-weight: 700;
-      line-height: 24px;
-      color: $trimble-dark-gray;
-      margin-bottom: 24px;
-    }
-
-    .ter-button {
-      width: 215px;
-    }
-  }
-}
+@import "../../../../global-styles/terra.scss";
+
+.trial-specifics {
+  &--top {
+    padding: 40px 40px 14px 40px;
+    background-image: url("../images/form-border-top-dark.svg");
+    background-repeat: no-repeat;
+    background-position: top;
+    background-size: 100%;
+
+    &--header {
+      @include header-standard-size;
+      line-height: 42px;
+      color: $trimble-dark-gray;
+      margin-bottom: 16px;
+    }
+
+    &--text {
+      @include subheader-standard-size;
+      font-weight: 350;
+      color: $trimble-dark-gray;
+      margin-bottom: 30px;
+    }
+  }
+  &--bottom {
+    padding: 0 40px 40px 40px;
+    background-image: url("../images/form-border-bottom-dark.svg");
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-size: 100%;
+
+    &--text {
+      @include subheader-standard-size;
+      font-weight: 700;
+      line-height: 24px;
+      color: $trimble-dark-gray;
+      margin-bottom: 24px;
+    }
+
+    .ter-button {
+      width: 215px;
+    }
+  }
+}

package/dist/luna/components/TrialForm/TrialComponents/TrialSummary.scss

@@ -1,57 +1,57 @@
-@import "../../../../global-styles/terra.scss";
-
-.trial-summary {
-  &--eyebrow {
-    color: $trimble-blue;
-    @include h1-standard-size;
-    text-transform: uppercase;
-    font-weight: 700;
-  }
-
-  &--product {
-    display: flex;
-    flex-direction: row;
-    height: 30px;
-    margin-bottom: 9px;
-
-    &--img {
-      height: 30px;
-    }
-
-    &--name {
-      margin: 2px 0 0 10px;
-      @include subheader-standard-size;
-      font-weight: 700;
-      line-height: 30px;
-      color: $trimble-dark-gray;
-    }
-  }
-
-  &--text {
-    font-size: $body-font-size;
-    color: $trimble-dark-gray;
-    font-weight: 400;
-    line-height: 22px;
-    padding: 0 !important;
-    margin: 0 !important;
-  }
-
-  &--spec-text {
-    font-size: $body-font-size;
-    line-height: 24px;
-    font-weight: 400;
-  }
-
-  &--bullets {
-    list-style-image: url("../images/check.svg");
-    padding-left: 20px;
-    margin: 17px 0 33px 0;
-
-    &--point {
-      font-size: $body-font-size;
-      font-weight: 700;
-      line-height: 22px;
-      padding: 12px 0 0 16px;
-    }
-  }
-}
+@import "../../../../global-styles/terra.scss";
+
+.trial-summary {
+  &--eyebrow {
+    color: $trimble-blue;
+    @include h1-standard-size;
+    text-transform: uppercase;
+    font-weight: 700;
+  }
+
+  &--product {
+    display: flex;
+    flex-direction: row;
+    height: 30px;
+    margin-bottom: 9px;
+
+    &--img {
+      height: 30px;
+    }
+
+    &--name {
+      margin: 2px 0 0 10px;
+      @include subheader-standard-size;
+      font-weight: 700;
+      line-height: 30px;
+      color: $trimble-dark-gray;
+    }
+  }
+
+  &--text {
+    font-size: $body-font-size;
+    color: $trimble-dark-gray;
+    font-weight: 400;
+    line-height: 22px;
+    padding: 0 !important;
+    margin: 0 !important;
+  }
+
+  &--spec-text {
+    font-size: $body-font-size;
+    line-height: 24px;
+    font-weight: 400;
+  }
+
+  &--bullets {
+    list-style-image: url("../images/check.svg");
+    padding-left: 20px;
+    margin: 17px 0 33px 0;
+
+    &--point {
+      font-size: $body-font-size;
+      font-weight: 700;
+      line-height: 22px;
+      padding: 12px 0 0 16px;
+    }
+  }
+}

package/dist/luna/components/TrialForm/TrialFormStart/TrialFormStart.scss

@@ -1,28 +1,28 @@
-@import "../../../../global-styles/terra.scss";
-
-.trial-form-start {
-  background-color: $concrete-gray-1;
-  display: grid;
-  grid-template-columns: repeat(9, 1fr);
-  @media screen and (max-width: $breakpoint-xs) {
-    grid-template-rows: 1fr 45px 1fr;
-  }
-
-  &__left {
-    grid-column: 1 / span 4;
-
-    @media screen and (max-width: $breakpoint-xs) {
-      grid-column: 1 / span 9;
-      grid-row: 1 / span 1;
-    }
-  }
-
-  &__right {
-    grid-column: 6 / span 4;
-
-    @media screen and (max-width: $breakpoint-xs) {
-      grid-column: 1 / span 9;
-      grid-row: 3 / span 1;
-    }
-  }
-}
+@import "../../../../global-styles/terra.scss";
+
+.trial-form-start {
+  background-color: $concrete-gray-1;
+  display: grid;
+  grid-template-columns: repeat(9, 1fr);
+  @media screen and (max-width: $breakpoint-xs) {
+    grid-template-rows: 1fr 45px 1fr;
+  }
+
+  &__left {
+    grid-column: 1 / span 4;
+
+    @media screen and (max-width: $breakpoint-xs) {
+      grid-column: 1 / span 9;
+      grid-row: 1 / span 1;
+    }
+  }
+
+  &__right {
+    grid-column: 6 / span 4;
+
+    @media screen and (max-width: $breakpoint-xs) {
+      grid-column: 1 / span 9;
+      grid-row: 3 / span 1;
+    }
+  }
+}

package/dist/luna/components/TrialForm/images/check.svg

@@ -1,3 +1,3 @@
-<svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.67442 12.3171C5.33877 12.3171 5.00312 12.182 4.7468 11.9107L0.383772 7.29274C-0.127924 6.75066 -0.127924 5.87168 0.383772 5.3296C0.895937 4.78751 1.72686 4.788 2.23855 5.3296L5.67442 8.96572L13.7616 0.406567C14.2733 -0.135522 15.1032 -0.135522 15.6159 0.406567C16.128 0.948657 16.128 1.82763 15.6159 2.36972L6.60205 11.9107C6.34573 12.182 6.01008 12.3171 5.67442 12.3171" fill="#005F9E"/>
-</svg>
+<svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.67442 12.3171C5.33877 12.3171 5.00312 12.182 4.7468 11.9107L0.383772 7.29274C-0.127924 6.75066 -0.127924 5.87168 0.383772 5.3296C0.895937 4.78751 1.72686 4.788 2.23855 5.3296L5.67442 8.96572L13.7616 0.406567C14.2733 -0.135522 15.1032 -0.135522 15.6159 0.406567C16.128 0.948657 16.128 1.82763 15.6159 2.36972L6.60205 11.9107C6.34573 12.182 6.01008 12.3171 5.67442 12.3171" fill="#005F9E"/>
+</svg>

package/dist/luna/components/TrialForm/images/form-border-bottom-dark.svg

@@ -1,4 +1,4 @@
-<svg width="531" height="26" viewBox="0 0 531 26" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M25 24H1V1" stroke="#FBAD26" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
-<path d="M506 25H530V0.999938" stroke="#FBAD26" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
-</svg>
+<svg width="531" height="26" viewBox="0 0 531 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25 24H1V1" stroke="#FBAD26" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
+<path d="M506 25H530V0.999938" stroke="#FBAD26" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
+</svg>

package/dist/luna/components/TrialForm/images/form-border-bottom-light.svg

@@ -1,4 +1,4 @@
-<svg width="774" height="26" viewBox="0 0 774 26" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M25 24H1V1" stroke="#0063A3" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
-<path d="M749 25H773V0.999938" stroke="#0063A3" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
-</svg>
+<svg width="774" height="26" viewBox="0 0 774 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25 24H1V1" stroke="#0063A3" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
+<path d="M749 25H773V0.999938" stroke="#0063A3" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
+</svg>

package/dist/luna/components/TrialForm/images/form-border-top-dark.svg

@@ -1,4 +1,4 @@
-<svg width="530" height="26" viewBox="0 0 530 26" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M505 1H529V25" stroke="#FBAD26" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
-<path d="M25 1H1V25.0001" stroke="#0063A3" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
-</svg>
+<svg width="530" height="26" viewBox="0 0 530 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M505 1H529V25" stroke="#FBAD26" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
+<path d="M25 1H1V25.0001" stroke="#0063A3" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
+</svg>

package/dist/luna/components/TrialForm/images/form-border-top-light.svg

@@ -1,4 +1,4 @@
-<svg width="771" height="26" viewBox="0 0 771 26" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M746 1H770V25" stroke="#0063A3" stroke-width="2" stroke-linecap="square"/>
-<path d="M25 1H1V25.0001" stroke="#FBAD26" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
-</svg>
+<svg width="771" height="26" viewBox="0 0 771 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M746 1H770V25" stroke="#0063A3" stroke-width="2" stroke-linecap="square"/>
+<path d="M25 1H1V25.0001" stroke="#FBAD26" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
+</svg>

package/dist/luna/components/UnboundedCard/UnboundedCard.scss

@@ -1,108 +1,108 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-unbounded-card {
-  box-shadow: none;
-  background-color: transparent;
-  &__header {
-    font-size: $large-body-font-size;
-    line-height: 1.5;
-  }
-  &__text {
-    flex-grow: 0;
-  }
-  &__body {
-    padding: 32px;
-  }
-  &__image--with-modal {
-    position: relative;
-    &:hover .ter-unbounded-card__play-button {
-      transform: translateX(-50%) translateY(-50%) scale(1.2);
-      -webkit-transform: translateX(-50%) translateY(-50%) scale(1.2);
-    }
-    & > .ter-focused-image-container,
-    & > .lf-player-container,
-    & > .ter-lottie-animation--wrapper {
-      cursor: pointer;
-    }
-  }
-  &__image--lottie {
-    display: block;
-  }
-  &__play-button {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translateX(-50%) translateY(-50%);
-    width: 60px;
-  }
-  &-modal {
-    position: fixed;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    left: 0;
-    z-index: 100;
-    transition: 0.3s;
-    animation: fade-in 0.5s linear;
-    height: 100%;
-    width: 100%;
-    opacity:0;
-    background: rgba(0, 0, 0, 0.7);
-    visibility: hidden;
-    pointer-events: none;
-    &--deployed {
-      visibility: visible;
-      pointer-events: none;
-      opacity: 1;
-      transform: translateY(0);
-      .ter-focused-image-container {
-        max-width: 1120px;
-        max-height: 675px;
-        margin: 0 auto;
-      }
-    }
-    &__close-wrapper {
-      height: 70px;
-      display: flex;
-      justify-content: flex-end;
-      pointer-events: auto;
-      cursor: pointer;
-    }
-    &__close-button {
-      margin: 20px 50px 12px 50px;
-      display: inline-block;
-    }
-  }
-  .luna-super-hero__play-btn {
-    width: 42px;
-  }
-  &__magnify {
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    background-color: $sky-blue;
-    width: 24px;
-    height: 24px;
-    pointer-events: none;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    &-icon {
-      display: block;
-      height: 16px;
-      width: 16px;
-      pointer-events: none;
-    }
-  }
-  .ter-bounded-card__image > .ter-lottie-animation--wrapper {
-    width: 100%;
-  }
-}
-
-.video-modal-deployed .ter-bounded-cards {
-  // solves some strange behavior where the background cards were clickable while modal deployed
-  pointer-events: none;
-  .luna-super-hero__modal {
-    pointer-events: auto;
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.ter-unbounded-card {
+  box-shadow: none;
+  background-color: transparent;
+  &__header {
+    font-size: $large-body-font-size;
+    line-height: 1.5;
+  }
+  &__text {
+    flex-grow: 0;
+  }
+  &__body {
+    padding: 32px;
+  }
+  &__image--with-modal {
+    position: relative;
+    &:hover .ter-unbounded-card__play-button {
+      transform: translateX(-50%) translateY(-50%) scale(1.2);
+      -webkit-transform: translateX(-50%) translateY(-50%) scale(1.2);
+    }
+    & > .ter-focused-image-container,
+    & > .lf-player-container,
+    & > .ter-lottie-animation--wrapper {
+      cursor: pointer;
+    }
+  }
+  &__image--lottie {
+    display: block;
+  }
+  &__play-button {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+    width: 60px;
+  }
+  &-modal {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    left: 0;
+    z-index: 100;
+    transition: 0.3s;
+    animation: fade-in 0.5s linear;
+    height: 100%;
+    width: 100%;
+    opacity:0;
+    background: rgba(0, 0, 0, 0.7);
+    visibility: hidden;
+    pointer-events: none;
+    &--deployed {
+      visibility: visible;
+      pointer-events: none;
+      opacity: 1;
+      transform: translateY(0);
+      .ter-focused-image-container {
+        max-width: 1120px;
+        max-height: 675px;
+        margin: 0 auto;
+      }
+    }
+    &__close-wrapper {
+      height: 70px;
+      display: flex;
+      justify-content: flex-end;
+      pointer-events: auto;
+      cursor: pointer;
+    }
+    &__close-button {
+      margin: 20px 50px 12px 50px;
+      display: inline-block;
+    }
+  }
+  .luna-super-hero__play-btn {
+    width: 42px;
+  }
+  &__magnify {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    background-color: $sky-blue;
+    width: 24px;
+    height: 24px;
+    pointer-events: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    &-icon {
+      display: block;
+      height: 16px;
+      width: 16px;
+      pointer-events: none;
+    }
+  }
+  .ter-bounded-card__image > .ter-lottie-animation--wrapper {
+    width: 100%;
+  }
+}
+
+.video-modal-deployed .ter-bounded-cards {
+  // solves some strange behavior where the background cards were clickable while modal deployed
+  pointer-events: none;
+  .luna-super-hero__modal {
+    pointer-events: auto;
+  }
+}

package/dist/luna/components/UnboundedCard/playIcon.svg

@@ -1,17 +1,17 @@
-<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d)">
-<circle cx="44" cy="42" r="36" fill="white"/>
-<path d="M58.0834 41.0402L37.8366 28.6668C37.6661 28.5626 37.4709 28.5057 37.2711 28.502C37.0712 28.4982 36.874 28.5478 36.6997 28.6455C36.5254 28.7433 36.3803 28.8857 36.2793 29.0582C36.1782 29.2307 36.125 29.4269 36.125 29.6268V54.3736C36.125 54.5734 36.1782 54.7697 36.2793 54.9421C36.3803 55.1146 36.5254 55.257 36.6997 55.3548C36.874 55.4526 37.0712 55.5021 37.2711 55.4984C37.4709 55.4946 37.6661 55.4377 37.8366 55.3335L58.0834 42.9601C58.2478 42.8596 58.3837 42.7186 58.4779 42.5505C58.5722 42.3824 58.6217 42.1929 58.6217 42.0002C58.6217 41.8075 58.5722 41.618 58.4779 41.4499C58.3837 41.2818 58.2478 41.1407 58.0834 41.0402Z" fill="#4DA2D3"/>
-</g>
-<defs>
-<filter id="filter0_d" x="0" y="0" width="88" height="88" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.19 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
-</filter>
-</defs>
-</svg>
+<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d)">
+<circle cx="44" cy="42" r="36" fill="white"/>
+<path d="M58.0834 41.0402L37.8366 28.6668C37.6661 28.5626 37.4709 28.5057 37.2711 28.502C37.0712 28.4982 36.874 28.5478 36.6997 28.6455C36.5254 28.7433 36.3803 28.8857 36.2793 29.0582C36.1782 29.2307 36.125 29.4269 36.125 29.6268V54.3736C36.125 54.5734 36.1782 54.7697 36.2793 54.9421C36.3803 55.1146 36.5254 55.257 36.6997 55.3548C36.874 55.4526 37.0712 55.5021 37.2711 55.4984C37.4709 55.4946 37.6661 55.4377 37.8366 55.3335L58.0834 42.9601C58.2478 42.8596 58.3837 42.7186 58.4779 42.5505C58.5722 42.3824 58.6217 42.1929 58.6217 42.0002C58.6217 41.8075 58.5722 41.618 58.4779 41.4499C58.3837 41.2818 58.2478 41.1407 58.0834 41.0402Z" fill="#4DA2D3"/>
+</g>
+<defs>
+<filter id="filter0_d" x="0" y="0" width="88" height="88" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="4"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.19 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>