luna-one 3.1.594 → 3.1.595

package/dist/luna/components/EventCard/EventCard.scss

@@ -1,134 +1,134 @@
-@import "../../../global-styles/terra.scss";
-
-$event-card-border: 1px solid color("gray-4");
-
-.mep-event-card {
-  min-height: 135px;
-  border-top: $event-card-border;
-  border-bottom: $event-card-border;
-  margin-top: 40px;
-
-  display: -ms-grid;
-
-  display: grid;
-  -ms-grid-columns: 140px 115px 1fr 40px;
-  grid-template-columns: 140px 115px 1fr 40px;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-
-  @media screen and (max-width: 900px) {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    max-width: 256px;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    margin: 40px auto;
-  }
-
-  &__date-section {
-    height: calc(100% - 35px);
-    border-right: $event-card-border;
-
-    @media screen and (max-width: 900px) {
-      height: 95px;
-      margin-top: 20px;
-    }
-  }
-
-  &__focus:focus {
-    outline: 2px solid $sky-blue !important;
-  }
-
-  &__date,
-  &__year {
-    font-size: $eyebrow-font-size;
-    line-height: 14px;
-    margin: 0 20px;
-    text-align: end;
-
-    @media screen and (max-width: 900px) {
-      padding-right: $large-body-font-size;
-      margin: 0;
-    }
-  }
-
-  &__date {
-    margin-bottom: 10px;
-    @include benton-medium();
-  }
-
-  &__image {
-    width: 95px;
-    height: 95px;
-    margin-left: 20px;
-    display: block;
-
-    @media screen and (max-width: 900px) {
-      height: 95px;
-      margin-top: 20px;
-    }
-  }
-
-  &__details {
-    margin: 0 20px;
-    margin: 17px 20px;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-  }
-
-  &__industry {
-    font-size: $eyebrow-font-size;
-    line-height: 14px;
-    margin-bottom: 8px;
-    color: #9d9da6;
-  }
-
-  &__name {
-    font-size: $large-body-font-size;
-    line-height: 20px;
-    @include benton-medium();
-  }
-
-  &__description {
-    font-size: $large-body-font-size;
-    line-height: 19px;
-    color: #363545;
-    font-weight: 300;
-  }
-
-  &__location {
-    font-size: $large-body-font-size;
-    line-height: 19px;
-    margin-bottom: 0;
-  }
-
-  .ter-icon {
-    -webkit-transition: 0.3;
-    -o-transition: 0.3;
-    transition: 0.3;
-
-    &:hover {
-      -webkit-transform: scale(1.2);
-      -ms-transform: scale(1.2);
-      transform: scale(1.2);
-    }
-    @media screen and (max-width: 900px) {
-      margin-bottom: 24px;
-      -webkit-transform: translateX(100px);
-      -ms-transform: translateX(100px);
-      transform: translateX(100px);
-
-      &:hover {
-        -webkit-transform: scale(1) translateX(100px);
-        -ms-transform: scale(1) translateX(100px);
-        transform: scale(1) translateX(100px);
-      }
-    }
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+$event-card-border: 1px solid color("gray-4");
+
+.mep-event-card {
+  min-height: 135px;
+  border-top: $event-card-border;
+  border-bottom: $event-card-border;
+  margin-top: 40px;
+
+  display: -ms-grid;
+
+  display: grid;
+  -ms-grid-columns: 140px 115px 1fr 40px;
+  grid-template-columns: 140px 115px 1fr 40px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+
+  @media screen and (max-width: 900px) {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    max-width: 256px;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    margin: 40px auto;
+  }
+
+  &__date-section {
+    height: calc(100% - 35px);
+    border-right: $event-card-border;
+
+    @media screen and (max-width: 900px) {
+      height: 95px;
+      margin-top: 20px;
+    }
+  }
+
+  &__focus:focus {
+    outline: 2px solid $sky-blue !important;
+  }
+
+  &__date,
+  &__year {
+    font-size: $eyebrow-font-size;
+    line-height: 14px;
+    margin: 0 20px;
+    text-align: end;
+
+    @media screen and (max-width: 900px) {
+      padding-right: $large-body-font-size;
+      margin: 0;
+    }
+  }
+
+  &__date {
+    margin-bottom: 10px;
+    @include benton-medium();
+  }
+
+  &__image {
+    width: 95px;
+    height: 95px;
+    margin-left: 20px;
+    display: block;
+
+    @media screen and (max-width: 900px) {
+      height: 95px;
+      margin-top: 20px;
+    }
+  }
+
+  &__details {
+    margin: 0 20px;
+    margin: 17px 20px;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+
+  &__industry {
+    font-size: $eyebrow-font-size;
+    line-height: 14px;
+    margin-bottom: 8px;
+    color: #9d9da6;
+  }
+
+  &__name {
+    font-size: $large-body-font-size;
+    line-height: 20px;
+    @include benton-medium();
+  }
+
+  &__description {
+    font-size: $large-body-font-size;
+    line-height: 19px;
+    color: #363545;
+    font-weight: 300;
+  }
+
+  &__location {
+    font-size: $large-body-font-size;
+    line-height: 19px;
+    margin-bottom: 0;
+  }
+
+  .ter-icon {
+    -webkit-transition: 0.3;
+    -o-transition: 0.3;
+    transition: 0.3;
+
+    &:hover {
+      -webkit-transform: scale(1.2);
+      -ms-transform: scale(1.2);
+      transform: scale(1.2);
+    }
+    @media screen and (max-width: 900px) {
+      margin-bottom: 24px;
+      -webkit-transform: translateX(100px);
+      -ms-transform: translateX(100px);
+      transform: translateX(100px);
+
+      &:hover {
+        -webkit-transform: scale(1) translateX(100px);
+        -ms-transform: scale(1) translateX(100px);
+        transform: scale(1) translateX(100px);
+      }
+    }
+  }
+}

package/dist/luna/components/EventCard/EventCardDocumentation.mdx

@@ -1,46 +1,46 @@
-#### EventCard
-
-###### Props -
-
-- `content` - object containing date, year, image, industry, industryLabel, name, description, link, and location
-  - `year` - string to represent year
-  - `date` - string to represent date
-  - `image` - object with key value pair `url` to reprensent image path
-  - `industry` - string to represent industry type
-  - `industryLabel` - string to represent industry label
-  - `name` - string to represent name of event
-  - `description` - string to represent description of event
-  - `location` - string to represent location of event
-  - `link` - object with key value pair `url` to represent url path
-
-###### Example
-
-```
-
-const date = "Nov 18 - Nov 19";
-const year = "2019";
-const image = { url: "http://fpoimg.com/95x95" };
-const industry = "Construction";
-const industryLabel = "Industry";
-const name = "Test Event Two";
-const description =
-  "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consequat.";
-const location = "Denver, CO";
-const content = {
-  date,
-  year,
-  image,
-  industry,
-  industryLabel,
-  name,
-  location,
-  description,
-  link: { url: "/wut" }
-};
-
-return (
-
-  <EventCard content={content} />
-)
-
-```
+#### EventCard
+
+###### Props -
+
+- `content` - object containing date, year, image, industry, industryLabel, name, description, link, and location
+  - `year` - string to represent year
+  - `date` - string to represent date
+  - `image` - object with key value pair `url` to reprensent image path
+  - `industry` - string to represent industry type
+  - `industryLabel` - string to represent industry label
+  - `name` - string to represent name of event
+  - `description` - string to represent description of event
+  - `location` - string to represent location of event
+  - `link` - object with key value pair `url` to represent url path
+
+###### Example
+
+```
+
+const date = "Nov 18 - Nov 19";
+const year = "2019";
+const image = { url: "http://fpoimg.com/95x95" };
+const industry = "Construction";
+const industryLabel = "Industry";
+const name = "Test Event Two";
+const description =
+  "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consequat.";
+const location = "Denver, CO";
+const content = {
+  date,
+  year,
+  image,
+  industry,
+  industryLabel,
+  name,
+  location,
+  description,
+  link: { url: "/wut" }
+};
+
+return (
+
+  <EventCard content={content} />
+)
+
+```

package/dist/luna/components/FilterHero/FilterHero.scss

@@ -1,80 +1,80 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-filter-hero {
-  padding: 0 calc((100vw - 1200px) / 2) 48px;
-
-  &__header-section {
-    max-width: 500px;
-    padding: 100px 0 100px 100px;
-
-    @media (max-width: 500px) {
-      padding: 100px 32px;
-    }
-  }
-
-  &__header {
-    font-size: $heading-4-size;
-    margin: 0;
-  }
-
-  &__text,
-  &__text-holder p {
-    font-size: $subheading-size;
-    padding-top: 12px;
-    margin: 0;
-  }
-
-  &__dropdown-container {
-    margin-left: 100px;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    @media (max-width: 500px) {
-      margin-left: 32px;
-    }
-  }
-
-  &__checkbox-container {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-  }
-
-  &__dropdown-label {
-    margin-bottom: 0;
-    @include benton-medium();
-    font-size: $large-body-font-size;
-  }
-
-  .ter-select {
-    &__wrapper {
-      width: 256px;
-      margin-right: 20px;
-    }
-
-    @media (max-width: 500px) {
-      margin: 0 0 20px 0 !important;
-    }
-
-    &__options-list {
-      top: 50px;
-    }
-  }
-
-  .ter-checkbox {
-    margin: 0 20px;
-    -ms-flex-item-align: end;
-    align-self: flex-end;
-
-    &__label {
-      font-size: font-size("micro");
-      padding-top: 3px;
-
-      @media (max-width: 500px) {
-        margin: 0 !important;
-      }
-    }
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.ter-filter-hero {
+  padding: 0 calc((100vw - 1200px) / 2) 48px;
+
+  &__header-section {
+    max-width: 500px;
+    padding: 100px 0 100px 100px;
+
+    @media (max-width: 500px) {
+      padding: 100px 32px;
+    }
+  }
+
+  &__header {
+    font-size: $heading-4-size;
+    margin: 0;
+  }
+
+  &__text,
+  &__text-holder p {
+    font-size: $subheading-size;
+    padding-top: 12px;
+    margin: 0;
+  }
+
+  &__dropdown-container {
+    margin-left: 100px;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    @media (max-width: 500px) {
+      margin-left: 32px;
+    }
+  }
+
+  &__checkbox-container {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+  }
+
+  &__dropdown-label {
+    margin-bottom: 0;
+    @include benton-medium();
+    font-size: $large-body-font-size;
+  }
+
+  .ter-select {
+    &__wrapper {
+      width: 256px;
+      margin-right: 20px;
+    }
+
+    @media (max-width: 500px) {
+      margin: 0 0 20px 0 !important;
+    }
+
+    &__options-list {
+      top: 50px;
+    }
+  }
+
+  .ter-checkbox {
+    margin: 0 20px;
+    -ms-flex-item-align: end;
+    align-self: flex-end;
+
+    &__label {
+      font-size: font-size("micro");
+      padding-top: 3px;
+
+      @media (max-width: 500px) {
+        margin: 0 !important;
+      }
+    }
+  }
+}