feat(icon-button): fix focus styles not showing (#15738)

* fix(15674): ESF to show unique time values (#15715)

Co-authored-by: Stamen Stoychev <[email protected]>
Co-authored-by: Teodosia Hristodorova <[email protected]>

* fix(input): fluent theme updates (#15725)

* feat(icon-button): fix focus styles not showing

---------

Co-authored-by: Galina Edinakova <[email protected]>
Co-authored-by: Stamen Stoychev <[email protected]>
Co-authored-by: Teodosia Hristodorova <[email protected]>
Co-authored-by: Silvia Ivanova <[email protected]>
Co-authored-by: Simeon Simeonoff <[email protected]>

Author: 6 people

projects/igniteui-angular/src/lib/core/styles/components/icon-button/_icon-button-theme.scss

@@ -243,7 +243,7 @@
         }
     }
 
-    [igxIconButton='flat'].igx-button--focused {
+    %igx-icon-button--flat.igx-button--focused {
         background: var-get($flat-theme, 'focus-background');
         color: var-get($flat-theme, 'focus-foreground');
 
@@ -388,7 +388,7 @@
         }
     }
 
-    [igxIconButton='outlined'].igx-button--focused {
+    %igx-icon-button--outlined.igx-button--focused {
         background: var-get($outlined-theme, 'focus-background');
         color: var-get($outlined-theme, 'focus-foreground');