mod-base 1.0.23 → 1.0.25

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 1.0.25
+
+- Adding styles for transfer overlay and missed input field icon error state
+
+## 1.0.24
+
+- Adding color transition for radio button checkmarks
+
 ## 1.0.23
 
 - Adding customization to cover all radio button different HTML structures, value props to have gradients as background, input fields active/focus states, back and edit zip code button colors, box shadow for mobile forms, bbb logo filters

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mod-base",
-    "version": "1.0.23",
+    "version": "1.0.25",
     "description": "Base Styles for S3 Sites",
     "author": "",
     "license": "ISC"

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

@@ -235,7 +235,8 @@ $contact-us-blue-light: #8498E7;
 
 				.form-input-group {
 					&--includes-label {
-						.form-input:focus {
+						.form-input:focus,
+						.form-input:not(:placeholder-shown) {
 							~ .form-input-group__icon {
 								color: $color-red4;
 							}
@@ -460,6 +461,27 @@ $contact-us-blue-light: #8498E7;
 				}
 			}
 
+			.loader {
+				image {
+					filter: invert(1) hue-rotate(180deg) brightness(2);
+				}
+
+				#Circle {
+					filter: invert(1);
+				}
+
+				#Left-Arrow,
+				#Right-Arrow {
+					path {
+						fill: $color-lavender-500;
+
+						&:not(:first-of-type) {
+							stroke: $color-lavender-500;
+						}
+					}
+				}
+			}
+
 			/* Need to overwrite inline styles of double submission block */
 			.duplicate-submission {
 				background-color: $background-color !important;
@@ -573,6 +595,7 @@ $contact-us-blue-light: #8498E7;
 
 									&::before {
 										color: $radio-btn-icon-color;
+										transition: color .15s ease;
 									}
 								}
 							}