fix(radio-group): use proper classes and colors

brandyscarney · brandyscarney · commit 1e925bab456c · 2025-03-04T09:55:15.000-05:00
diff --git a/core/src/components/radio-group/radio-group.scss b/core/src/components/radio-group/radio-group.scss
@@ -20,22 +20,22 @@ ion-radio-group {
  * present on the radio group. Otherwise the helper text should
  * be shown.
  */
-.error-text {
+.radio-group-top .error-text {
   display: none;
 
-  color: var(--ion-color-danger, #eb445a);
+  color: ion-color(danger, base);
 }
 
-.helper-text {
+.radio-group-top .helper-text {
   display: block;
 
-  color: var(--ion-color-step-550, #737373);
+  color: $text-color-step-300;
 }
 
-.ion-touched.ion-invalid .error-text {
+.ion-touched.ion-invalid .radio-group-top .error-text {
   display: block;
 }
 
-.ion-touched.ion-invalid .helper-text {
+.ion-touched.ion-invalid .radio-group-top .helper-text {
   display: none;
 }

Original file line number	Diff line number	Diff line change
`@@ -20,22 +20,22 @@ ion-radio-group {`
`20`	`20`	`* present on the radio group. Otherwise the helper text should`
`21`	`21`	`* be shown.`
`22`	`22`	`*/`
`23`		`-.error-text {`
	`23`	`+.radio-group-top .error-text {`
`24`	`24`	`display: none;`
`25`	`25`
`26`		`- color: var(--ion-color-danger, #eb445a);`
	`26`	`+ color: ion-color(danger, base);`
`27`	`27`	`}`
`28`	`28`
`29`		`-.helper-text {`
	`29`	`+.radio-group-top .helper-text {`
`30`	`30`	`display: block;`
`31`	`31`
`32`		`- color: var(--ion-color-step-550, #737373);`
	`32`	`+ color: $text-color-step-300;`
`33`	`33`	`}`
`34`	`34`
`35`		`-.ion-touched.ion-invalid .error-text {`
	`35`	`+.ion-touched.ion-invalid .radio-group-top .error-text {`
`36`	`36`	`display: block;`
`37`	`37`	`}`
`38`	`38`
`39`		`-.ion-touched.ion-invalid .helper-text {`
	`39`	`+.ion-touched.ion-invalid .radio-group-top .helper-text {`
`40`	`40`	`display: none;`
`41`	`41`	`}`