Merge branch 'master' of https://github.com/IgniteUI/igniteui-angular into rkaraivanov/wc-chat-wrapper

Author: gedinakova

ROADMAP.md

@@ -2,13 +2,17 @@
 
 # Current Milestone
 
-## Milestone 40, version 20.1 (Due by Nov, 2025)
+## Milestone 40, version 21 (Due by Nov, 2025)
 1. Support for Angular 21
 2. AI Chat UI component [#16094](https://github.com/IgniteUI/igniteui-angular/issues/16094)
+3. PDF Export feature on Angular Data Grid, Tree Grid, Hierarchical Grid and Pivot Grid [#5696](https://github.com/IgniteUI/igniteui-angular/issues/5696)
+4. Multiple entry points library refactoring for code splitting support [#16325](https://github.com/IgniteUI/igniteui-angular/issues/16325)
+5. Grids filtering performance improvements
 
 ## Going down the road
 
-1. Grids performance
+1. Transition the library to signals
+2. Zoneless support
 
 # Previous Milestone
 

package-lock.json

@@ -122,7 +122,7 @@
     "gulp-uglify": "^3.0.1",
     "hammer-simulator": "0.0.1",
     "hammerjs": "^2.0.8",
-    "ig-typedoc-theme": "^6.0.0",
+    "ig-typedoc-theme": "^7.0.0",
     "igniteui-dockmanager": "^1.17.0",
     "igniteui-sassdoc-theme": "^2.1.0",
     "igniteui-webcomponents": "^6.3.1",
@@ -150,8 +150,8 @@
     "stylelint-prettier": "^5.0.2",
     "stylelint-scss": "^6.9.0",
     "ts-node": "^10.8.1",
-    "typedoc": "^0.27.0",
-    "typedoc-plugin-localization": "^3.0.6",
+    "typedoc": "^0.28.14",
+    "typedoc-plugin-localization": "^3.1.0",
     "typescript": "5.8.3"
   }
 }

package.json

@@ -210,12 +210,24 @@
             color: var-get($theme, 'clear-button-foreground-focus');
             background: var-get($theme, 'clear-button-background-focus');
         }
+
+        &%form-group-bundle--border {
+            %igx-combo__toggle-button {
+                background: var-get($theme, 'toggle-button-background-focus--border');
+            }
+        }
     }
 
     @if $variant == 'indigo' {
         %form-group-bundle:not(%form-group-bundle--disabled):hover {
             %igx-combo__toggle-button {
                 color: var-get($theme, 'toggle-button-foreground-focus');
+                background: var-get($theme, 'toggle-button-background-focus');
+            }
+
+            %igx-combo__clear-button {
+                color: var-get($theme, 'clear-button-foreground-focus');
+                background: var-get($theme, 'clear-button-background-focus');
             }
         }
     }
@@ -224,6 +236,14 @@
         %igx-combo__toggle-button {
             color: var-get($theme, 'toggle-button-foreground-filled');
         }
+
+        @if $variant == 'material' {
+            &.igx-input-group--focused {
+                %igx-combo__toggle-button {
+                    color: var-get($theme, 'toggle-button-foreground-filled');
+                }
+            }
+        }
     }
 
     .igx-input-group--focused {
@@ -254,14 +274,6 @@
         }
     }
 
-    //.igx-input-group:not(.igx-input-group--box) {
-    //    %igx-combo__toggle-button:focus {
-    //        @if $variant == 'material' {
-    //            background: var-get($theme, 'toggle-button-background-focus--border');
-    //        }
-    //    }
-    //}
-
     .igx-input-group--disabled {
         %igx-combo__toggle-button {
             background: var-get($theme, 'toggle-button-background-disabled') !important;
@@ -274,12 +286,4 @@
             }
         }
     }
-
-    %form-group-bundle {
-        &:hover {
-            %igx-combo__clear-button {
-                color: inherit;
-            }
-        }
-    }
 }

projects/igniteui-angular/src/lib/core/styles/components/combo/_combo-theme.scss

@@ -229,7 +229,8 @@
             display: none;
         }
 
-        > * {
+        > *,
+        [class^='igx'] {
             --component-size: #{if($variant == 'indigo', 2, var(--list-size))};
         }
 

projects/igniteui-angular/src/lib/core/styles/components/list/_list-theme.scss

@@ -38,6 +38,11 @@
             igx-input-group {
                 --ig-size: 1;
             }
+
+            .igx-icon-button,
+            igc-icon-button {
+                --ig-size: 2;
+            }
         }
 
         @if $variant == 'bootstrap' {
@@ -114,30 +119,27 @@
 
         igx-icon,
         igc-icon {
-            --component-size: 3;
+            --component-size: #{if($variant == 'indigo', 2, 3)};
 
             cursor: pointer;
             user-select: none;
             transition: color .15s $out-quad;
+
+            @if $variant == 'indigo' {
+                width: auto;
+                height: auto;
+                padding: rem(6px);
+            }
         }
 
-        >igx-icon,
-        >igc-icon {
+        > igx-icon,
+        > igc-icon {
             color: var-get($theme, 'idle-icon-color');
 
             &:hover {
                 color: var-get($theme, 'hover-icon-color');
             }
         }
-
-        @if $variant == 'indigo' {
-            igx-icon,
-            igc-icon {
-                --component-size: 2;
-
-                margin-inline: rem(6px);
-            }
-        }
     }
 
     igx-navbar-action,

projects/igniteui-angular/src/lib/core/styles/components/navbar/_navbar-theme.scss

@@ -55,7 +55,7 @@
 
     .igx-input-group.igx-input-group--disabled.igx-input-group--filled,
     .igx-input-group.igx-input-group--disabled {
-        %igx-select__toggle-button {
+        %form-group-bundle %igx-select__toggle-button {
             background: var-get($theme, 'toggle-button-background-disabled');
             color: var-get($theme, 'toggle-button-foreground-disabled');
         }

projects/igniteui-angular/src/lib/core/styles/components/select/_select-theme.scss

@@ -33,7 +33,8 @@
 
         [igxButton] {
             @include animation(fade-in .35s ease-out);
-            --ig-size: 1;
+
+            --ig-size: 2;
             background: transparent;
             color: var-get($theme, 'button-color');
             -webkit-tap-highlight-color: transparent;
@@ -43,10 +44,6 @@
         @if $variant == 'indigo' {
             padding: pad-block(rem(4px)) pad-inline(rem(16px));
             min-height: rem(36px);
-
-            [igxButton] {
-                --ig-size: 2;
-            }
         }
     }
 

projects/igniteui-angular/src/lib/core/styles/components/snackbar/_snackbar-theme.scss

@@ -23,21 +23,6 @@
         'indigo': rem(16px),
     ), $variant);
 
-    .igx-input-group {
-        display: flex;
-        flex-direction: column;
-
-        @if $variant == 'indigo' or $variant == 'bootstrap' {
-            [igxLabel] {
-                margin-block-end: rem(4px);
-            }
-        } @else if $variant == 'fluent' {
-            [igxLabel] {
-                margin-block-end: rem(5px);
-            }
-        }
-    }
-
     %time-picker-display {
         @include sizable();