From d0c9daed4a1798cc95c46f34be58ecb55bede947 Mon Sep 17 00:00:00 2001
From: sivanova <sivanova@infragistics.com>
Date: Mon, 17 Nov 2025 10:38:33 +0200
Subject: [PATCH] fix(radio): style component using sass theme

---
 .../components/radio/_radio-component.scss    |  4 ++
 .../styles/components/radio/_radio-theme.scss | 42 +++++++++----------
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/projects/igniteui-angular/src/lib/core/styles/components/radio/_radio-component.scss b/projects/igniteui-angular/src/lib/core/styles/components/radio/_radio-component.scss
index a7bb5e6e2be..0f3f7aa848d 100644
--- a/projects/igniteui-angular/src/lib/core/styles/components/radio/_radio-component.scss
+++ b/projects/igniteui-angular/src/lib/core/styles/components/radio/_radio-component.scss
@@ -133,6 +133,10 @@
             }
 
             &:hover {
+                @include e(label) {
+                    @extend %radio-label--invalid--hover !optional;
+                }
+
                 @include e(ripple) {
                     @extend %radio-ripple--hover !optional;
                     @extend %radio-ripple--hover-invalid !optional;
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/radio/_radio-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/radio/_radio-theme.scss
index 0edfd40c513..87dc986ffd8 100644
--- a/projects/igniteui-angular/src/lib/core/styles/components/radio/_radio-theme.scss
+++ b/projects/igniteui-angular/src/lib/core/styles/components/radio/_radio-theme.scss
@@ -98,22 +98,6 @@
         user-select: none;
     }
 
-    %radio-label--invalid {
-        color: var-get($theme, 'error-color');
-
-        @if $variant == 'indigo' {
-            color: var-get($theme, 'label-color');
-
-            &:hover {
-                color: var-get($theme, 'label-color-hover');
-            }
-        }
-    }
-
-    %radio-label--disabled {
-        color: var-get($theme, 'disabled-label-color');
-    }
-
     %radio-composite {
         position: relative;
         display: inline-block;
@@ -247,11 +231,6 @@
 
         &::after {
             border: $border-width $border-style var-get($theme, 'error-color');
-
-            @if $bootstrap-theme {
-                background: transparent;
-                border: $border-width $border-style var-get($theme, 'error-color');
-            }
         }
     }
 
@@ -268,11 +247,10 @@
         @if $bootstrap-theme {
             &::after {
                 background: var-get($theme, 'error-color');
-                border-color: var-get($theme, 'error-color');
             }
 
             &::before {
-                background: white;
+                background: var-get($theme, 'fill-hover-border-color');
             }
         }
     }
@@ -317,11 +295,29 @@
     }
 
     %radio-label--hover {
+        color: var-get($theme, 'label-color-hover');
+    }
+
+    %radio-label--invalid {
+        color: var-get($theme, 'error-color');
+
+        @if $variant == 'indigo' {
+            color: var-get($theme, 'label-color');
+        }
+    }
+
+    %radio-label--invalid--hover {
+        color: var-get($theme, 'error-color');
+
         @if $variant == 'indigo' {
             color: var-get($theme, 'label-color-hover');
         }
     }
 
+    %radio-label--disabled {
+        color: var-get($theme, 'disabled-label-color');
+    }
+
     %radio-label--after {
         margin-inline-start: $label-margin;
     }