igniteui-angular 20.0.7 → 20.0.9

package/lib/core/styles/components/input/_input-group-component.scss

@@ -52,7 +52,6 @@
         @include e(input) {
             @extend %form-group-input !optional;
             @extend %autofill-background-fix !optional;
-            @extend %edge-clear-icon-fix !optional;
 
             &:hover {
                 @extend %form-group-input--hover !optional;
@@ -75,10 +74,6 @@
             }
         }
 
-        @include e(clear-icon) {
-            @extend %form-group-clear-icon !optional;
-        }
-
         @include e(hint) {
             @extend %form-group-helper !optional;
         }
@@ -220,7 +215,6 @@
 
             @include e(label) {
                 @extend %form-group-label--float !optional;
-                @extend %form-group-label--fixed !optional;
             }
         }
 
@@ -233,10 +227,35 @@
         }
 
         @include m(file) {
+            @extend %form-group-display--file !optional;
+
             @include e(label) {
                 @extend %form-group-label--float !optional;
             }
         }
+        @include mx(file, focused) {
+            @extend %form-group-display--file-focused !optional;
+        }
+
+        @include mx(file, border) {
+            @extend %form-group-display--file-border !optional;
+        }
+
+        @include mx(file, border, focused) {
+            @extend %form-group-display--file-border-focused !optional;
+        }
+
+        @include mx(file, border, valid) {
+            @extend %form-group-display--file-border-success !optional;
+        }
+
+        @include mx(file, border, warning) {
+            @extend %form-group-display--file-border-warning !optional;
+        }
+
+        @include mx(file, border, invalid) {
+            @extend %form-group-display--file-border-error !optional;
+        }
 
         @include m(required) {
             @include e(label) {
@@ -306,7 +325,6 @@
             }
 
             @include e(label) {
-                @extend %form-group-label--fixed !optional;
                 @extend %form-group-label--disabled !optional;
             }
 
@@ -319,7 +337,7 @@
             }
 
             @include e(file-input) {
-                @extend %form-group-input--disabled !optional;
+                @extend %form-group-file-input--disabled !optional;
             }
 
             @include e(hint) {
@@ -334,10 +352,6 @@
                 @extend %form-group-bundle--disabled !optional;
             }
 
-            @include e(label) {
-                @extend %form-group-label--fixed !optional;
-            }
-
             @include e(input) {
                 @extend %form-group-input--disabled !optional;
             }
@@ -369,21 +383,9 @@
                 @extend %form-group-input--box !optional;
             }
 
-            @include e(bundle-start) {
-                @extend %form-group-bundle-start--box !optional;
-            }
-
-            @include e(bundle-end) {
-                @extend %form-group-bundle-end--box !optional;
-            }
-
             @include e(bundle-main) {
                 @extend %form-group-bundle-main--box !optional;
             }
-
-            @include e(notch) {
-                @extend %form-group-notch--box !optional;
-            }
         }
 
         @include mx(box, focused) {
@@ -398,25 +400,10 @@
             }
         }
 
-        @include mx(box, textarea-group, filled) {
-            @include e(notch) {
-                @extend %form-group-notch--box-textarea !optional;
-            }
-        }
-
         @include mx(box, textarea-group, placeholder) {
             @extend %form-group-placeholder !optional;
-
-            @include e(notch) {
-                @extend %form-group-notch--box-textarea !optional;
-            }
         }
 
-        @include mx(box, textarea-group, focused) {
-            @include e(notch) {
-                @extend %form-group-notch--box-textarea !optional;
-            }
-        }
         // Type box END
 
         // Type border START
@@ -448,14 +435,6 @@
                 @extend %form-group-label--border !optional;
             }
 
-            @include e(bundle-start) {
-                @extend %form-group-bundle-start--border !optional;
-            }
-
-            @include e(bundle-end) {
-                @extend %form-group-bundle-end--border !optional;
-            }
-
             @include e(notch) {
                 @extend  %igx-input-group__notch--border !optional;
             }
@@ -561,6 +540,11 @@
                 @extend %form-group-bundle-search--disabled !optional;
             }
         }
+
+        @include e(upload-button) {
+            @extend %upload-button !optional;
+        }
+
         // BASE END
 
         // ============================== //
@@ -575,11 +559,6 @@
                 &:hover {
                     @extend %form-group-bundle--fluent--hover !optional;
                 }
-
-                &:focus-within,
-                &:focus {
-                    @extend %form-group-bundle--fluent--focus !optional;
-                }
             }
 
             @include e(bundle-main) {
@@ -601,10 +580,6 @@
             @include e(label) {
                 @extend %fluent-label !optional;
             }
-
-            @include e(upload-button) {
-                @extend %fluent-upload-button !optional;
-            }
         }
 
         @include mx(fluent, placeholder) {
@@ -663,6 +638,10 @@
             @include e(label) {
                 @extend %fluent-label-filled !optional;
             }
+
+            @include e(file-input) {
+                @extend %fluent-file-input !optional;
+            }
         }
 
         @include mx(fluent, textarea-group) {
@@ -672,16 +651,8 @@
         }
 
         @include mx(fluent, focused) {
-            @include e(bundle-start) {
-                @extend %form-group-bundle-start--fluent--focused !optional;
-            }
-
-            @include e(bundle-main) {
-                @extend %form-group-bundle-main--fluent--focused !optional;
-            }
-
-            @include e(bundle-end) {
-                @extend %form-group-bundle-end--fluent--focused !optional;
+            @include e(bundle) {
+                @extend %form-group-bundle--fluent--focus !optional;
             }
 
             @include e(label) {
@@ -689,12 +660,6 @@
             }
         }
 
-        @include mx(fluent, focused, textarea-group) {
-            @include e(hint) {
-                @extend %form-group-helper--textarea--fluent--focused !optional;
-            }
-        }
-
         @include mx(fluent, textarea-group) {
             @include e(bundle-start) {
                 @extend %form-group-bundle-textarea-start--fluent !optional;
@@ -708,11 +673,8 @@
         }
 
         @include mx(fluent, required) {
-            @include e(bundle) {
-                @extend %form-group-bundle-required--fluent !optional;
-            }
-
             @include e(label) {
+                @extend %form-group-bundle-required--fluent !optional;
                 @extend %form-group-label-required--fluent !optional;
             }
         }
@@ -808,10 +770,6 @@
                 @extend %form-group-bundle--indigo !optional;
             }
 
-            @include e(bundle-start) {
-                @extend %form-group-bundle--indigo-start !optional;
-            }
-
             @include e(input) {
                 @extend %form-group-input--indigo !optional;
             }
@@ -827,10 +785,6 @@
             @include e(textarea) {
                 @extend %indigo-textarea !optional;
             }
-
-            @include e(upload-button) {
-                @extend %indigo-upload-button !optional;
-            }
         }
 
         @include mx(indigo, focused) {
@@ -889,10 +843,6 @@
                 @extend %bootstrap-input !optional;
             }
 
-            @include e(upload-button) {
-                @extend %bootstrap-upload-button !optional;
-            }
-
             @include e(bundle-start) {
                 @extend %form-group-bundle-start--bootstrap !optional;
             }
@@ -902,6 +852,56 @@
             }
         }
 
+        @include mx(bootstrap, file) {
+            @extend %form-group-display--bootstrap-file !optional;
+
+            @include e(input) {
+                @extend %bootstrap-input-file !optional;
+            }
+
+            @include e(bundle-end) {
+                @extend %bootstrap-bundle-end !optional;
+            }
+
+            @include e(upload-button) {
+                @extend %bootstrap-upload-button !optional;
+            }
+        }
+
+        @include mx(bootstrap, file, disabled) {
+            @include e(upload-button) {
+                @extend %bootstrap-file-disabled-upload-button !optional;
+            }
+        }
+
+        @include mx(bootstrap, file, focused) {
+            @extend %bootstrap-file-focused !optional;
+        }
+
+        @include mx(bootstrap, file, valid, focused) {
+            @extend %bootstrap-file-valid !optional;
+        }
+
+        @include mx(bootstrap, file, warning, focused) {
+            @extend %bootstrap-file-warning !optional;
+        }
+
+        @include mx(bootstrap, file, invalid, focused) {
+            @extend %bootstrap-file-invalid !optional;
+        }
+
+        @include mx(bootstrap, file, valid, focused) {
+            @extend %bootstrap-file-valid-focused !optional;
+        }
+
+        @include mx(bootstrap, file, warning, focused) {
+            @extend %bootstrap-file-warning-focused !optional;
+        }
+
+        @include mx(bootstrap, file, invalid, focused) {
+            @extend %bootstrap-file-invalid-focused !optional;
+        }
+
         @include mx(bootstrap, prefixed) {
             @extend %form-group-display--bootstrap-prefixed !optional;
         }
@@ -910,6 +910,18 @@
             @extend %form-group-display--bootstrap-suffixed !optional;
         }
 
+        @include mx(bootstrap, suffixed, focused) {
+            @extend %form-group-display--bootstrap-suffixed-focused !optional;
+        }
+
+        @include mx(bootstrap, suffixed, valid) {
+            @extend %form-group-display--bootstrap-suffixed-valid !optional;
+        }
+
+        @include mx(bootstrap, suffixed, invalid) {
+            @extend %form-group-display--bootstrap-suffixed-invalid !optional;
+        }
+
         @include mx(bootstrap, search) {
             @include e(input) {
                 @extend %bootstrap-input--search !optional;
@@ -1001,34 +1013,34 @@
         }
 
         @include mx(bootstrap, warning) {
-          @include e(input) {
+            @include e(input) {
               @extend %bootstrap-input--warning !optional;
 
               &:hover {
                   @extend %bootstrap-input--warning !optional;
               }
-          }
+            }
 
-          @include e(file-input) {
+            @include e(file-input) {
               @extend %bootstrap-input--warning !optional;
 
               &:hover {
                   @extend %bootstrap-input--warning !optional;
               }
-          }
+            }
 
-          @include e(label) {
+            @include e(label) {
               @extend %bootstrap-label !optional;
-          }
+            }
 
-          @include e(textarea) {
+            @include e(textarea) {
               @extend %bootstrap-input--warning !optional;
 
               &:hover {
                   @extend %bootstrap-input--warning !optional;
               }
-          }
-      }
+            }
+        }
 
         @include mx(bootstrap, textarea-group) {
             @include e(bundle) {
@@ -1046,41 +1058,13 @@
             }
 
             @include e(file-input) {
-                @extend %bootstrap-input--disabled !optional;
+                @extend %bootstrap-file-input--disabled !optional;
             }
 
             @include e(textarea) {
                 @extend %bootstrap-input--disabled !optional;
             }
         }
-
-        @include mx(bootstrap, disabled, prefixed) {
-            @include e(input) {
-                @extend %bootstrap-input--disabled--prefixed !optional;
-            }
-
-            @include e(file-input) {
-                @extend %bootstrap-input--disabled--prefixed !optional;
-            }
-
-            @include e(textarea) {
-                @extend %bootstrap-input--disabled--prefixed !optional;
-            }
-        }
-
-        @include mx(bootstrap, disabled, suffixed) {
-            @include e(input) {
-                @extend %bootstrap-input--disabled--suffixed !optional;
-            }
-
-            @include e(file-input) {
-                @extend %bootstrap-input--disabled--suffixed !optional;
-            }
-
-            @include e(textarea) {
-                @extend %bootstrap-input--disabled--suffixed !optional;
-            }
-        }
         // BOOTSTRAP END
     }
 }