luna-one 3.1.597 → 3.1.599

package/dist/luna/components/OverlayNotice/OverlayNoticeDocumentation.mdx

@@ -1,45 +1,45 @@
-#### Overlay Notice
-
-###### Props -
-
-- `header` - string containing the headline text.
-- `button` - object containing the following properties:
-  - `url` - string containing the url that opens when the button is clicked.
-  - `text` - string containing the button text.
-  - `external` - boolean that determines if the link is external. If true, the 'external arrow' icon will render.
-    `details` - react component that renders the html for the details section. The styling of this component is equipped to handle `<p>` and `<a>` tags.
-- `handleClose` - function that is called when the close button is pressed.
-
-###### Example -
-
-```
-
-const shortHeader = "Register for Dimensions 2022";
-
-const shortButton = {
-  text: "Register",
-  url: "/",
-};
-
-const ShortContent = () => (
-  <>
-    <p>
-      Anim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est
-      sint laborum.
-    </p>
-  </>
-);
-
-const handleClose = () => {
-  console.log('Banner dismissed!');
-}
-
-return (
-  <OverlayNotice
-    header={shortHeader}
-    button={shortButton}
-    details={<ShortContent />}
-    handleClose={handleClose}
-  />
-);
-```
+#### Overlay Notice
+
+###### Props -
+
+- `header` - string containing the headline text.
+- `button` - object containing the following properties:
+  - `url` - string containing the url that opens when the button is clicked.
+  - `text` - string containing the button text.
+  - `external` - boolean that determines if the link is external. If true, the 'external arrow' icon will render.
+    `details` - react component that renders the html for the details section. The styling of this component is equipped to handle `<p>` and `<a>` tags.
+- `handleClose` - function that is called when the close button is pressed.
+
+###### Example -
+
+```
+
+const shortHeader = "Register for Dimensions 2022";
+
+const shortButton = {
+  text: "Register",
+  url: "/",
+};
+
+const ShortContent = () => (
+  <>
+    <p>
+      Anim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est
+      sint laborum.
+    </p>
+  </>
+);
+
+const handleClose = () => {
+  console.log('Banner dismissed!');
+}
+
+return (
+  <OverlayNotice
+    header={shortHeader}
+    button={shortButton}
+    details={<ShortContent />}
+    handleClose={handleClose}
+  />
+);
+```

package/dist/luna/components/Pagination/Pagination.scss

@@ -1,28 +1,28 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-pagination {
-  padding: 40px 0 20px 0;
-  font-size: $body-font-size;
-  text-align: center;
-  button {
-    display: inline-block;
-  }
-  &__item {
-    cursor: pointer;
-    &--active {
-      @include benton-bold();
-      color: $trimble-blue;
-    }
-  }
-  &__disabled {
-    pointer-events: none;
-    visibility: hidden;
-  }
-  .ter-pagination__button {
-    cursor: pointer;
-  }
-  .ter-pagination__button:hover,
-  .ter-pagination__item:hover {
-    color: $trimble-blue;
-  }
+@import "../../../global-styles/terra.scss";
+
+.ter-pagination {
+  padding: 40px 0 20px 0;
+  font-size: $body-font-size;
+  text-align: center;
+  button {
+    display: inline-block;
+  }
+  &__item {
+    cursor: pointer;
+    &--active {
+      @include benton-bold();
+      color: $trimble-blue;
+    }
+  }
+  &__disabled {
+    pointer-events: none;
+    visibility: hidden;
+  }
+  .ter-pagination__button {
+    cursor: pointer;
+  }
+  .ter-pagination__button:hover,
+  .ter-pagination__item:hover {
+    color: $trimble-blue;
+  }
 }

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

@@ -1,273 +1,273 @@
-@import "../../../global-styles/terra.scss";
-
-.mxp-product-summary {
-  background-color: $concrete-gray-1;
-  padding: 32px 0;
-  display: flex;
-  height: fit-content;
-
-  @media screen and (max-width: $breakpoint-sm) {
-    flex-direction: column;
-  }
-
-  .product-summary-card {
-    background-color: $white;
-    max-width: 320px;
-    height: fit-content;
-    border-top: 4px solid $trimble-gold;
-    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.19);
-
-    @media screen and (max-width: $breakpoint-sm) {
-      margin: 0 auto;
-    }
-
-    &--container {
-      display: flex;
-      flex-direction: column;
-      padding: 55px 31px;
-      margin: 0 auto;
-
-      &__name {
-        
-        &-text {
-          line-height: 30px;
-          font-size: $card-title-size;
-          @include benton-very-bold();
-          margin-bottom: 8px;
-        }
-
-        &-description {
-          line-height: 22px;
-          font-size: $body-font-size;
-          margin-bottom: 28px;
-        }
-        
-        &-label {
-          font-weight: 600;
-          color: $trimble-blue;
-          margin-bottom: 8px;
-          font-size: $eyebrow-font-size;
-          text-transform: uppercase;
-          }
-      }
-
-      &__line {
-
-        &-label {
-          color: $trimble-blue;
-          font-size: $eyebrow-font-size;
-          text-transform: uppercase;
-          @include benton-bold();
-          margin-bottom: 0;
-        }
-
-        &-text {
-          font-weight: 500 !important;
-          font-size: 18px;
-          @include benton-medium();
-          line-height: 30px;
-          margin-bottom: 28px;
-        }
-        
-      }
-
-      &__regions {
-
-        &-label {
-          color: $trimble-blue;
-          font-size: $eyebrow-font-size;
-          text-transform: uppercase;
-          @include benton-medium();
-          margin-bottom: 2px;
-        }
-        &--region-name {
-          font-size: $body-font-size;
-          margin: 0;
-          line-height: 22px;
-        }
-
-        &--region-name:last-child {
-          margin-bottom: 72px;
-        }
-      }
-
-      &__link {
-        a {
-          margin: 0;
-        }
-
-        .ter-cta-section {
-          .ter-button {
-            max-width: 258px !important;
-          }
-        }
-
-        .text-link {
-          position: relative;
-          text-decoration: none;
-          color: $trimble-dark-gray;
-          border-bottom: 3px solid $trimble-gold;
-          font-size: $body-font-size;
-          font-weight: 500;
-          &:after {
-            position: absolute;
-            bottom: -1px;
-            right: -25px;
-            content: "";
-            width: 16px;
-            height: 16px;
-            background-image: url("../../images/internal-arrow.svg");
-            background-repeat: no-repeat;
-            background-position: center;
-          }
-        }
-
-        .text-link:hover, .text-link-external:hover {
-          border-bottom: 3px solid $trimble-blue;
-        }
-
-        .text-link-external {
-          position: relative;
-          font-weight: 500;
-          text-decoration: none;
-          color: $trimble-dark-gray;
-          border-bottom: 3px solid $trimble-gold;
-          font-size: $body-font-size;
-
-          &:after {
-            position: absolute;
-            bottom: -1px;
-            right: -25px;
-            display: block;
-            content: "";
-            width: 16px;
-            height: 16px;
-            background-image: url("../../images/external-arrow.svg");
-            background-repeat: no-repeat;
-            background-position: center;
-          }
-        }
-      }
-    }
-
-    &__version {
-      height: 34px;
-      background-color: black;
-      display: flex;
-
-      &-text {
-        color: $white;
-        font-size: $eyebrow-font-size;
-        text-transform: uppercase;
-        @include benton-medium();
-        margin: 8px auto;
-      }
-    }
-  }
-
-  .product-summary-column {
-    width: 380px;
-    padding: 59px 0 0 80px;
-
-    @media screen and (max-width: $breakpoint-sm) {
-      margin: 0 auto;
-      width: 320px;
-      padding: 59px 0 0;
-    }
-
-    &__eyebrow {
-      font-size: $eyebrow-font-size;
-      text-transform: uppercase;
-      @include benton-medium();
-      color: $trimble-blue;
-      font-weight: 700 !important;
-    }
-    &__header {
-      @include benton-very-bold();
-      line-height: 30px;
-      font-size: $card-title-size;
-      margin-bottom: 8px;
-    }
-
-    &__subheader {
-      font-size: $body-font-size;
-      line-height: 22px;
-      letter-spacing: 0.01em;
-      @include benton-normal();
-    }
-
-    &__bullets-container {
-      padding-inline-start: 17px;
-      margin: 0;
-    }
-
-    &__bullets {
-      list-style-image: url(../../images/bulletpoint.svg);
-      margin-bottom: 8px;
-
-      &-header {
-        line-height: 24px;
-        margin: 0;
-        font-size: $body-font-size;
-        font-weight: 700;
-      }
-
-      &-text {
-        line-height: 24px;
-        margin: 0;
-        font-size: 14px;
-      }
-
-        &-link {
-          font-weight: 500;
-          position: relative;
-          bottom: 1px;
-          text-decoration: none;
-          color: $trimble-dark-gray;
-          border-bottom: 3px solid $trimble-gold;
-          font-size: $body-font-size;
-          width: fit-content;
-
-        &:after {
-          position: absolute;
-          bottom: -1px;
-          right: -25px;
-          display: block;
-          content: "";
-          width: 16px;
-          height: 16px;
-          background-image: url("../../images/internal-arrow.svg");
-          background-repeat: no-repeat;
-          background-position: center;
-        }
-      }
-
-      &-link:hover, &-link-external:hover {
-          border-bottom: 3px solid $trimble-blue;
-        }
-
-
-      &-link-external {
-        font-weight: 500;
-        position: relative;
-        text-decoration: none;
-        color: $trimble-dark-gray;
-        border-bottom: 3px solid $trimble-gold;
-        font-size: $body-font-size;
-
-        &:after {
-          position: absolute;
-          bottom: -1px;
-          right: -25px;
-          display: block;
-          content: "";
-          width: 16px;
-          height: 16px;
-          background-image: url("../../images/external-arrow.svg");
-          background-repeat: no-repeat;
-          background-position: center;
-        }
-      }
-    }
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.mxp-product-summary {
+  background-color: $concrete-gray-1;
+  padding: 32px 0;
+  display: flex;
+  height: fit-content;
+
+  @media screen and (max-width: $breakpoint-sm) {
+    flex-direction: column;
+  }
+
+  .product-summary-card {
+    background-color: $white;
+    max-width: 320px;
+    height: fit-content;
+    border-top: 4px solid $trimble-gold;
+    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.19);
+
+    @media screen and (max-width: $breakpoint-sm) {
+      margin: 0 auto;
+    }
+
+    &--container {
+      display: flex;
+      flex-direction: column;
+      padding: 55px 31px;
+      margin: 0 auto;
+
+      &__name {
+        
+        &-text {
+          line-height: 30px;
+          font-size: $card-title-size;
+          @include benton-very-bold();
+          margin-bottom: 8px;
+        }
+
+        &-description {
+          line-height: 22px;
+          font-size: $body-font-size;
+          margin-bottom: 28px;
+        }
+        
+        &-label {
+          font-weight: 600;
+          color: $trimble-blue;
+          margin-bottom: 8px;
+          font-size: $eyebrow-font-size;
+          text-transform: uppercase;
+          }
+      }
+
+      &__line {
+
+        &-label {
+          color: $trimble-blue;
+          font-size: $eyebrow-font-size;
+          text-transform: uppercase;
+          @include benton-bold();
+          margin-bottom: 0;
+        }
+
+        &-text {
+          font-weight: 500 !important;
+          font-size: 18px;
+          @include benton-medium();
+          line-height: 30px;
+          margin-bottom: 28px;
+        }
+        
+      }
+
+      &__regions {
+
+        &-label {
+          color: $trimble-blue;
+          font-size: $eyebrow-font-size;
+          text-transform: uppercase;
+          @include benton-medium();
+          margin-bottom: 2px;
+        }
+        &--region-name {
+          font-size: $body-font-size;
+          margin: 0;
+          line-height: 22px;
+        }
+
+        &--region-name:last-child {
+          margin-bottom: 72px;
+        }
+      }
+
+      &__link {
+        a {
+          margin: 0;
+        }
+
+        .ter-cta-section {
+          .ter-button {
+            max-width: 258px !important;
+          }
+        }
+
+        .text-link {
+          position: relative;
+          text-decoration: none;
+          color: $trimble-dark-gray;
+          border-bottom: 3px solid $trimble-gold;
+          font-size: $body-font-size;
+          font-weight: 500;
+          &:after {
+            position: absolute;
+            bottom: -1px;
+            right: -25px;
+            content: "";
+            width: 16px;
+            height: 16px;
+            background-image: url("../../images/internal-arrow.svg");
+            background-repeat: no-repeat;
+            background-position: center;
+          }
+        }
+
+        .text-link:hover, .text-link-external:hover {
+          border-bottom: 3px solid $trimble-blue;
+        }
+
+        .text-link-external {
+          position: relative;
+          font-weight: 500;
+          text-decoration: none;
+          color: $trimble-dark-gray;
+          border-bottom: 3px solid $trimble-gold;
+          font-size: $body-font-size;
+
+          &:after {
+            position: absolute;
+            bottom: -1px;
+            right: -25px;
+            display: block;
+            content: "";
+            width: 16px;
+            height: 16px;
+            background-image: url("../../images/external-arrow.svg");
+            background-repeat: no-repeat;
+            background-position: center;
+          }
+        }
+      }
+    }
+
+    &__version {
+      height: 34px;
+      background-color: black;
+      display: flex;
+
+      &-text {
+        color: $white;
+        font-size: $eyebrow-font-size;
+        text-transform: uppercase;
+        @include benton-medium();
+        margin: 8px auto;
+      }
+    }
+  }
+
+  .product-summary-column {
+    width: 380px;
+    padding: 59px 0 0 80px;
+
+    @media screen and (max-width: $breakpoint-sm) {
+      margin: 0 auto;
+      width: 320px;
+      padding: 59px 0 0;
+    }
+
+    &__eyebrow {
+      font-size: $eyebrow-font-size;
+      text-transform: uppercase;
+      @include benton-medium();
+      color: $trimble-blue;
+      font-weight: 700 !important;
+    }
+    &__header {
+      @include benton-very-bold();
+      line-height: 30px;
+      font-size: $card-title-size;
+      margin-bottom: 8px;
+    }
+
+    &__subheader {
+      font-size: $body-font-size;
+      line-height: 22px;
+      letter-spacing: 0.01em;
+      @include benton-normal();
+    }
+
+    &__bullets-container {
+      padding-inline-start: 17px;
+      margin: 0;
+    }
+
+    &__bullets {
+      list-style-image: url(../../images/bulletpoint.svg);
+      margin-bottom: 8px;
+
+      &-header {
+        line-height: 24px;
+        margin: 0;
+        font-size: $body-font-size;
+        font-weight: 700;
+      }
+
+      &-text {
+        line-height: 24px;
+        margin: 0;
+        font-size: 14px;
+      }
+
+        &-link {
+          font-weight: 500;
+          position: relative;
+          bottom: 1px;
+          text-decoration: none;
+          color: $trimble-dark-gray;
+          border-bottom: 3px solid $trimble-gold;
+          font-size: $body-font-size;
+          width: fit-content;
+
+        &:after {
+          position: absolute;
+          bottom: -1px;
+          right: -25px;
+          display: block;
+          content: "";
+          width: 16px;
+          height: 16px;
+          background-image: url("../../images/internal-arrow.svg");
+          background-repeat: no-repeat;
+          background-position: center;
+        }
+      }
+
+      &-link:hover, &-link-external:hover {
+          border-bottom: 3px solid $trimble-blue;
+        }
+
+
+      &-link-external {
+        font-weight: 500;
+        position: relative;
+        text-decoration: none;
+        color: $trimble-dark-gray;
+        border-bottom: 3px solid $trimble-gold;
+        font-size: $body-font-size;
+
+        &:after {
+          position: absolute;
+          bottom: -1px;
+          right: -25px;
+          display: block;
+          content: "";
+          width: 16px;
+          height: 16px;
+          background-image: url("../../images/external-arrow.svg");
+          background-repeat: no-repeat;
+          background-position: center;
+        }
+      }
+    }
+  }
+}