igniteui-angular 18.2.4 → 18.2.6

package/lib/core/styles/components/tree/_tree-theme.scss

@@ -148,7 +148,7 @@
     ), $variant);
 
     $icon-space: map.get((
-        'material': $icon-space-default,
+        'material': $icon-space-indigo,
         'fluent': $icon-space-default,
         'bootstrap': $icon-space-default,
         'indigo': $icon-space-indigo
@@ -209,6 +209,12 @@
         margin-inline-end: $icon-space;
     }
 
+    @if $variant == 'material' {
+        %node-select {
+            margin-inline: rem(10px) rem(14px);
+        }
+    }
+
     @if $variant == 'indigo' {
         %node-select {
             margin-inline-end: rem(8px);

package/lib/core/styles/themes/generators/_base.scss

@@ -6,6 +6,7 @@
 @use '../../base' as *;
 @use '../../components' as *;
 @use 'igniteui-theming/sass/color' as *;
+@use 'igniteui-theming/sass/color/presets' as *;
 @use 'igniteui-theming/sass/elevations' as *;
 @use 'igniteui-theming/sass/elevations/presets' as elevations;
 @use 'igniteui-theming/sass/utils' as *;
@@ -683,7 +684,7 @@
     );
 
     @include theme(
-        $palette: $light-palette,
+        $palette: $light-material-palette,
         $schema: $light-material-schema,
         $exclude: $exclude,
         $roundness: $roundness,
@@ -716,7 +717,7 @@
     );
 
     @include theme(
-        $palette: $dark-palette,
+        $palette: $dark-material-palette,
         $schema: $dark-material-schema,
         $exclude: $exclude,
         $roundness: $roundness,

package/lib/core/styles/themes/generators/_bootstrap.scss

@@ -1,6 +1,7 @@
 @use 'base' as *;
 @use '../schemas' as *;
 @use 'igniteui-theming/sass/color' as *;
+@use 'igniteui-theming/sass/color/presets' as *;
 
 ////
 /// @group themes
@@ -20,7 +21,8 @@
 ) {
     $primary: color($palette, 'primary');
     $secondary: color($palette, 'secondary');
-    $surface: color($palette, 'surface');
+    $gray: color($light-bootstrap-palette, 'gray');
+    $surface: color($light-bootstrap-palette, 'surface');
     $info: color($palette, 'info');
     $success: color($palette, 'success');
     $warn: color($palette, 'warn');
@@ -30,8 +32,8 @@
         $palette: palette(
             $primary,
             $secondary,
-            $surface: if($surface != #f8f9fa, $surface, #f8f9fa),
-            $gray: #212529,
+            $surface: $surface,
+            $gray: $gray,
             $info: $info,
             $success: $success,
             $warn: $warn,
@@ -56,7 +58,8 @@
 ) {
     $primary: color($palette, 'primary');
     $secondary: color($palette, 'secondary');
-    $surface: color($palette, 'surface');
+    $gray: color($dark-bootstrap-palette, 'gray');
+    $surface: color($dark-bootstrap-palette, 'surface');
     $info: color($palette, 'info');
     $success: color($palette, 'success');
     $warn: color($palette, 'warn');
@@ -66,8 +69,8 @@
         $palette: palette(
             $primary,
             $secondary,
-            $surface: if($surface != white, $surface, #222),
-            $gray: #fff,
+            $surface: $surface,
+            $gray: $gray,
             $info: $info,
             $success: $success,
             $warn: $warn,

package/lib/core/styles/themes/generators/_fluent.scss

@@ -1,6 +1,7 @@
 @use 'base' as *;
 @use '../schemas' as *;
 @use 'igniteui-theming/sass/color' as *;
+@use 'igniteui-theming/sass/color/presets' as *;
 
 ////
 /// @group themes
@@ -20,7 +21,8 @@
 ) {
     $primary: color($palette, 'primary');
     $secondary: color($palette, 'secondary');
-    $surface: color($palette, 'surface');
+    $gray: color($light-fluent-palette, 'gray');
+    $surface: color($light-fluent-palette, 'surface');
     $info: color($palette, 'info');
     $success: color($palette, 'success');
     $warn: color($palette, 'warn');
@@ -30,8 +32,8 @@
         $palette: palette(
             $primary,
             $secondary,
-            $surface: if($surface != #fff, $surface, #fff),
-            $gray: #000,
+            $surface: $surface,
+            $gray: $gray,
             $info: $info,
             $success: $success,
             $warn: $warn,
@@ -56,7 +58,8 @@
 ) {
     $primary: color($palette, 'primary');
     $secondary: color($palette, 'secondary');
-    $surface: color($palette, 'surface');
+    $gray: color($dark-fluent-palette, 'gray');
+    $surface: color($dark-fluent-palette, 'surface');
     $info: color($palette, 'info');
     $success: color($palette, 'success');
     $warn: color($palette, 'warn');
@@ -66,8 +69,8 @@
         $palette: palette(
             $primary,
             $secondary,
-            $surface: if($surface != #fff, $surface, #222),
-            $gray: #fff,
+            $surface: $surface,
+            $gray: $gray,
             $info: $info,
             $success: $success,
             $warn: $warn,

package/lib/core/styles/themes/generators/_indigo.scss

@@ -1,6 +1,7 @@
 @use 'base' as *;
 @use '../schemas' as *;
 @use 'igniteui-theming/sass/color' as *;
+@use 'igniteui-theming/sass/color/presets' as *;
 @use 'igniteui-theming/sass/elevations/presets' as elevations;
 
 ////
@@ -21,7 +22,8 @@
 ) {
     $primary: color($palette, 'primary');
     $secondary: color($palette, 'secondary');
-    $surface: color($palette, 'surface');
+    $gray: color($light-indigo-palette, 'gray');
+    $surface: color($light-indigo-palette, 'surface');
     $info: color($palette, 'info');
     $success: color($palette, 'success');
     $warn: color($palette, 'warn');
@@ -31,8 +33,8 @@
         $palette: palette(
             $primary,
             $secondary,
-            $surface: if($surface != #fff, $surface, #fff),
-            $gray: #060716,
+            $surface: $surface,
+            $gray: $gray,
             $info: $info,
             $success: $success,
             $warn: $warn,
@@ -58,7 +60,8 @@
 ) {
     $primary: color($palette, 'primary');
     $secondary: color($palette, 'secondary');
-    $surface: color($palette, 'surface');
+    $gray: color($dark-indigo-palette, 'gray');
+    $surface: color($dark-indigo-palette, 'surface');
     $info: color($palette, 'info');
     $success: color($palette, 'success');
     $warn: color($palette, 'warn');
@@ -68,8 +71,8 @@
         $palette: palette(
             $primary,
             $secondary,
-            $surface: if($surface != white, $surface, #2a2b2f),
-            $gray: #fff,
+            $surface: $surface,
+            $gray: $gray,
             $info: $info,
             $success: $success,
             $warn: $warn,

package/lib/directives/drag-drop/drag-drop.directive.d.ts

@@ -563,6 +563,7 @@ export declare class IgxDragDirective implements AfterContentInit, OnDestroy {
      * @hidden
      */
     onTransitionEnd(event: any): void;
+    protected clearGhost(): void;
     /**
      * @hidden
      * Create ghost element - if a Node object is provided it creates a clone of that node,

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

@@ -1987,6 +1987,7 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
     private _selectRowOnClick;
     private _columnSelectionMode;
     private lastAddedRowIndex;
+    protected isColumnWidthSum: boolean;
     private _currencyPositionLeft;
     private rowEditPositioningStrategy;
     private rowEditSettings;

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

@@ -615,7 +615,6 @@ export declare class IgxPivotGridComponent extends IgxGridBaseDirective implemen
     /** @hidden @internal */
     get values(): IPivotValue[];
     toggleColumn(col: IgxColumnComponent): void;
-    protected getColumnWidthSum(): number;
     /**
      * @hidden @internal
      */

package/lib/tabs/tabs/tabs.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy } from '@angular/core';
+import { PlatformUtil } from '../../core/utils';
 import { AnimationService } from '../../services/animation/animation';
 import { IgxDirectionality } from '../../services/direction/directionality';
 import { IgxTabsDirective } from '../tabs.directive';
@@ -42,6 +43,7 @@ export type IgxTabsAlignment = (typeof IgxTabsAlignment)[keyof typeof IgxTabsAli
  */
 export declare class IgxTabsComponent extends IgxTabsDirective implements AfterViewInit, OnDestroy {
     private ngZone;
+    private platform;
     /**
      * Gets/Sets the tab alignment. Defaults to `start`.
      */
@@ -76,7 +78,7 @@ export declare class IgxTabsComponent extends IgxTabsDirective implements AfterV
     protected componentName: string;
     private _tabAlignment;
     private _resizeObserver;
-    constructor(animationService: AnimationService, cdr: ChangeDetectorRef, ngZone: NgZone, dir: IgxDirectionality);
+    constructor(animationService: AnimationService, cdr: ChangeDetectorRef, ngZone: NgZone, dir: IgxDirectionality, platform: PlatformUtil);
     /** @hidden @internal */
     ngAfterViewInit(): void;
     /** @hidden @internal */

package/package.json

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