luna-one 3.1.597 → 3.1.599

package/dist/luna/components/BrowserSupportBanner/BrowserSupportBanner.scss

@@ -1,7 +1,7 @@
-.browser-support-banner {
-  z-index: 10;
-}
-
-.remove-alert {
-	display: none;
+.browser-support-banner {
+  z-index: 10;
+}
+
+.remove-alert {
+	display: none;
 } 

package/dist/luna/components/CTAButtons/CTAButtons.scss

@@ -1,20 +1,20 @@
-@import "../../../global-styles/terra.scss";
-
-.cta-buttons-container {
-  width: 100%;
-  font-family: $header-font-family;
-
-  &.center {
-    .cta-buttons {
-      justify-content: center;
-    }
-  }
-
-  .cta-buttons {
-    width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 40px;
-    margin: 40px 0 0 0;
-  }
+@import "../../../global-styles/terra.scss";
+
+.cta-buttons-container {
+  width: 100%;
+  font-family: $header-font-family;
+
+  &.center {
+    .cta-buttons {
+      justify-content: center;
+    }
+  }
+
+  .cta-buttons {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 40px;
+    margin: 40px 0 0 0;
+  }
 }

package/dist/luna/components/CTAButtons/CTAButtonsDocumentation.mdx

@@ -1,33 +1,33 @@
-#### CTA Buttons
-
-###### Props -
-
-- `variant` - string that determines the CTA appearance (either light or dark)
-- `alignment` - string that sets the CTA text alignment (either left or center)
-- `buttons` - object array containing information for the buttons displayed below the CTA content
-  - `text` - string that sets the button text
-  - `url` - string that sets the button url
-- `paddingClass` - string containing the container padding class name
-
-###### Example -
-
-```
-const buttons = [
-  {
-    "text": "Button 1",
-    "url": "/"
-  },
-  {
-    "text": "Button 2",
-    "url": "/"
-  }
-]
-
-return (
-  <CTAButtons
-    variant="dark"
-    alignment="center"
-    buttons={buttons}
-  />
-);
-```
+#### CTA Buttons
+
+###### Props -
+
+- `variant` - string that determines the CTA appearance (either light or dark)
+- `alignment` - string that sets the CTA text alignment (either left or center)
+- `buttons` - object array containing information for the buttons displayed below the CTA content
+  - `text` - string that sets the button text
+  - `url` - string that sets the button url
+- `paddingClass` - string containing the container padding class name
+
+###### Example -
+
+```
+const buttons = [
+  {
+    "text": "Button 1",
+    "url": "/"
+  },
+  {
+    "text": "Button 2",
+    "url": "/"
+  }
+]
+
+return (
+  <CTAButtons
+    variant="dark"
+    alignment="center"
+    buttons={buttons}
+  />
+);
+```

package/dist/luna/components/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;
+    }
+  }
+}