igniteui-angular 18.2.2 → 18.2.3

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

@@ -791,13 +791,11 @@ export declare abstract class IgxComboBaseDirective implements IgxComboBase, Aft
     /** @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': 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': 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': 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', 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' {
             .igx-button {
                 --ig-size: 2;
             }
-
-            button + button {
-                margin-inline-start: rem(16px);
-            }
         }
     }
 }

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

@@ -404,16 +404,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');
@@ -432,4 +432,10 @@
             margin: 0;
         }
     }
+
+    %igx-drop-down__item--selected {
+        @include type-style($select-item) {
+            margin: 0;
+        }
+    }
 }

package/lib/core/styles/components/time-picker/_time-picker-component.scss

@@ -24,10 +24,6 @@
             @extend %time-picker__wrapper !optional;
         }
 
-        @include e(header-ampm) {
-            @extend %time-picker__header-ampm !optional;
-        }
-
         @include e(header-hour){
             @extend %time-picker__header-hour !optional;
         }

package/lib/core/styles/components/time-picker/_time-picker-theme.scss

@@ -23,7 +23,6 @@
 /// @param {Color} $disabled-item-background [null] - The background color for disabled values .
 /// @param {Color} $header-background [null] - The header background color of a time picker.
 /// @param {Color} $header-hour-text-color [null] - The header hour text color of a time picker.
-/// @param {Color} $header-time-period-color [null] - The header AM/PM text color of a time picker.
 /// @param {Color} $background-color [null] - The time-picker panel background color.
 /// @param {Number} $time-item-size [null] - The height of the time item.
 /// @param {Color} $divider-color [null] - The color for the actions area divider.
@@ -56,7 +55,6 @@
     $disabled-item-background: null,
     $header-background: null,
     $header-hour-text-color: null,
-    $header-time-period-color: null,
     $background-color: null,
     $modal-shadow: null,
     $dropdown-shadow: null,
@@ -85,12 +83,6 @@
         $header-hour-text-color: text-contrast($header-background);
     }
 
-    @if not($header-time-period-color) and $header-background {
-        @if meta.type-of($header-background) == 'color' {
-            $header-time-period-color: rgba(text-contrast($header-background), .8);
-        }
-    }
-
     @if not($selected-text-color) and $active-item-background {
         $selected-text-color: text-contrast($active-item-background);
     }
@@ -135,7 +127,6 @@
         disabled-item-background: $disabled-item-background,
         header-background: $header-background,
         header-hour-text-color: $header-hour-text-color,
-        header-time-period-color: $header-time-period-color,
         background-color: $background-color,
         modal-shadow: $modal-shadow,
         dropdown-shadow: $dropdown-shadow,
@@ -162,15 +153,15 @@
     $picker-buttons-padding: map.get((
         'material': rem(8px),
         'fluent': rem(8px),
-        'bootstrap': rem(16px),
+        'bootstrap': rem(8px),
         'indigo': rem(8px) rem(16px),
     ), $variant);
 
     $picker-header-padding: map.get((
-        'material': rem(24px) rem(16px),
+        'material': rem(16px) rem(24px),
         'fluent': rem(16px),
         'bootstrap': rem(16px),
-        'indigo': rem(16px) rem(24px) ,
+        'indigo': rem(16px),
     ), $variant);
 
     %time-picker-display {
@@ -287,7 +278,7 @@
     }
 
     %time-picker__item {
-        width: if($variant == 'indigo', rem(46px), rem(54px));
+        width: rem(46px);
         padding: rem(5px) rem(10px);
         border-radius: var-get($theme, 'active-item-border-radius');
         height: var-get($theme, 'time-item-size');
@@ -355,10 +346,6 @@
         }
     }
 
-    %time-picker__header-ampm {
-        color: var-get($theme, 'header-time-period-color');
-    }
-
     %time-picker__header--vertical {
         @if $variant == 'indigo' {
             min-width: rem(136px);
@@ -371,6 +358,7 @@
     %time-picker__header-hour {
         display: flex;
         color: var-get($theme, 'header-hour-text-color');
+        margin: 0;
 
         [dir='rtl'] & {
             flex-direction: row-reverse;
@@ -378,11 +366,6 @@
         }
     }
 
-    %time-picker__header-ampm,
-    %time-picker__header-hour {
-        margin: 0;
-    }
-
     %time-picker__buttons {
         display: flex;
         min-height: sizable(rem(40px), rem(44px), rem(48px));
@@ -413,24 +396,20 @@
     header-hour: 'h4',
     selected-time: 'h5'
 )) {
-    $time-period: map.get($categories, 'header-time-period');
     $header-hour: map.get($categories, 'header-hour');
     $selected-time: map.get($categories, 'selected-time');
 
-
-    %time-picker__header-ampm {
-        @include type-style($time-period, false);
-    }
-
     %time-picker__header-hour {
         @include type-style($header-hour, false) {
             margin-top: 0;
+            margin-bottom: 0;
         }
     }
 
     %time-picker__item--selected {
         @include type-style($selected-time) {
             margin-top: 0;
+            margin-bottom: 0;
         }
     }
 }

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

@@ -64,9 +64,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',
@@ -103,7 +103,6 @@
     ));
     @include tabs-typography();
     @include time-picker-typography($categories: (
-        header-time-period: 'subtitle-1',
         header-hour: 'h4',
         selected-time: 'h4'
     ));

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

@@ -61,9 +61,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/core/styles/typography/_indigo.scss

@@ -106,7 +106,6 @@
         label: 'subtitle-2',
     ));
     @include time-picker-typography($categories: (
-        header-time-period: 'subtitle-1',
         header-hour: 'h5',
         selected-time: 'h6'
     ));

package/lib/data-operations/filtering-expressions-tree.d.ts

@@ -15,11 +15,11 @@ export declare interface IFilteringExpressionsTree extends IBaseEventArgs, IExpr
     /**
      * @deprecated in version 18.2.0. Use `ExpressionsTreeUtil.find` instead.
      */
-    find(fieldName: string): IFilteringExpressionsTree | IFilteringExpression;
+    find?: (fieldName: string) => IFilteringExpressionsTree | IFilteringExpression;
     /**
      * @deprecated in version 18.2.0. Use `ExpressionsTreeUtil.findIndex` instead.
      */
-    findIndex(fieldName: string): number;
+    findIndex?: (fieldName: string) => number;
 }
 export declare class FilteringExpressionsTree implements IFilteringExpressionsTree {
     /**

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

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

package/lib/grids/grid-base.directive.d.ts

@@ -3376,11 +3376,6 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
      * @hidden
      */
     protected calculateGridSizes(recalcFeatureWidth?: boolean): void;
-    /**
-     * @hidden
-     * @internal
-     */
-    protected calcGridHeadRow(): void;
     /**
      * @hidden
      * Sets TBODY height i.e. this.calcHeight

package/lib/grids/headers/grid-header.component.d.ts

@@ -38,7 +38,6 @@ export declare class IgxGridHeaderComponent implements DoCheck, OnDestroy {
     get filterableStyle(): any;
     get sortedStyle(): boolean;
     get selectedStyle(): boolean;
-    get height(): number;
     /**
      * @hidden
      */

package/lib/grids/pivot-grid/pivot-grid.component.d.ts

@@ -939,11 +939,6 @@ export declare class IgxPivotGridComponent extends IgxGridBaseDirective implemen
     /** @hidden @internal */
     get activeDescendant(): string;
     protected resolveToggle(groupColumn: IgxColumnComponent, state: boolean): void;
-    /**
-     * @hidden
-     * @internal
-     */
-    protected calcGridHeadRow(): void;
     protected buildDataView(data: any[]): void;
     /**
      * @hidden @internal

package/migrations/migration-collection.json

@@ -201,6 +201,11 @@
             "version": "18.2.0",
             "description": "Updates Ignite UI for Angular from v18.1.x to v18.2.0",
             "factory": "./update-18_2_0"
+        },
+        "migration-41": {
+            "version": "18.2.3",
+            "description": "Updates Ignite UI for Angular from v18.2.0 to v18.2.3",
+            "factory": "./update-18_2_3"
         }
     }
 }

package/migrations/update-18_2_3/changes/theme-changes.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "../../common/schema/theme-changes.schema.json",
+  "changes": [
+    {
+      "name": "$header-time-period-color",
+      "remove": true,
+      "owner": "time-picker-theme",
+      "type":"property"
+    }
+  ]
+}

package/migrations/update-18_2_3/index.d.ts

@@ -0,0 +1,3 @@
+import type { Rule } from '@angular-devkit/schematics';
+declare const _default: () => Rule;
+export default _default;

package/migrations/update-18_2_3/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const UpdateChanges_1 = require("../common/UpdateChanges");
+const version = '18.2.3';
+exports.default = () => (host, context) => __awaiter(void 0, void 0, void 0, function* () {
+    context.logger.info(`Applying migration for Ignite UI for Angular to version ${version}`);
+    const update = new UpdateChanges_1.UpdateChanges(__dirname, host, context);
+    update.applyChanges();
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "18.2.2",
+  "version": "18.2.3",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",
@@ -74,7 +74,7 @@
     "igniteui-trial-watermark": "^3.0.2",
     "lodash-es": "^4.17.21",
     "uuid": "^9.0.0",
-    "igniteui-theming": "^14.1.0",
+    "igniteui-theming": "^14.2.0",
     "@igniteui/material-icons-extended": "^3.0.0"
   },
   "peerDependencies": {