refactor(radio-group): change supporting-text class to radio-group-top

Author: brandyscarney

core/src/components/radio-group/radio-group.ios.scss

@@ -7,6 +7,6 @@
 
 // Add padding to the error and helper text when used in a
 // list to align them with the list header and item text.
-ion-list .supporting-text {
+ion-list .radio-group-top {
   @include padding-horizontal($item-ios-padding-start, $item-ios-padding-end);
 }

core/src/components/radio-group/radio-group.md.scss

@@ -7,6 +7,6 @@
 
 // Add padding to the error and helper text when used in a
 // list to align them with the list header and item text.
-ion-list .supporting-text {
+ion-list .radio-group-top {
   @include padding-horizontal($item-md-padding-start, $item-md-padding-end);
 }

core/src/components/radio-group/radio-group.scss

@@ -11,7 +11,7 @@ ion-radio-group {
 // Radio Group: Supporting Text
 // --------------------------------------------------
 
-.supporting-text {
+.radio-group-top {
   line-height: 1.5;
 }
 

core/src/components/radio-group/radio-group.tsx

@@ -252,7 +252,7 @@ export class RadioGroup implements ComponentInterface {
     }
 
     return (
-      <div class="supporting-text">
+      <div class="radio-group-top">
         <div id={helperTextId} class="helper-text">
           {helperText}
         </div>

core/src/components/radio-group/test/supporting-text/radio-group.e2e.ts

@@ -197,7 +197,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, co
       await page.setContent(
         `
         <style>
-          .supporting-text {
+          .radio-group-top {
             font-size: 20px;
           }
 
@@ -222,7 +222,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, co
       await page.setContent(
         `
         <style>
-          .supporting-text {
+          .radio-group-top {
             font-size: 20px;
           }