mod-base 1.0.72-beta.1 → 1.0.72-beta.3

package/CHANGELOG.md

@@ -4,6 +4,10 @@
 
 - Adding dark mode support for the input component when the input is active or focused.
 
+## 1.0.71
+
+- Hero wave dark mode support
+
 ## 1.0.70
 
 - Adding support for custom background color and fill on progress bars in dark mode.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mod-base",
-    "version": "1.0.72-beta.1",
+    "version": "1.0.72-beta.3",
     "description": "Base Styles for S3 Sites",
     "author": "",
     "license": "ISC"

package/src/styles/templates/_dark-mode.scss

@@ -58,9 +58,11 @@ $contact-us-blue-light: #8498E7;
 	$checkbox-label-color: null,
 	$footer-background: $color-charcoal9,
 	$foreground: $color-grey-300,
-	$form-input-border-color: $color-grey-400,
+	$form-input-border-color: null,
 	$form-focus-border-color: $color-grey-400,
 	$hero-content-box-shadow-mobile: null,
+	$hero-wave-accent: null,
+	$hero-wave-base: null,
 	$interactive-text-color: $color-grey-500,
 	$interactive-text-color-hover: lighten($interactive-text-color, 20%),
 	$logo-filter: invert(1) hue-rotate(180deg),
@@ -120,6 +122,14 @@ $contact-us-blue-light: #8498E7;
 		$theme: $base-color !global;
 	}
 
+	@if $hero-wave-accent == null {
+		$hero-wave-accent: $accent-color;
+	}
+
+	@if $hero-wave-base == null {
+		$hero-wave-base: $background;
+	}
+
 	@if $reviews-card-active-star-color == null {
 		@if $theme != null {
 			$reviews-card-active-star-color: $theme;
@@ -188,6 +198,10 @@ $contact-us-blue-light: #8498E7;
 		$progress-bar-percentage-color: $text-color;
 	}
 
+	@if ($form-input-border-color == null) {
+		$form-input-border-color: $form-focus-border-color;
+	}
+
 	// Most common selectors list
 	$content-selectors: '.hero__title,.hero__subtitle,input,.toggle-wrapper,.step__title,[class^="information__"],[class^="featured-block__"],[class^="partners__"],.form-group__label,[class^="abandonment__"],.modal-header--close,.modal-phone,.modal-body p,legend,[class^="loader__"],table tr,.tile__text,.select,.hiw-block__title,.hiw-card__title,.hiw-card__description,.banner__title,.banner__description,.accordion__title,.reviews__title,.accordion .expand-collapse__toggle,.accordion__content p,.accordion__content li,.result__title,.result__subtitle,.result__call-text';
 	$background-selectors: '.form,.header,.guarantee,.information,.modal-content,.matched-steps,.loader,.information__header,.hero__background,.hero__content,&.form-in-progress:not(.fixed-width-desktop) .hero__content,.form-input,.form-input:focus,.expand-collapse__icon,.featured-block,table tr,.form-control,.accordion,.hiw-block,.reviews';
@@ -551,6 +565,14 @@ $contact-us-blue-light: #8498E7;
 				filter: $background-img-brightness;
 			}
 
+			.hero__wave-accent {
+				fill: $hero-wave-accent;
+			}
+
+			.hero__wave-base {
+				fill: $hero-wave-base;
+			}
+
 			@if $color-btn != null {
 				.btn--primary,
 				.btn-primary,