mod-base 1.0.67-beta.3 → 1.0.67-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/package.json +1 -1
  3. package/src/styles/templates/_dark-mode.scss +12 -8
package/CHANGELOG.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  ## 1.0.67
4
4
 
5
- - Add support for `.helper-text` class that can be added to radio buttons
5
+ - Add dark mode support for `.helper-text` class that can be added to radio buttons
6
6
 
7
7
  ## 1.0.66
8
8
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mod-base",
3
- "version": "1.0.67-beta.3",
3
+ "version": "1.0.67-beta.5",
4
4
  "description": "Base Styles for S3 Sites",
5
5
  "author": "",
6
6
  "license": "ISC"
package/src/styles/templates/_dark-mode.scss CHANGED
@@ -182,13 +182,13 @@ $contact-us-blue-light: #8498E7;
182
182
  background: transparent;
183
183
  border: 1px solid $radio-btn-border-color;
184
184
  }
185
-
185
+
186
186
  ~ .checkbox__label-text {
187
187
  &::before {
188
188
  border: 1px solid $radio-btn-border-color;
189
189
  }
190
190
  }
191
-
191
+
192
192
  &:active,
193
193
  &:hover,
194
194
  &:focus-visible {
@@ -197,14 +197,14 @@ $contact-us-blue-light: #8498E7;
197
197
  border: 1px solid $radio-btn-standard-hover-select-background-color;
198
198
  }
199
199
  }
200
-
200
+
201
201
  &:checked {
202
202
  ~ .checkbox__label-text {
203
203
  &::before {
204
204
  border: 1px solid $radio-btn-checked-border-color;
205
205
  }
206
206
  }
207
-
207
+
208
208
  &::before {
209
209
  background: $radio-btn-checked-border-color;
210
210
  border: 1px solid $radio-btn-checked-border-color;
@@ -861,10 +861,6 @@ $contact-us-blue-light: #8498E7;
861
861
  &:checked + .radio__button-text {
862
862
  color: $radio-btn-checked-text-color;
863
863
 
864
- .helper-text {
865
- color: $radio-btn-checked-text-color;
866
- }
867
-
868
864
  + span {
869
865
  background-color: $radio-btn-checked-icon-background-color;
870
866
 
@@ -911,6 +907,10 @@ $contact-us-blue-light: #8498E7;
911
907
  + span {
912
908
  color: $radio-btn-checked-text-color;
913
909
 
910
+ .helper-text {
911
+ color: $radio-btn-checked-text-color;
912
+ }
913
+
914
914
  &::before {
915
915
  background-color: $radio-btn-hover-background-color;
916
916
  border-color: $radio-btn-hover-border-color;
@@ -955,6 +955,10 @@ $contact-us-blue-light: #8498E7;
955
955
  + span {
956
956
  color: $radio-btn-checked-text-color;
957
957
 
958
+ .helper-text {
959
+ color: $radio-btn-checked-text-color;
960
+ }
961
+
958
962
  &::before {
959
963
  background-color: $radio-btn-standard-checked-background-color;
960
964
  border-color: $radio-btn-checked-border-color;