Merge branch '19.2.x' into sivanova/radio-label

Author: SisIvanova

package-lock.json

@@ -74,7 +74,7 @@
     "@types/source-map": "0.5.2",
     "express": "^4.21.1",
     "fflate": "^0.8.1",
-    "igniteui-theming": "^18.0.0",
+    "igniteui-theming": "^18.0.1",
     "igniteui-trial-watermark": "^3.0.2",
     "lodash-es": "^4.17.21",
     "rxjs": "^7.8.2",

package.json

@@ -73,7 +73,7 @@
         "tslib": "^2.3.0",
         "igniteui-trial-watermark": "^3.0.2",
         "lodash-es": "^4.17.21",
-        "igniteui-theming": "^18.0.0",
+        "igniteui-theming": "^18.0.1",
         "@igniteui/material-icons-extended": "^3.1.0"
     },
     "peerDependencies": {

projects/igniteui-angular/package.json

@@ -502,7 +502,14 @@
 
         &:hover {
             background: var-get($theme, 'step-hover-background');
-            color: var-get($theme, 'title-hover-color');
+
+            %igx-stepper__step-title {
+                color: var-get($theme, 'title-hover-color');
+            }
+
+            %igx-stepper__step-subtitle {
+                color: var-get($theme, 'subtitle-hover-color');
+            }
         }
 
         @if $variant != material {

projects/igniteui-angular/src/lib/core/styles/components/stepper/_stepper-theme.scss

@@ -187,6 +187,7 @@
         button-ripple-color: $button-ripple-color,
         border-color: $border-color,
         border-radius: $border-radius,
+        border-color--hover: $border-color--hover,
         theme: map.get($schema, '_meta', 'theme'),
         _meta: map.merge(if($meta, $meta, ()), (
             variant: map.get($schema, '_meta', 'theme'),
@@ -253,6 +254,21 @@
         flex: 0 0 auto;
         background: var-get($theme, 'item-background');
         z-index: 1;
+	    
+	    @if $bootstrap-theme {
+		    position: relative;
+		    
+		    &::after {
+			    content: '';
+			    position: absolute;
+			    bottom: 0;
+			    inset-inline-start: 0;
+			    width: 100%;
+			    height: rem(1px);
+			    background: var-get($theme, 'border-color');
+			    z-index: 0;
+		    }
+	    }
     }
 
     %tabs-header-content {
@@ -264,19 +280,6 @@
     %tabs-header-wrapper {
         position: relative;
         flex-grow: 1;
-
-        @if $bootstrap-theme {
-            &::after {
-                content: '';
-                position: absolute;
-                bottom: 0;
-                inset-inline-start: 0;
-                width: 100%;
-                height: rem(1px);
-                background: var-get($theme, 'border-color');
-                z-index: 0;
-            }
-        }
     }
 
     %tabs-header-scroll {
@@ -407,7 +410,7 @@
             &:focus {
                 border-top: rem(1px) solid transparent;
                 border-inline: none;
-                border-bottom: rem(1px) solid var-get($theme, 'border-color');
+                border-bottom: rem(1px) solid var-get($theme, 'border-color--hover');
             }
 
             igx-icon {
@@ -509,7 +512,7 @@
 
         @if $indigo-theme {
             &:hover,
-            &:focus-visible {
+            &:focus-within {
                 background: var-get($theme, 'item-hover-background');
             }
         }