From 5edfdcf14cd5ac5ba45d4b8019015f51344c5abd Mon Sep 17 00:00:00 2001
From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
Date: Tue, 4 Mar 2025 09:39:02 -0500
Subject: [PATCH] refactor(radio-group): change supporting-text class to
 radio-group-top

---
 core/src/components/radio-group/radio-group.ios.scss          | 2 +-
 core/src/components/radio-group/radio-group.md.scss           | 2 +-
 core/src/components/radio-group/radio-group.scss              | 2 +-
 core/src/components/radio-group/radio-group.tsx               | 2 +-
 .../radio-group/test/supporting-text/radio-group.e2e.ts       | 4 ++--
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/core/src/components/radio-group/radio-group.ios.scss b/core/src/components/radio-group/radio-group.ios.scss
index 2e26159a36..6b1b8a2fbb 100644
--- a/core/src/components/radio-group/radio-group.ios.scss
+++ b/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);
 }
diff --git a/core/src/components/radio-group/radio-group.md.scss b/core/src/components/radio-group/radio-group.md.scss
index 73ec9b386f..5c9d74c144 100644
--- a/core/src/components/radio-group/radio-group.md.scss
+++ b/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);
 }
diff --git a/core/src/components/radio-group/radio-group.scss b/core/src/components/radio-group/radio-group.scss
index bad07220cc..182f196dd4 100644
--- a/core/src/components/radio-group/radio-group.scss
+++ b/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;
 }
 
diff --git a/core/src/components/radio-group/radio-group.tsx b/core/src/components/radio-group/radio-group.tsx
index f00b8aaadf..27b2ca73a1 100644
--- a/core/src/components/radio-group/radio-group.tsx
+++ b/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>
diff --git a/core/src/components/radio-group/test/supporting-text/radio-group.e2e.ts b/core/src/components/radio-group/test/supporting-text/radio-group.e2e.ts
index e9240725b5..7e2fe43a82 100644
--- a/core/src/components/radio-group/test/supporting-text/radio-group.e2e.ts
+++ b/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;
           }