luna-one 3.1.596 → 3.1.598

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;
+      }
+    }
+  }
+}

package/dist/luna/components/FilterSection/FilterSection.scss

@@ -1,176 +1,176 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-filter-section {
-	&__intro {
-		max-width: 650px;
-		margin-bottom: 48px;
-	}
-	&__title {
-		font-size: $body-font-size;
-		text-transform: uppercase;
-		margin-bottom: 24px;
-	}
-	&__filters {
-		display: flex;
-		flex-wrap: wrap;
-		width: 100%;
-		grid-gap: 0 11px;
-		align-items: center;
-		font-size: $large-body-font-size;
-		margin-bottom: 16px;
-	}
-	&__filter {
-		&-placeholder {
-			display: block;
-			border-radius: 4px;
-			border: 1px solid $trimble-dark-gray;	
-			padding: 11px 14px;
-			color: $trimble-blue;
-			font-weight: 500;
-			line-height: 1;
-			font-size: $body-font-size;
-			cursor: pointer;
-			&> span,
-			&> svg {
-				pointer-events: none;
-			}
-		}
-		&-wrapper {
-			width: 100%;
-			position: relative;
-			margin-bottom: 15px;
-			@media screen and (min-width: $breakpoint-xs){
-				max-width: 270px;
-			}
-			@media screen and (min-width: $breakpoint-sm) {
-				max-width: 215px;
-			}
-		}
-		&-title {
-			font-weight: 500;
-			margin-bottom: 5px;
-			display: block;
-			font-size: $body-font-size;
-		}
-		&-list {
-			height: 0;
-			border-radius: 0 0 5px 5px;
-			border: 1px solid black;
-			background-color: $white;
-			max-height: 250px;
-			overflow-y: scroll;
-			display: block;
-			opacity: 0;
-			position: absolute;
-			left: 0;
-			right: 0;
-			z-index: 1;
-			visibility: hidden;
-			&--open {
-				height: auto;
-				visibility: visible;
-				opacity: 1;
-			}
-		}
-		&-option {
-			display: flex;
-			padding: 15px;
-			align-items: center;
-			pointer-events: none;
-			cursor: default;
-			& > * {
-				cursor: pointer;
-				pointer-events: auto;
-			}
-			& + .ter-filter-section__filter-option {
-				border-top: 1px solid $concrete-gray;
-			}
-			& > .ter-checkbox {
-				padding: 0;
-			}
-			&--hovered {
-				background-color: $gray--1;
-			}
-		}
-		&-label {
-			flex-grow: 1;
-			line-height: 1;
-			padding-left: 24px;
-			padding-bottom: 0;
-			font-size: $eyebrow-font-size;
-			&:before {
-				top: -2px;
-				height: 14px;
-				width: 14px;
-			}
-			&:after {
-				top: 1px;
-				height: 10px;
-				width: 10px;
-				
-			}
-		}
-	}
-	&__collapse-button {
-		font-size: $body-font-size;
-		font-weight: 700;
-		@media screen and (max-width: $breakpoint-sm) {
-			display: block;
-			margin-bottom: 14px;
-		}
-	}
-	&__clear {
-		margin-top: 9px;
-		width: 100%;		
-		&-button {
-			font-size: $body-font-size;
-			font-weight: 500;
-			position: relative;
-			cursor: pointer;
-			display: block;
-			padding: 0;
-			&:after {
-				content: "";
-				display: block;
-				position: absolute;
-				bottom: 0;
-				left: 0;
-				right: 0;
-				background-color: $trimble-gold;
-				height: 2px;
-			}
-			&:hover:after {
-				background-color: $trimble-dark-gray;
-			}
-		}
-	}
-	&__chevron {
-		margin-right: 16px;
-		&--open {
-			transform: rotate(180deg);
-		}
-	}
-	&__chips {
-		display: flex;
-		flex-wrap: wrap;
-		padding: 15px 0;
-		&> .ter-chip {
-			margin-right: 16px;
-			margin-bottom: 14px;
-			font-size: $body-font-size;
-		}
-	}
-	&__collapse-button {
-		display: none;
-		padding: 8px 10px;
-		height: auto;
-		line-height: 1;
-		@media screen and (max-width: $breakpoint-xs) {
-			display: block;
-		}
-	}
-	&__collapse-wrapper {
-		z-index: 10;
-		position: relative;
-	}
+@import "../../../global-styles/terra.scss";
+
+.ter-filter-section {
+	&__intro {
+		max-width: 650px;
+		margin-bottom: 48px;
+	}
+	&__title {
+		font-size: $body-font-size;
+		text-transform: uppercase;
+		margin-bottom: 24px;
+	}
+	&__filters {
+		display: flex;
+		flex-wrap: wrap;
+		width: 100%;
+		grid-gap: 0 11px;
+		align-items: center;
+		font-size: $large-body-font-size;
+		margin-bottom: 16px;
+	}
+	&__filter {
+		&-placeholder {
+			display: block;
+			border-radius: 4px;
+			border: 1px solid $trimble-dark-gray;	
+			padding: 11px 14px;
+			color: $trimble-blue;
+			font-weight: 500;
+			line-height: 1;
+			font-size: $body-font-size;
+			cursor: pointer;
+			&> span,
+			&> svg {
+				pointer-events: none;
+			}
+		}
+		&-wrapper {
+			width: 100%;
+			position: relative;
+			margin-bottom: 15px;
+			@media screen and (min-width: $breakpoint-xs){
+				max-width: 270px;
+			}
+			@media screen and (min-width: $breakpoint-sm) {
+				max-width: 215px;
+			}
+		}
+		&-title {
+			font-weight: 500;
+			margin-bottom: 5px;
+			display: block;
+			font-size: $body-font-size;
+		}
+		&-list {
+			height: 0;
+			border-radius: 0 0 5px 5px;
+			border: 1px solid black;
+			background-color: $white;
+			max-height: 250px;
+			overflow-y: scroll;
+			display: block;
+			opacity: 0;
+			position: absolute;
+			left: 0;
+			right: 0;
+			z-index: 1;
+			visibility: hidden;
+			&--open {
+				height: auto;
+				visibility: visible;
+				opacity: 1;
+			}
+		}
+		&-option {
+			display: flex;
+			padding: 15px;
+			align-items: center;
+			pointer-events: none;
+			cursor: default;
+			& > * {
+				cursor: pointer;
+				pointer-events: auto;
+			}
+			& + .ter-filter-section__filter-option {
+				border-top: 1px solid $concrete-gray;
+			}
+			& > .ter-checkbox {
+				padding: 0;
+			}
+			&--hovered {
+				background-color: $gray--1;
+			}
+		}
+		&-label {
+			flex-grow: 1;
+			line-height: 1;
+			padding-left: 24px;
+			padding-bottom: 0;
+			font-size: $eyebrow-font-size;
+			&:before {
+				top: -2px;
+				height: 14px;
+				width: 14px;
+			}
+			&:after {
+				top: 1px;
+				height: 10px;
+				width: 10px;
+				
+			}
+		}
+	}
+	&__collapse-button {
+		font-size: $body-font-size;
+		font-weight: 700;
+		@media screen and (max-width: $breakpoint-sm) {
+			display: block;
+			margin-bottom: 14px;
+		}
+	}
+	&__clear {
+		margin-top: 9px;
+		width: 100%;		
+		&-button {
+			font-size: $body-font-size;
+			font-weight: 500;
+			position: relative;
+			cursor: pointer;
+			display: block;
+			padding: 0;
+			&:after {
+				content: "";
+				display: block;
+				position: absolute;
+				bottom: 0;
+				left: 0;
+				right: 0;
+				background-color: $trimble-gold;
+				height: 2px;
+			}
+			&:hover:after {
+				background-color: $trimble-dark-gray;
+			}
+		}
+	}
+	&__chevron {
+		margin-right: 16px;
+		&--open {
+			transform: rotate(180deg);
+		}
+	}
+	&__chips {
+		display: flex;
+		flex-wrap: wrap;
+		padding: 15px 0;
+		&> .ter-chip {
+			margin-right: 16px;
+			margin-bottom: 14px;
+			font-size: $body-font-size;
+		}
+	}
+	&__collapse-button {
+		display: none;
+		padding: 8px 10px;
+		height: auto;
+		line-height: 1;
+		@media screen and (max-width: $breakpoint-xs) {
+			display: block;
+		}
+	}
+	&__collapse-wrapper {
+		z-index: 10;
+		position: relative;
+	}
 }