luna-one 3.1.592 → 3.1.593

package/dist/luna/list-feats/ListFeat4/ListFeat4.scss

@@ -1,32 +1,32 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-list-feat-four {
-  &__dumpling-container {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    margin: auto;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-
-    .ter-feat-five__dumpling-wrapper {
-      width: 200px;
-      margin: 16px 16px 48px;
-    }
-  }
-
-  .ter-dumpling {
-    a {
-      color: $trimble-dark-gray;
-      text-decoration: none;
-
-      &:hover {
-        text-decoration: none;
-      }
-    }
-  }
-
-}
+@import "../../../global-styles/terra.scss";
+
+.ter-list-feat-four {
+  &__dumpling-container {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    margin: auto;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+
+    .ter-feat-five__dumpling-wrapper {
+      width: 200px;
+      margin: 16px 16px 48px;
+    }
+  }
+
+  .ter-dumpling {
+    a {
+      color: $trimble-dark-gray;
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: none;
+      }
+    }
+  }
+
+}

package/dist/luna/list-feats/ListFeat5/ListFeat5.scss

@@ -1,27 +1,27 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-list-feat-five {
-
-  &__header {
-    font-size: $heading-3-size;
-  }
-  
-  &__content-container {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
-    margin: auto;
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-
-    .ter-icon-list-item {
-      max-width: 400px;
-      margin: 48px 0 0 0;
-      padding: 16px;
-    }
-  }
-
+@import "../../../global-styles/terra.scss";
+
+.ter-list-feat-five {
+
+  &__header {
+    font-size: $heading-3-size;
+  }
+  
+  &__content-container {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+    margin: auto;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+
+    .ter-icon-list-item {
+      max-width: 400px;
+      margin: 48px 0 0 0;
+      padding: 16px;
+    }
+  }
+
 }

package/dist/luna/list-feats/ListFeat6/ListFeat6.scss

@@ -1,34 +1,34 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-list-feat-six {
-  width: 100%;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 32px;
-
-  @media screen and (max-width: 900px) {
-    display: block;
-  }
-
-  &__card {
-    padding: 32px;
-    margin: 0;
-    width: 100%;
-    background: $concrete-gray-1;
-    min-width: 200px;
-    min-height: 100px;
-    vertical-align: center;
-    img {
-      width: 100%;
-    }
-
-    @media screen and (max-width: 900px) {
-      margin: 0 auto 32px;
-      max-width: 600px;
-    }
-  }
-
-}
+@import "../../../global-styles/terra.scss";
+
+.ter-list-feat-six {
+  width: 100%;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 32px;
+
+  @media screen and (max-width: 900px) {
+    display: block;
+  }
+
+  &__card {
+    padding: 32px;
+    margin: 0;
+    width: 100%;
+    background: $concrete-gray-1;
+    min-width: 200px;
+    min-height: 100px;
+    vertical-align: center;
+    img {
+      width: 100%;
+    }
+
+    @media screen and (max-width: 900px) {
+      margin: 0 auto 32px;
+      max-width: 600px;
+    }
+  }
+
+}

package/dist/luna/list-feats/ListFeat7/ListFeat7.scss

@@ -1,14 +1,14 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-list-feat-seven {
-    z-index: 1;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    margin: auto;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
+@import "../../../global-styles/terra.scss";
+
+.ter-list-feat-seven {
+    z-index: 1;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    margin: auto;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
 }

package/dist/luna/list-feats/ListFeatCustom/ListFeatCustom.scss

@@ -1,8 +1,8 @@
-
-@import "../../../global-styles/terra.scss";
-
-.list-feat-custom {
-	p {
-		font-size: $large-body-font-size;
-	}
+
+@import "../../../global-styles/terra.scss";
+
+.list-feat-custom {
+	p {
+		font-size: $large-body-font-size;
+	}
 }

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

@@ -1,155 +1,155 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-carousel {
-  overflow: hidden;
-  height: 100%;
-  padding-top: 72px;
-  padding-bottom: 72px;
-
-  // small padding on md to lg screen
-  @media (min-width: $breakpoint-xs) {
-    padding-top: 10px;
-    padding-bottom: 10px;
-  }
-
-  &:focus-visible {
-    outline: none;
-  }
-
-  &--large {
-    display: none;
-    @media (min-width: $breakpoint-md) {
-      display: block;
-    }
-  }
-  &--medium {
-    display: none;
-    @media (min-width: 900px) and (max-width: $breakpoint-md) {
-      display: block;
-    }
-  }
-  &--small {
-    display: none;
-    @media (min-width: 580px) and (max-width: 900px) {
-      display: block;
-    }
-  }
-  &--xsmall {
-    display: none;
-    @media screen and (max-width: 580px) {
-      display: block;
-    }
-  }
-  &-outer {
-    position: relative;
-    display: grid;
-  }
-  &__skip {
-    display: inline-block;
-    color: transparent;
-    pointer-events: none;
-    @media screen and (max-width: $breakpoint-xs) {
-      display: none;
-    }
-    &:focus,
-    &:active {
-      color: $trimble-blue;
-      pointer-events: initial;
-    }
-  }
-  &__counter {
-    display: none;
-    @media screen and (max-width: $breakpoint-xs) {
-      font-weight: bold;
-      display: block;
-      position: absolute;
-      top: 16px;
-      left: 0;
-      text-transform: uppercase;
-    }
-  }
-  .ter-bounded-card {
-    display: flex;
-    text-align: left;
-    width: 23%;
-    margin-left: 1%;
-    margin-right: 1%;
-    margin-bottom: 10px;
-    @media screen and (max-width: $breakpoint-md){
-      width: 33%;
-    }
-    @media screen and (max-width: 899px){
-      // this helps smooth out the change in card size between small and medium breakpoints, and ensure cards display well at 900px design reference
-      width: 50%;
-    }
-    @media screen and (max-width: 580px){
-      width: 100%;
-      max-width: 320px;
-    }
-  }
-  .flickity-button {
-    position: absolute;
-    top: 40%;
-    transform: translateY(-50%);
-    width: 30px;
-    cursor: pointer;
-    margin: 0 10px;
-    @media screen and (max-width: $breakpoint-xs){
-      display: none;
-    }
-    &.next {
-      right: -40px;
-    }
-    &.previous {
-      left: -40px;
-    }
-    .flickity-button-icon {
-      pointer-events: none;
-    }
-  }
-  .flickity-page-dots {
-    margin-top: 0;
-    padding: 32px 0;
-    width: 100%;
-    z-index: 5;
-    position: relative;
-    display: flex;
-    justify-content: center;
-    flex-wrap: wrap;
-    @media screen and (max-width: $breakpoint-xs) {
-      display: none;
-    }
-    .flickity-page-dot {
-      color: $trimble-blue;
-      display: inline-block;
-      text-align: center;
-      font-weight: bold;
-      cursor: pointer;
-      margin: 0 16px;
-      width: 32px;
-      height: 32px;
-      font-size: $body-font-size;
-      line-height: 31px;
-      border-radius: 50%;
-      margin-bottom: 20px;
-      border: 1px solid $trimble-blue;
-      &.is-selected {
-        color: #fff;
-        background-color: $trimble-blue;
-      }
-    }
-  }
-  .flickity-slider {
-    width: 100%;
-    display: block;
-  }
-  .carousel-cell {
-    display: flex;
-    width: 100%;
-    justify-content: center;
-    &:not(.is-selected){
-      height: 0;
-      visibility: hidden;
-    }
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.ter-carousel {
+  overflow: hidden;
+  height: 100%;
+  padding-top: 72px;
+  padding-bottom: 72px;
+
+  // small padding on md to lg screen
+  @media (min-width: $breakpoint-xs) {
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+
+  &:focus-visible {
+    outline: none;
+  }
+
+  &--large {
+    display: none;
+    @media (min-width: $breakpoint-md) {
+      display: block;
+    }
+  }
+  &--medium {
+    display: none;
+    @media (min-width: 900px) and (max-width: $breakpoint-md) {
+      display: block;
+    }
+  }
+  &--small {
+    display: none;
+    @media (min-width: 580px) and (max-width: 900px) {
+      display: block;
+    }
+  }
+  &--xsmall {
+    display: none;
+    @media screen and (max-width: 580px) {
+      display: block;
+    }
+  }
+  &-outer {
+    position: relative;
+    display: grid;
+  }
+  &__skip {
+    display: inline-block;
+    color: transparent;
+    pointer-events: none;
+    @media screen and (max-width: $breakpoint-xs) {
+      display: none;
+    }
+    &:focus,
+    &:active {
+      color: $trimble-blue;
+      pointer-events: initial;
+    }
+  }
+  &__counter {
+    display: none;
+    @media screen and (max-width: $breakpoint-xs) {
+      font-weight: bold;
+      display: block;
+      position: absolute;
+      top: 16px;
+      left: 0;
+      text-transform: uppercase;
+    }
+  }
+  .ter-bounded-card {
+    display: flex;
+    text-align: left;
+    width: 23%;
+    margin-left: 1%;
+    margin-right: 1%;
+    margin-bottom: 10px;
+    @media screen and (max-width: $breakpoint-md){
+      width: 33%;
+    }
+    @media screen and (max-width: 899px){
+      // this helps smooth out the change in card size between small and medium breakpoints, and ensure cards display well at 900px design reference
+      width: 50%;
+    }
+    @media screen and (max-width: 580px){
+      width: 100%;
+      max-width: 320px;
+    }
+  }
+  .flickity-button {
+    position: absolute;
+    top: 40%;
+    transform: translateY(-50%);
+    width: 30px;
+    cursor: pointer;
+    margin: 0 10px;
+    @media screen and (max-width: $breakpoint-xs){
+      display: none;
+    }
+    &.next {
+      right: -40px;
+    }
+    &.previous {
+      left: -40px;
+    }
+    .flickity-button-icon {
+      pointer-events: none;
+    }
+  }
+  .flickity-page-dots {
+    margin-top: 0;
+    padding: 32px 0;
+    width: 100%;
+    z-index: 5;
+    position: relative;
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+    @media screen and (max-width: $breakpoint-xs) {
+      display: none;
+    }
+    .flickity-page-dot {
+      color: $trimble-blue;
+      display: inline-block;
+      text-align: center;
+      font-weight: bold;
+      cursor: pointer;
+      margin: 0 16px;
+      width: 32px;
+      height: 32px;
+      font-size: $body-font-size;
+      line-height: 31px;
+      border-radius: 50%;
+      margin-bottom: 20px;
+      border: 1px solid $trimble-blue;
+      &.is-selected {
+        color: #fff;
+        background-color: $trimble-blue;
+      }
+    }
+  }
+  .flickity-slider {
+    width: 100%;
+    display: block;
+  }
+  .carousel-cell {
+    display: flex;
+    width: 100%;
+    justify-content: center;
+    &:not(.is-selected){
+      height: 0;
+      visibility: hidden;
+    }
+  }
+}

package/dist/luna/other-organisms/Flyout/Flyout.js

@@ -157,6 +157,7 @@ var Flyout = function Flyout(_ref) {
     className: "ter-flyout ".concat(sectorFlyoutDeployed ? 'ter-flyout--deployed' : '')
   }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
     className: "ter-flyout__close-btn",
+    "aria-label": "closes-flyout-section",
     onClick: function onClick() {
       return close();
     }