feat(icon-button): update themes

Author: didimmova

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

@@ -154,7 +154,7 @@
         @if not($focus-border-color) and $focus-background {
             $focus-border-color: hsla(from var(--focus-background) h s l / 0.3);
         }
-    } @else {
+    } @else if $variant == 'bootstrap' {
         @if not($disabled-background) and $background {
             $disabled-background: hsla(from var(--background) h s l / 0.2);
         }

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

@@ -133,6 +133,10 @@
             $focus-hover-foreground: var(--hover-foreground);
         }
 
+        @if not($disabled-foreground) and $foreground {
+        $disabled-foreground: hsla(from var(--foreground) h s l / 0.5);
+    }
+
         @if $variant == 'bootstrap' {
             @if not($active-foreground) and $foreground {
                 $active-foreground: hsl(from var(--foreground) h s calc(l * 0.7));
@@ -152,16 +156,6 @@
         }
     }
 
-    @if not($disabled-foreground) and $foreground {
-        $disabled-foreground: hsla(from var(--foreground) h s l / 0.5);
-    }
-
-    @if $variant == 'fluent' {
-        @if not($disabled-background) and $foreground {
-            $disabled-background: hsla(from var(--foreground) h s l / 0.1);
-        }
-    }
-
     @return extend(
     $theme,
     (

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

@@ -111,10 +111,6 @@
             @if not($border-color) and $foreground {
                 $border-color: hsla(from var(--foreground) h s l / 0.7);
             }
-
-            @if not($disabled-background) and $foreground {
-                $disabled-background: hsla(from var(--foreground) h s l / 0.1);
-            }
         }
     }
 
@@ -194,12 +190,14 @@
         }
     }
 
-    @if not($disabled-foreground) and $foreground {
-        $disabled-foreground: hsla(from var(--foreground) h s l / 0.5);
-    }
+    @if $variant == 'bootstrap' or $variant == 'indigo' {
+        @if not($disabled-foreground) and $foreground {
+            $disabled-foreground: hsla(from var(--foreground) h s l / 0.5);
+        }
 
-    @if not($disabled-border-color) and $border-color {
-        $disabled-border-color: hsla(from var(--border-color) h s l / 0.2);
+        @if not($disabled-border-color) and $border-color {
+            $disabled-border-color: hsla(from var(--border-color) h s l / 0.2);
+        }
     }
 
     @return extend(