igniteui-cli 15.2.2-alpha.3 → 15.2.2

package/lib/PromptSession.js

@@ -58,7 +58,7 @@ class PromptSession extends cli_core_1.BasePromptSession {
     }
     configureAI(frameworkId) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield (0, ai_config_1.configure)(frameworkId);
+            yield (0, ai_config_1.configure)(frameworkId, { verbose: false });
         });
     }
     templateSelectedTask(type = "component") {

package/lib/commands/ai-config.d.ts

@@ -1,10 +1,17 @@
 import { type AIAgentTarget, type AiCodingAssistant } from "@igniteui/cli-core";
 import { CommandModule } from "yargs";
 export declare function configureMCP(assistants: AiCodingAssistant[]): void;
-export declare function configureSkills(agents: AIAgentTarget[], framework: string): void;
+export declare function configureSkills(agents: AIAgentTarget[], framework: string, verbose?: boolean): void;
+export declare function configureInstructions(agents: AIAgentTarget[], framework: string, verbose?: boolean): void;
 type AIAgentOption = AIAgentTarget | "none";
 type AIAssistantOption = AiCodingAssistant | "none";
-export declare function configure(framework: string, agents?: AIAgentOption[], assistants?: AIAssistantOption[], skills?: boolean): Promise<{
+interface ConfigureOptions {
+    agents?: AIAgentOption[];
+    assistants?: AIAssistantOption[];
+    skills?: boolean;
+    verbose?: boolean;
+}
+export declare function configure(framework: string, options?: ConfigureOptions): Promise<{
     agents: AIAgentTarget[];
     assistants: AiCodingAssistant[];
 }>;

package/lib/commands/ai-config.js

@@ -11,6 +11,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.configureMCP = configureMCP;
 exports.configureSkills = configureSkills;
+exports.configureInstructions = configureInstructions;
 exports.configure = configure;
 const cli_core_1 = require("@igniteui/cli-core");
 function configureMCP(assistants) {
@@ -18,32 +19,66 @@ function configureMCP(assistants) {
         const { mcpFilePath } = cli_core_1.AI_ASSISTANT_MCP_CONFIGS[assistant];
         const modified = (0, cli_core_1.addMcpServers)(assistant);
         if (!modified) {
-            cli_core_1.Util.log(` Ignite UI MCP servers already configured in ${mcpFilePath}`);
+            cli_core_1.Util.log(cli_core_1.Util.greenCheck() + ` Ignite UI MCP servers already configured in ${mcpFilePath}`);
         }
         else {
             cli_core_1.Util.log(cli_core_1.Util.greenCheck() + ` MCP servers configured in ${mcpFilePath}`);
         }
     }
 }
-function configureSkills(agents, framework) {
+function logFileActions(result) {
+    for (const detail of result.details) {
+        if (detail.action === "created") {
+            cli_core_1.Util.log(`  Created ${detail.path}`);
+        }
+        else if (detail.action === "updated") {
+            cli_core_1.Util.log(`  Updated ${detail.path}`);
+        }
+    }
+}
+function logResultSummary(result, label) {
+    if (result.failed > 0) {
+        cli_core_1.Util.warn(`Failed to write ${result.failed} ${label} file(s) out of ${result.found}.`, "yellow");
+    }
+    else if (result.found > 0 && result.skipped === result.found) {
+        cli_core_1.Util.log(cli_core_1.Util.greenCheck() + ` ${label} file(s) already up-to-date.`);
+    }
+    else if (result.found > 0) {
+        const written = result.found - result.skipped;
+        cli_core_1.Util.log(cli_core_1.Util.greenCheck() + ` ${written} ${label} file(s) created or updated.`);
+    }
+}
+function configureSkills(agents, framework, verbose = true) {
     const result = (0, cli_core_1.copyAISkillsToProject)(agents, framework);
     if (result.found === 0) {
         cli_core_1.Util.warn("No AI skill files found. Make sure packages are installed (npm install) " +
             "and your Ignite UI packages are up-to-date.", "yellow");
+        return;
     }
-    else if (result.failed > 0) {
-        cli_core_1.Util.warn(`Failed to write ${result.failed} skill file(s) out of ${result.found}.`, "yellow");
-    }
-    else if (result.skipped === result.found) {
-        cli_core_1.Util.log("Everything is already up-to-date.");
+    if (verbose) {
+        for (const source of result.sources) {
+            if (source.type === "package") {
+                cli_core_1.Util.log(`Using skills from ${source.packageName}@${source.packageVersion}`);
+            }
+            else {
+                cli_core_1.Util.log("Using bundled Ignite UI skills");
+            }
+        }
+        logFileActions(result);
     }
-    else {
-        const written = result.found - result.skipped;
-        cli_core_1.Util.log(cli_core_1.Util.greenCheck() + ` ${written} AI skill file(s) created or updated.`);
+    logResultSummary(result, "AI skill");
+}
+function configureInstructions(agents, framework, verbose = true) {
+    const result = (0, cli_core_1.copyAgentInstructionFiles)(agents, framework);
+    if (verbose) {
+        logFileActions(result);
     }
+    logResultSummary(result, "instruction");
 }
 function configure(framework_1) {
-    return __awaiter(this, arguments, void 0, function* (framework, agents = [], assistants = [], skills = true) {
+    return __awaiter(this, arguments, void 0, function* (framework, options = {}) {
+        const { skills = true, verbose = true } = options;
+        let { agents = [], assistants = [] } = options;
         if (framework === "jquery") {
             // currently not supported
             return { agents: [], assistants: [] };
@@ -65,9 +100,9 @@ function configure(framework_1) {
         }
         else {
             if (skills) {
-                configureSkills(resolvedAgents, framework);
+                configureSkills(resolvedAgents, framework, verbose);
             }
-            (0, cli_core_1.copyAgentInstructionFiles)(resolvedAgents, framework);
+            configureInstructions(resolvedAgents, framework, verbose);
         }
         return { agents: resolvedAgents, assistants: resolvedAssistants };
     });
@@ -184,7 +219,7 @@ const command = {
             if (framework === "jquery") {
                 cli_core_1.Util.log("AI Config currently not available for jQuery projects.");
             }
-            const result = yield configure(framework, agents, assistants);
+            const result = yield configure(framework, { agents, assistants });
             cli_core_1.GoogleAnalytics.post({
                 t: "event",
                 ec: "$ig ai-config",

package/lib/commands/new.js

@@ -174,7 +174,10 @@ const command = {
                 yield cli_core_1.Util.processTemplates(templatePath, path.join(process.cwd(), argv.name), config, projTemplate.delimiters, false);
             }
             process.chdir(argv.name);
-            yield (0, ai_config_1.configure)(argv.framework, argv.agents, argv.assistants);
+            yield (0, ai_config_1.configure)(argv.framework, {
+                agents: argv.agents,
+                assistants: argv.assistants
+            });
             process.chdir("..");
             cli_core_1.Util.log(cli_core_1.Util.greenCheck() + " Project Created");
             if (!argv.skipInstall) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-cli",
-  "version": "15.2.2-alpha.3",
+  "version": "15.2.2",
   "description": "CLI tool for creating Ignite UI projects",
   "keywords": [
     "CLI",
@@ -66,9 +66,9 @@
     "all": true
   },
   "dependencies": {
-    "@igniteui/angular-templates": "^21.2.1522-alpha.3",
-    "@igniteui/cli-core": "^15.2.2-alpha.3",
-    "@igniteui/mcp-server": "^15.2.2-alpha.3",
+    "@igniteui/angular-templates": "~21.2.1522",
+    "@igniteui/cli-core": "~15.2.2",
+    "@igniteui/mcp-server": "~15.2.2",
     "@inquirer/prompts": "^7.9.0",
     "chalk": "^5.3.0",
     "glob": "^11.0.0",

package/templates/blazor/igb/projects/ai-config/files/skills/AGENTS.md

@@ -62,5 +62,5 @@ You are an expert in C#, Blazor, and scalable web application development. You w
 - Every component requires module registration in `Program.cs`: `builder.Services.AddIgniteUIBlazor(typeof(IgbGridModule))`.
 - Add `@using IgniteUI.Blazor.Controls` to `_Imports.razor`.
 - Link a theme stylesheet in the host page (e.g., `_content/IgniteUI.Blazor/themes/light/bootstrap.css`).
-- Add the Ignite UI runtime script before the Blazor framework script in the host page: `<script src="_content/IgniteUI.Blazor/app.bundle.js"></script>`.
+- Add the Ignite UI runtime script before the Blazor framework script in the host page: `<script src="_content/IgniteUI.Blazor/app.bundle.js"></script>`. **If this script is missing, web components will not register and the app will render blank or broken - verify this is present in every new project.**
 - If no Ignite UI package is present, add the package that matches the chosen package strategy.

package/templates/blazor/igb/projects/ai-config/files/skills/igniteui-blazor-components/SKILL.md

@@ -76,7 +76,7 @@ Base your code and explanation exclusively on what you read. If the reference fi
 | `IgniteUI.Blazor.Lite` | NuGet.org | Open-source / MIT users needing core UI components (forms, layout, navigation, data display, feedback) |
 | `IgniteUI.Blazor.GridLite` | NuGet.org | Open-source / MIT users needing the lightweight `IgbGridLite` data grid |
 | `IgniteUI.Blazor` | Infragistics private NuGet feed (`https://packages.infragistics.com/nuget/licensed/`) | Licensed / enterprise users that need the full component suite (grids, charts, maps, gauges, Dock Manager) |
-| `IgniteUI.Blazor.Trial` | NuGet.org | Evaluation users — same full suite as `IgniteUI.Blazor` but with a trial watermark |
+| `IgniteUI.Blazor.Trial` | NuGet.org | Evaluation users - same full suite as `IgniteUI.Blazor` but with a trial watermark |
 
 `IgniteUI.Blazor.Lite` contains the open-source UI component set, while `IgniteUI.Blazor.GridLite` contains the free `IgbGridLite` data grid package. Both use the `IgniteUI.Blazor.Controls` namespace. Do **not** mix the licensed `IgniteUI.Blazor` package with `IgniteUI.Blazor.Lite` in the same project; they use the same namespaces and duplicate some components. If full `IgniteUI.Blazor` is already referenced, do not add Lite/GridLite unless the user explicitly asks to switch package strategy.
 

package/templates/blazor/igb/projects/ai-config/files/skills/igniteui-blazor-components/references/data-display.md

@@ -110,11 +110,12 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbCardModule));
     <IgbCardActions>
         <IgbButton slot="start" Variant="@ButtonVariant.Flat">Like</IgbButton>
         <IgbButton slot="start" Variant="@ButtonVariant.Flat">Share</IgbButton>
+        <IgbButton slot="end" Variant="@ButtonVariant.Contained">Buy Now</IgbButton>
     </IgbCardActions>
 </IgbCard>
 ```
 
-Sub-components: `IgbCardMedia`, `IgbCardHeader`, `IgbCardContent`, `IgbCardActions`. Slots on `IgbCardHeader`: `thumbnail`, `title`, `subtitle`.
+Sub-components: `IgbCardMedia`, `IgbCardHeader`, `IgbCardContent`, `IgbCardActions`. Slots on `IgbCardHeader`: `thumbnail`, `title`, `subtitle`. Slots on `IgbCardActions`: `start` (left-aligned actions) and `end` (right-aligned actions).
 
 ---
 

package/templates/blazor/igb/projects/ai-config/files/skills/igniteui-blazor-generate-from-image-design/references/gotchas.md

@@ -94,11 +94,11 @@ Brushes="#FF6B6B #4ECDC4 #45B7D1"
 ### `AreaFillOpacity` exists on `IgbCategoryChart`
 It does **NOT** exist on `IgbSparkline`. For sparkline fill, use the `Brush` parameter.
 
-### `IgbSparkline` has no SplineArea type — use `IgbCategoryChart` for smooth area sparklines
+### `IgbSparkline` has no SplineArea type - use `IgbCategoryChart` for smooth area sparklines
 `IgbSparkline` supports only `Line`, `Area`, `Column`, and `WinLoss` display types. `Area` renders as angular polygon fills, not smooth curves. If the design shows smooth mountain-shaped area sparklines, use a small `IgbCategoryChart` with `ChartType="CategoryChartType.SplineArea"`:
 
 ```razor
-<!-- ❌ Angular fill — no smooth curves available on IgbSparkline -->
+<!-- ❌ Angular fill - no smooth curves available on IgbSparkline -->
 <IgbSparkline DisplayType="SparklineDisplayType.Area" Brush="#5B57E8" ... />
 
 <!-- ✅ Smooth spline area sparkline -->
@@ -121,7 +121,7 @@ Pass them as bound parameters:
 <IgbCategoryChart IncludedProperties='@(new string[] { "Month", "Revenue" })' ... />
 ```
 
-### `InnerExtent` is a chart-level property — never a series-level property
+### `InnerExtent` is a chart-level property - never a series-level property
 
 `InnerExtent` controls the hole size at the center of a donut/pie chart. It is a property of the **chart** component (`IgbDoughnutChart`, `IgbPieChart`, `IgbDataPieChart`), not of any series child. Placing it on `IgbRingSeries` causes a runtime crash:
 
@@ -140,12 +140,12 @@ Correct usage:
 <IgbRingSeries InnerExtent="0.45" ... />
 ```
 
-### Set `Brushes`, `Outlines`, and visual parameters inline — not via `@ref` in `OnAfterRenderAsync`
+### Set `Brushes`, `Outlines`, and visual parameters inline - not via `@ref` in `OnAfterRenderAsync`
 
 Setting visual parameters via `@ref` property assignment in `OnAfterRenderAsync` triggers Blazor warning **BL0005** (*Component parameter should not be set outside of its component*). Always pass them as **inline Razor markup attributes** instead.
 
 ```razor
-<!-- ✅ Inline markup — no BL0005 -->
+<!-- ✅ Inline markup - no BL0005 -->
 <IgbRingSeries Brushes="#CF6E7A #6C74DC #D4A84B" Outlines="#13131F #13131F #13131F" ... />
 
 <!-- ❌ BL0005 warning -->
@@ -160,7 +160,7 @@ Match `ChartType` to the curve shape in the screenshot:
 
 Do not default to `Line` or `Area` when the screenshot shows smooth curves. The difference is immediately visible and is the most common chart fidelity mistake.
 
-### Circular ring with centered percentage — choosing the right component
+### Circular ring with centered percentage - choosing the right component
 - **Thick static ring with a centred label and no needle** → `IgbDoughnutChart` + `IgbRingSeries`. Place `InnerExtent` on the chart, not the series. Overlay the label with `position: absolute` inside a `position: relative` wrapper.
 - **Thin animated spinner / loading progress** → `IgbCircularProgress`. Not a data visualisation.
 - **Needle pointer on a scale arc** → `IgbRadialGauge`.
@@ -430,6 +430,29 @@ Or toggle a CSS class with variable overrides (see `igniteui-blazor-theming` ski
 
 ## Blazor-specific Gotchas
 
+### RZ9986 - Dynamic CSS class on Ignite UI components
+
+Blazor raises **RZ9986: Component attributes do not support complex content** when a CSS class string is built inline on an Ignite UI component:
+
+```razor
+@* WRONG - RZ9986 build failure *@
+<IgbChip class="chip @(item == _selected ? "chip-active" : "")" />
+```
+
+Move the class logic into a C# helper method that returns the complete string:
+
+```razor
+@* RIGHT - no RZ9986 *@
+<IgbChip class="@ChipClass(item)" />
+
+@code {
+    private string ChipClass(Item item) =>
+        item == _selected ? "chip chip-active" : "chip";
+}
+```
+
+This applies to **any** `Igb*` component. The `RZ9986` issue is caused by **complex attribute content** on components (for example, mixing literal text with `@(...)` blocks in the same attribute). To avoid it, make the entire `class` value a single C# expression - either by using a helper method as shown above or by returning the full class string from one inline expression.
+
 ### Always register modules in `Program.cs`
 Every `Igb*` component needs its `IgbXxxModule` registered via `AddIgniteUIBlazor()`. If a component silently fails to render, the most common cause is a missing module registration:
 ```csharp

package/templates/blazor/igb/projects/ai-config/files/skills/igniteui-blazor-theming/SKILL.md

@@ -122,7 +122,7 @@ Use this as the lightweight availability check and platform reference for Blazor
 
 ### Step 2 - Generate a Palette
 
-> **Note:** For Blazor (CSS-first, no Sass pipeline), use `create_palette` with `output: "css"` to get CSS custom properties directly. Do NOT use `create_theme` for Blazor — it always outputs Sass which requires a compilation step not present in standard Blazor projects. The `create_palette` param names are `primary`/`secondary`/`surface` (not `primaryColor`/`secondaryColor`/`surfaceColor` — those belong to `create_theme`).
+> **Note:** For Blazor (CSS-first, no Sass pipeline), use `create_palette` with `output: "css"` to get CSS custom properties directly. Do NOT use `create_theme` for Blazor - it always outputs Sass which requires a compilation step not present in standard Blazor projects. **Even passing `platform: "blazor"` to `create_theme` will still produce Sass output - the platform parameter does not change the output format.** The `create_palette` param names are `primary`/`secondary`/`surface` (not `primaryColor`/`secondaryColor`/`surfaceColor` - those belong to `create_theme`).
 
 ```
 Tool: create_palette

package/templates/react/igr-ts/accordion/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrAccordionTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrAccordionTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTe
         this.projectType = "igr-ts";
         this.name = "Accordion";
         this.description = "basic IgrAccordion";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrAccordionTemplate();

package/templates/react/igr-ts/avatar/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrAvatarTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrAvatarTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTempl
         this.projectType = "igr-ts";
         this.name = "Avatar";
         this.description = "displays an avatar with customizable shape, size, and initials.";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrAvatarTemplate();

package/templates/react/igr-ts/badge/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrBadgeTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrBadgeTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTempla
         this.projectType = "igr-ts";
         this.name = "Badge";
         this.description = "displays a badge with customizable variants and styles.";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrBadgeTemplate();

package/templates/react/igr-ts/banner/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrBannerTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrBannerTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTempl
         this.projectType = "igr-ts";
         this.name = "Banner";
         this.description = "basic IgrBanner";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrBannerTemplate();

package/templates/react/igr-ts/button/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrButtonTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrButtonTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTempl
         this.projectType = "igr-ts";
         this.name = "Button";
         this.description = "displays a button with customizable size and content.";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrButtonTemplate();

package/templates/react/igr-ts/button-group/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrButtonGroupTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrButtonGroupTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReact
         this.projectType = "igr-ts";
         this.name = "Button group";
         this.description = "basic IgrButtonGroup";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrButtonGroupTemplate();

package/templates/react/igr-ts/calendar/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrCalendarTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrCalendarTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTem
         this.projectType = "igr-ts";
         this.name = "Calendar";
         this.description = "basic IgrCalendar";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrCalendarTemplate();

package/templates/react/igr-ts/card/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrCardTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrCardTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplat
         this.projectType = "igr-ts";
         this.name = "Card";
         this.description = "basic IgrCard";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrCardTemplate();

package/templates/react/igr-ts/checkbox/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrCheckboxTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrCheckboxTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTem
         this.projectType = "igr-ts";
         this.name = "Checkbox";
         this.description = "basic IgrCheckbox";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrCheckboxTemplate();

package/templates/react/igr-ts/chip/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrChipTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrChipTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplat
         this.projectType = "igr-ts";
         this.name = "Chip";
         this.description = "basic IgrChip";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrChipTemplate();

package/templates/react/igr-ts/circular-progress/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrCircularProgressTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrCircularProgressTemplate extends IgniteUIForReactTemplate_1.IgniteUIFor
         this.projectType = "igr-ts";
         this.name = "Circular Progress";
         this.description = "basic IgrCircularProgress";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrCircularProgressTemplate();

package/templates/react/igr-ts/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const IGNITEUI_REACT_PACKAGE = "igniteui-react@~19.7.0";
+export declare const IGNITEUI_REACT_GRIDS_PACKAGE = "igniteui-react-grids@~19.7.0";

package/templates/react/igr-ts/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IGNITEUI_REACT_GRIDS_PACKAGE = exports.IGNITEUI_REACT_PACKAGE = void 0;
+exports.IGNITEUI_REACT_PACKAGE = "igniteui-react@~19.7.0";
+exports.IGNITEUI_REACT_GRIDS_PACKAGE = "igniteui-react-grids@~19.7.0";

package/templates/react/igr-ts/custom-templates/subscription-form/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrSubscriptionFormTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -10,7 +11,7 @@ class IgrSubscriptionFormTemplate extends IgniteUIForReactTemplate_1.IgniteUIFor
         this.projectType = "igr-ts";
         this.name = "Subscription Form";
         this.description = "Subscription form with inputs, buttons and a checkbox inside";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrSubscriptionFormTemplate();

package/templates/react/igr-ts/date-picker/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrDatePickerTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrDatePickerTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactT
         this.projectType = "igr-ts";
         this.name = "Date Picker";
         this.description = "basic IgrDatePicker";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrDatePickerTemplate();

package/templates/react/igr-ts/divider/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrDividerTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrDividerTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemp
         this.projectType = "igr-ts";
         this.name = "Divider";
         this.description = "basic IgrDivider";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrDividerTemplate();

package/templates/react/igr-ts/dropdown/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrDropdownTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrDropdownTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTem
         this.projectType = "igr-ts";
         this.name = "Dropdown";
         this.description = "basic IgrDropdown";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrDropdownTemplate();

package/templates/react/igr-ts/expansion-panel/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrExpansionPanelTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrExpansionPanelTemplate extends IgniteUIForReactTemplate_1.IgniteUIForRe
         this.projectType = "igr-ts";
         this.name = "Expansion Panel";
         this.description = "basic IgrExpansionPanel";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrExpansionPanelTemplate();

package/templates/react/igr-ts/form/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrFormTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrFormTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplat
         this.projectType = "igr-ts";
         this.name = "Form";
         this.description = "basic IgrForm";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrFormTemplate();

package/templates/react/igr-ts/grid/basic/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class GridTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     /**
      *
@@ -14,7 +15,7 @@ class GridTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
         this.projectType = "igr-ts";
         this.components = ["Grid"];
         this.controlGroup = "Data Grids";
-        this.packages = ["igniteui-react-grids@~19.6.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_GRIDS_PACKAGE];
         this.hasExtraConfiguration = false;
     }
 }

package/templates/react/igr-ts/icon/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrIconTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrIconTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplat
         this.projectType = "igr-ts";
         this.name = "Icon";
         this.description = "basic IgrIcon";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrIconTemplate();

package/templates/react/igr-ts/icon-button/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrIconButtonTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrIconButtonTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactT
         this.projectType = "igr-ts";
         this.name = "Icon button";
         this.description = "basic IgrIconButton";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrIconButtonTemplate();

package/templates/react/igr-ts/input/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrInputTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrInputTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTempla
         this.projectType = "igr-ts";
         this.name = "Input";
         this.description = "basic IgrInput";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrInputTemplate();

package/templates/react/igr-ts/linear-progress/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrLinearProgressTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrLinearProgressTemplate extends IgniteUIForReactTemplate_1.IgniteUIForRe
         this.projectType = "igr-ts";
         this.name = "Linear Progress";
         this.description = "basic IgrLinearProgress";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrLinearProgressTemplate();

package/templates/react/igr-ts/list/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrListTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrListTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplat
         this.projectType = "igr-ts";
         this.name = "List";
         this.description = "basic IgrList";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrListTemplate();

package/templates/react/igr-ts/navbar/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrNavbarTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrNavbarTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTempl
         this.projectType = "igr-ts";
         this.name = "Navbar";
         this.description = "basic IgrNavbar";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrNavbarTemplate();

package/templates/react/igr-ts/projects/_base/files/package.json

@@ -15,7 +15,7 @@
     "@testing-library/react": "^16.3.0",
     "element-internals-polyfill": "^3.0.2",
     "functions-have-names": "^1.2.3",
-    "igniteui-react": "~19.6.2",
+    "igniteui-react": "~19.7.0",
     "react": "^19.2.4",
     "react-app-polyfill": "^3.0.0",
     "react-dom": "^19.2.4",

package/templates/react/igr-ts/radio-group/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrRadioGroupTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrRadioGroupTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactT
         this.projectType = "igr-ts";
         this.name = "Radio Group";
         this.description = "basic IgrRadioGroup";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrRadioGroupTemplate();

package/templates/react/igr-ts/rating/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrRatingTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrRatingTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTempl
         this.projectType = "igr-ts";
         this.name = "Rating";
         this.description = "basic IgrRating";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrRatingTemplate();

package/templates/react/igr-ts/ripple/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrRippleTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrRippleTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTempl
         this.projectType = "igr-ts";
         this.name = "Ripple";
         this.description = "basic IgrRipple";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrRippleTemplate();

package/templates/react/igr-ts/slider/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrSliderTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrSliderTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTempl
         this.projectType = "igr-ts";
         this.name = "Slider";
         this.description = "basic IgrSlider";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrSliderTemplate();

package/templates/react/igr-ts/switch/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrSwitchTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrSwitchTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTempl
         this.projectType = "igr-ts";
         this.name = "Switch";
         this.description = "basic IgrSwitch";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrSwitchTemplate();

package/templates/react/igr-ts/tabs/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrTabsTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrTabsTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplat
         this.projectType = "igr-ts";
         this.name = "Tabs";
         this.description = "basic IgrTabs";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrTabsTemplate();

package/templates/react/igr-ts/text-area/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrTextAreaTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrTextAreaTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTem
         this.projectType = "igr-ts";
         this.name = "Text area";
         this.description = "basic IgrTextarea";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrTextAreaTemplate();

package/templates/react/igr-ts/tree/default/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+const constants_1 = require("../../constants");
 class IgrTreeTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
     constructor() {
         super(__dirname);
@@ -11,7 +12,7 @@ class IgrTreeTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplat
         this.projectType = "igr-ts";
         this.name = "Tree";
         this.description = "basic IgrTree";
-        this.packages = ["igniteui-react@~19.5.2"];
+        this.packages = [constants_1.IGNITEUI_REACT_PACKAGE];
     }
 }
 module.exports = new IgrTreeTemplate();

package/templates/webcomponents/igc-ts/grid/default/index.js

@@ -11,7 +11,7 @@ class IgcGridTemplate extends IgniteUIForWebComponentsTemplate_1.IgniteUIForWebC
         this.projectType = "igc-ts";
         this.name = "Grid";
         this.description = "IgcGrid with local data";
-        this.packages = ["igniteui-webcomponents-grids@~7.0.0"];
+        this.packages = ["igniteui-webcomponents-grids@~7.1.0"];
     }
 }
 module.exports = new IgcGridTemplate();

package/templates/webcomponents/igc-ts/grid/grid-editing/index.js

@@ -11,7 +11,7 @@ class IgcGridEditingTemplate extends IgniteUIForWebComponentsTemplate_1.IgniteUI
         this.projectType = "igc-ts";
         this.name = "Grid Editing";
         this.description = "IgcGrid with editing enabled";
-        this.packages = ["igniteui-webcomponents-grids@~7.0.0"];
+        this.packages = ["igniteui-webcomponents-grids@~7.1.0"];
     }
 }
 module.exports = new IgcGridEditingTemplate();

package/templates/webcomponents/igc-ts/grid/grid-summaries/index.js

@@ -11,7 +11,7 @@ class IgcGridSummariesTemplate extends IgniteUIForWebComponentsTemplate_1.Ignite
         this.projectType = "igc-ts";
         this.name = "Grid Summaries";
         this.description = "IgcGrid with column summaries";
-        this.packages = ["igniteui-webcomponents-grids@~7.0.0"];
+        this.packages = ["igniteui-webcomponents-grids@~7.1.0"];
     }
 }
 module.exports = new IgcGridSummariesTemplate();

package/templates/webcomponents/igc-ts/projects/_base/files/package.json

@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "@vaadin/router": "^2.0.0",
-    "igniteui-webcomponents": "~7.1.3",
+    "igniteui-webcomponents": "~7.2.0",
     "lit": "^3.3.2"
   },
   "devDependencies": {

package/templates/webcomponents/igc-ts/projects/_base_with_home/files/package.json

@@ -15,11 +15,11 @@
     "@vaadin/router": "^2.0.0",
     "@igniteui/material-icons-extended": "^3.0.2",
     "igniteui-dockmanager": "^2.1.1",
-    "igniteui-webcomponents": "~7.1.3",
+    "igniteui-webcomponents": "~7.2.0",
     "igniteui-webcomponents-charts": "~7.0.0",
     "igniteui-webcomponents-core": "~7.0.0",
     "igniteui-webcomponents-gauges": "~7.0.0",
-    "igniteui-webcomponents-grids": "~7.0.0",
+    "igniteui-webcomponents-grids": "~7.1.0",
     "igniteui-webcomponents-inputs": "~7.0.0",
     "igniteui-webcomponents-layouts": "~7.0.0",
     "lit": "^3.3.2"

package/templates/webcomponents/igc-ts/tree/default/index.js

@@ -13,7 +13,7 @@ class IgcTreeTemplate extends IgniteUIForWebComponentsTemplate_1.IgniteUIForWebC
         this.description = "basic IgcTree";
         this.packages = [
             "igniteui-webcomponents-core@~7.0.0",
-            "igniteui-webcomponents-grids@~7.0.0",
+            "igniteui-webcomponents-grids@~7.1.0",
             "igniteui-webcomponents-inputs@~7.0.0",
             "igniteui-webcomponents-layouts@~7.0.0"
         ];