mod-base 1.0.65-beta.9 → 1.0.66-beta.1

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 1.0.66
+
+- Updated dark mode color for checkbox disclaimer
+
 ## 1.0.65
 
 - Updated dark mode colors for review cards

package/package.json

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

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

@@ -167,6 +167,10 @@ $contact-us-blue-light: #8498E7;
 				color: $checkbox-label-color;
 			}
 
+			.checkbox__disclaimer {
+				color: $color-grey-500;
+			}
+
 			.checkbox--multi-select-options {
 				.checkbox__label-text {
 					color: $color-grey-300;
@@ -174,26 +178,43 @@ $contact-us-blue-light: #8498E7;
 
 				label {
 					input[type="checkbox"] {
-						&:not(:checked) {
-							&::before {
-								background: transparent;
-								border: 1px solid $color-grey-500;
-							}
+						&::before {
+							background: transparent;
+							border: 1px solid $radio-btn-border-color;
 						}
-
+		
 						~ .checkbox__label-text {
 							&::before {
-								border: 1px solid $color-grey-500;
+								border: 1px solid $radio-btn-border-color;
 							}
 						}
-
+		
 						&:active,
-						&:focus,
 						&:hover,
+						&:focus-visible {
+							&::before {
+								background: $radio-btn-standard-hover-select-background-color;
+								border: 1px solid $radio-btn-standard-hover-select-background-color;
+							}
+						}
+		
 						&:checked {
 							~ .checkbox__label-text {
 								&::before {
-									border: 1px solid $radio-btn-standard-hover-select-background-color;
+									border: 1px solid $radio-btn-checked-border-color;
+								}
+							}
+		
+							&::before {
+								background: $radio-btn-checked-border-color;
+								border: 1px solid $radio-btn-checked-border-color;
+							}
+						}
+
+						&:focus-visible {
+							~ .checkbox__label-text {
+								&::before {
+									border: 1px solid $radio-btn-checked-border-color;
 								}
 							}
 						}
@@ -525,7 +546,7 @@ $contact-us-blue-light: #8498E7;
 				}
 			}
 
-			.review-stacked-card {
+			.swiper--stacked-cards {
 				.reviews-card {
 					&.swiper-slide-active {
 						background-color: $reviews-card-active-background;
@@ -1028,21 +1049,21 @@ $contact-us-blue-light: #8498E7;
 			}
 
 			@include breakpoint-lg {
-				.review-stacked-card {
+				.swiper--stacked-cards {
 					.reviews-card {
 						&:not(.swiper-slide-active) {
 							background-color: $reviews-card-inactive-background;
 
-							&__review,
-							&__author {
+							.reviews-card__review,
+							.reviews-card__author {
 								color: $reviews-card-inactive-text-color;
 							}
 
-							&__author-name {
+							.reviews-card__author-name {
 								border-color: $reviews-card-inactive-author-border-color;
 							}
 
-							&__verified {
+							.reviews-card__verified {
 								color: $reviews-card-inactive-verified-color;
 							}