igniteui-angular 17.2.23 → 17.2.25

package/lib/combo/combo.common.d.ts

@@ -784,13 +784,11 @@ export declare abstract class IgxComboBaseDirective extends DisplayDensityBase i
     /** @hidden @internal */
     onBlur(): void;
     /** @hidden @internal */
-    onFocus(): void;
-    /** @hidden @internal */
     setActiveDescendant(): void;
     /** @hidden @internal */
     toggleCaseSensitive(): void;
     protected onStatusChanged: () => void;
-    private validateComboState;
+    private updateValidity;
     private get isTouchedOrDirty();
     private get hasValidators();
     /** if there is a valueKey - map the keys to data items, else - just return the keys */

package/lib/core/styles/components/dialog/_dialog-theme.scss

@@ -87,7 +87,7 @@
     @include css-vars($theme);
 
     $variant: map.get($theme, '_meta', 'variant');
-    $bootstrap-theme: map.get($theme, variant) == 'bootstrap';
+    $bootstrap-theme: map.get($theme, '_meta', 'variant') == 'bootstrap';
 
     $dialog-min-width: map.get((
         material: rem(280px),
@@ -96,21 +96,21 @@
     ), $variant);
 
     $dialog-title-padding: map.get((
-        material: rem(24px) rem(24px) rem(12px) rem(24px),
+        material: rem(16px) rem(24px) rem(0px) rem(24px),
         fluent: rem(16px) rem(24px) rem(24px) rem(24px),
         bootstrap: rem(16px),
         indigo-design: rem(24px) rem(24px) 0 rem(24px),
     ), $variant);
 
     $dialog-message-padding: map.get((
-        material: rem(12px) rem(24px),
+        material: rem(14px) rem(24px),
         fluent: 0 rem(24px) rem(20px) rem(24px),
         bootstrap: rem(16px),
         indigo-design: rem(16px) rem(24px),
     ), $variant);
 
     $dialog-actions-padding: map.get((
-        material: rem(8px),
+        material: 0 rem(8px) rem(8px),
         fluent: 0 rem(24px) rem(24px) rem(24px),
         bootstrap: rem(16px),
         indigo-design: rem(16px) rem(24px) rem(24px) rem(24px),
@@ -180,23 +180,16 @@
         flex-flow: row nowrap;
         justify-content: flex-end;
         padding: $dialog-actions-padding;
+        gap: if($variant == 'indigo-design', rem(16px), rem(8px));
 
         @if $bootstrap-theme {
             border-top: rem(1px) solid var-get($theme, 'border-color');
         }
 
-        button + button {
-            margin-inline-start: rem(8px);
-        }
-
         @if $variant == 'indigo-design' {
             .igx-button {
                 --ig-size: 2;
             }
-
-            button + button {
-                margin-inline-start: rem(16px);
-            }
         }
     }
 }

package/lib/core/styles/components/drop-down/_drop-down-theme.scss

@@ -327,16 +327,16 @@
     }
 }
 
-/// Adds typography styles for the igx-list component.
-/// Uses the 'caption' and 'subtitle-2'
+/// Adds typography styles for the igx-drop-down component.
+/// Uses the 'overline', 'body-2', 'subtitle-1'
 /// categories from the typographic scale.
 /// @group typography
-/// @param {Map} $categories [(header: 'overline', item: 'body-2', select-item: 'subtitle-1')] - The categories from the typographic scale used for type styles.
+/// @param {Map} $categories [(header: 'overline', item: 'body-2', select-item: 'body-2')] - The categories from the typographic scale used for type styles.
 @mixin drop-down-typography(
     $categories: (
         header: 'overline',
         item: 'body-2',
-        select-item: 'subtitle-1'
+        select-item: 'body-2'
     )
 ) {
     $header: map.get($categories, 'header');
@@ -355,4 +355,10 @@
             margin: 0;
         }
     }
+
+    %igx-drop-down__item--selected {
+        @include type-style($select-item) {
+            margin: 0;
+        }
+    }
 }

package/lib/core/styles/typography/_bootstrap.scss

@@ -63,9 +63,9 @@
     ));
     @include dock-manager-typography();
     @include drop-down-typography($categories: (
-        header: 'body-1',
-        item: 'body-1',
-        select-item: 'body-1'
+        header: 'overline',
+        item: 'body-2',
+        select-item: 'body-2'
     ));
     @include expansion-panel-typography($categories: (
         title: 'h5',

package/lib/core/styles/typography/_fluent.scss

@@ -60,9 +60,16 @@
     ));
     @include column-actions-typography();
     @include date-range-typography();
-    @include dialog-typography();
+    @include dialog-typography($categories: (
+        title: 'h6',
+        content: 'body-2'
+    ));
     @include dock-manager-typography();
-    @include drop-down-typography();
+    @include drop-down-typography($categories: (
+        header: 'subtitle-2',
+        item: 'body-2',
+        select-item: 'body-2'
+    ));
     @include expansion-panel-typography($categories: (
         title: 'subtitle-1',
         description: 'body-2',

package/lib/grids/filtering/excel-style/excel-style-filtering.component.d.ts

@@ -219,6 +219,7 @@ export declare class IgxGridExcelStyleFilteringComponent extends BaseFilteringCo
     private renderColumnValuesFromData;
     private renderValues;
     private generateFilterValues;
+    private modifyExpression;
     private generateListData;
     private getColumnFilterExpressionsTree;
     private addBooleanItems;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "17.2.23",
+  "version": "17.2.25",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",