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;