diff --git a/package-lock.json b/package-lock.json
index 94eb98301f..fa181ffd8b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31,7 +31,7 @@
         "bootstrap": "5.3.2",
         "file-saver": "^2.0.2",
         "hammerjs": "^2.0.8",
-        "igniteui-angular": "^18.1.7",
+        "igniteui-angular": "^18.2.0-beta.1",
         "igniteui-angular-charts": "^18.0.0",
         "igniteui-angular-core": "^18.0.0",
         "igniteui-angular-extras": "^18.0.5",
@@ -12796,13 +12796,13 @@
       ]
     },
     "node_modules/igniteui-angular": {
-      "version": "18.1.8",
-      "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-18.1.8.tgz",
-      "integrity": "sha512-25OpjJ/Gejx44q5VcSFVU41DwIxHViEs8Y430T0l95rvQ+WwXDRPmPFMLBf0LkHT8gvMIR7NFMcdjAlwd8A1qA==",
+      "version": "18.2.0-beta.1",
+      "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-18.2.0-beta.1.tgz",
+      "integrity": "sha512-XnczRMESWXla9fQu9/zbfopIT852kbXigTdnXovGdSxoAgyoeFe2Lrw/VFMPIY09DF40kOD8o9ZePlCPIIvXHw==",
       "dependencies": {
         "@igniteui/material-icons-extended": "^3.0.0",
         "fflate": "^0.8.1",
-        "igniteui-theming": "^11.0.0",
+        "igniteui-theming": "^14.2.0-beta.2",
         "igniteui-trial-watermark": "^3.0.2",
         "lodash-es": "^4.17.21",
         "tslib": "^2.3.0",
@@ -12892,11 +12892,11 @@
       "integrity": "sha512-7zDG3xFPYqcjyOCdR9JuiDh+xX3pJEMqMP2qVV/3t1NjeojcZEWEaYW8OKzDzowEttPrj7UnjAqxXOIMbRTz6Q=="
     },
     "node_modules/igniteui-theming": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-11.0.0.tgz",
-      "integrity": "sha512-t2hRgFBcS4QQFzgPwp3V8d5CFgLFWN9GY0GqnoBdTmtHQEm+2hbzrxgA//akUkO7g5Z6WEp5Y4WWaRkPJVy1HQ==",
+      "version": "14.2.0-beta.3",
+      "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-14.2.0-beta.3.tgz",
+      "integrity": "sha512-2xfjcJ+JCBYBzvSkI+yYDuRrLcY2KdEwtcTGBQRAMifwkJydzTPwVUqMOABB5LFUp/K58vIZ2Fz+oMF2d+XCbQ==",
       "peerDependencies": {
-        "sass": "^1.58.1"
+        "sass": "^1.69.5"
       }
     },
     "node_modules/igniteui-trial-watermark": {
diff --git a/package.json b/package.json
index 20df3130c8..1bb730731d 100644
--- a/package.json
+++ b/package.json
@@ -65,7 +65,7 @@
     "bootstrap": "5.3.2",
     "file-saver": "^2.0.2",
     "hammerjs": "^2.0.8",
-    "igniteui-angular": "^18.1.7",
+    "igniteui-angular": "^18.2.0-beta.1",
     "igniteui-angular-charts": "^18.0.0",
     "igniteui-angular-core": "^18.0.0",
     "igniteui-angular-extras": "^18.0.5",
@@ -111,4 +111,4 @@
     "typescript": "5.4.5",
     "webpack-bundle-analyzer": "^4.10.0"
   }
-}
\ No newline at end of file
+}
diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.scss b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.scss
index 777a508a7e..1e416aae19 100644
--- a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.scss
+++ b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.scss
@@ -32,7 +32,7 @@
 
 .selection-area {
 
-    @include scrollbar(scrollbar-theme($scrollbar-size: 6px));
+    @include scrollbar(scrollbar-theme($sb-size: 6px));
     width: 100%;
     height: 90%;
     display: inline-flex;
@@ -50,7 +50,6 @@
 
 $custom-badge-theme: badge-theme(
     $border-color: contrast-color($color: 'gray', $variant: 900),
-    $border-width: #{rem(2px)},
     $icon-color: contrast-color($color: 'gray', $variant: 900),
     $text-color: contrast-color($color: 'gray', $variant: 50),
     $background-color: contrast-color($color: 'gray', $variant: 500),
@@ -92,7 +91,7 @@ $custom-badge-theme: badge-theme(
 
     .grid-chart-contextmenu-wrapper {
         igx-grid {
-            @include scrollbar(scrollbar-theme($scrollbar-size: 16px));
+            @include scrollbar(scrollbar-theme($sb-size: 16px));
         }
     }
 
@@ -125,7 +124,7 @@ $custom-badge-theme: badge-theme(
     }
 
     igx-tab-content {
-        @include scrollbar(scrollbar-theme($scrollbar-size: 10px));
+        @include scrollbar(scrollbar-theme($sb-size: 10px));
     }
 
 }
@@ -147,7 +146,7 @@ $custom-badge-theme: badge-theme(
 $font-family: 'Titillium Web', 'Roboto', 'Helvetica Neue', sans-serif;
 
 .tab-options-wrapper {
-    @include scrollbar(scrollbar-theme($scrollbar-size: 6px));
+    @include scrollbar(scrollbar-theme($sb-size: 6px));
 
     display: flex;
     flex-flow: column;
diff --git a/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.scss b/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.scss
index 65ef1624cc..34fb852f1b 100644
--- a/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.scss
+++ b/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.scss
@@ -21,7 +21,6 @@
 
 $custom-badge-theme: badge-theme(
     $border-color: white,
-    $border-width: 1px,
     $icon-color: white,
     $text-color: black
 );
diff --git a/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.ts b/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.ts
index fdb7b55544..5bb0c16a07 100644
--- a/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.ts
+++ b/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.ts
@@ -15,7 +15,7 @@ export class GridMultiCellSelectionComponent {
 
     public transferData(source: IgxGridComponent, target: IgxGridComponent,
                         notification: IgxToastComponent) {
-        target.shouldGenerate = true;
+        target.autoGenerate = true;
         target.clearCellSelection();
         this.targetData = source.getSelectedData();
         notification.positionSettings.verticalDirection = VerticalAlignment.Middle;
diff --git a/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.html b/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.html
index 273aa278a7..48d675887f 100644
--- a/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.html
+++ b/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.html
@@ -1,6 +1,6 @@
 <div class="wrapper">
     <igx-query-builder #queryBuilder
-        [fields]="fields"
+        [entities]="[{ name: '', fields: fields}]"
         [expressionTree]="expressionTree">
         <igx-query-builder-header [title]="'Query Builder Overview'" [showLegend]="true">        
         </igx-query-builder-header>
diff --git a/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.html b/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.html
index dd48d7da77..cd711a21a9 100644
--- a/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.html
+++ b/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.html
@@ -1,3 +1,3 @@
 <igx-query-builder #queryBuilder
-    [fields]="fields">    
+    [entities]="[{ name: '', fields: fields}]">    
 </igx-query-builder>
diff --git a/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts b/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts
index c55bbf4770..94ce611d2d 100644
--- a/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts
+++ b/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts
@@ -20,7 +20,7 @@ export class TreeGridMultiCellSelectionComponent {
 
     public transferData(source: IgxTreeGridComponent, target: IgxGridComponent,
                         notification: IgxToastComponent) {
-        target.shouldGenerate = true;
+        target.autoGenerate = true;
         target.clearCellSelection();
         this.targetData = source.getSelectedData();
         notification.positionSettings.verticalDirection = VerticalAlignment.Middle;