diff --git a/browser/package-lock.json b/browser/package-lock.json
index e97ada61ac..3051664cb7 100644
--- a/browser/package-lock.json
+++ b/browser/package-lock.json
@@ -17,7 +17,7 @@
"file-saver": "1.3.8",
"igniteui-dockmanager": "^1.17.0",
"igniteui-grid-lite": "~0.7.0",
- "igniteui-i18n-resources": "^1.0.4",
+ "igniteui-i18n-resources": "^1.0.5",
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
@@ -34,7 +34,7 @@
"igniteui-react-spreadsheet": "19.6.0-beta.2",
"igniteui-react-spreadsheet-chart-adapter": "19.6.0-beta.2",
"igniteui-theming": "^25.0.1",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"marked": "^17.0.0",
"marked-shiki": "^1.2.1",
@@ -9335,13 +9335,53 @@
"node": ">=20"
}
},
+ "node_modules/igniteui-grid-lite/node_modules/igniteui-webcomponents": {
+ "version": "7.1.3",
+ "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-7.1.3.tgz",
+ "integrity": "sha512-iG4xBzooIOxtnAG8VIg39zKVWoo9jy2iEK3CDLGZYb9hU1LZx+4SAOPFkB9FSp15dgR4ql6kGKYf93T8oK0sdw==",
+ "license": "MIT",
+ "dependencies": {
+ "@floating-ui/dom": "^1.7.0",
+ "@lit-labs/virtualizer": "^2.1.0",
+ "@lit/context": "^1.1.0",
+ "igniteui-i18n-core": "^1.0.1",
+ "lit": "^3.3.0"
+ },
+ "engines": {
+ "node": ">=22"
+ },
+ "peerDependencies": {
+ "dompurify": "^3.3.0",
+ "igniteui-i18n-resources": "^1.0.1",
+ "marked": "^17.0.0",
+ "marked-shiki": "^1.2.0",
+ "shiki": "^3.20.0"
+ },
+ "peerDependenciesMeta": {
+ "dompurify": {
+ "optional": true
+ },
+ "igniteui-i18n-resources": {
+ "optional": true
+ },
+ "marked": {
+ "optional": true
+ },
+ "marked-shiki": {
+ "optional": true
+ },
+ "shiki": {
+ "optional": true
+ }
+ }
+ },
"node_modules/igniteui-i18n-core": {
- "version": "1.0.4",
- "resolved": "https://registry.npmjs.org/igniteui-i18n-core/-/igniteui-i18n-core-1.0.4.tgz",
- "integrity": "sha512-A26yyLlUvmf0HhbMjg09MjQbXiL+0Nwp7u98GlKs3JFc5nBS59BJTd5147wrLJNDSqzEdVmE6Pahw4Y+89s2Vw==",
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/igniteui-i18n-core/-/igniteui-i18n-core-1.0.5.tgz",
+ "integrity": "sha512-CO5Rqo5uqgyAfIHbFVuBEmo+fYXgLQ7zxRShqAu+ng8kDS5uwWjKeSGWVZjKMBgxmc6ZWMMbdcWIpGZUSOkPsw==",
"license": "MIT",
"peerDependencies": {
- "igniteui-i18n-resources": "1.0.4"
+ "igniteui-i18n-resources": "1.0.5"
},
"peerDependenciesMeta": {
"igniteui-i18n-resources": {
@@ -9350,12 +9390,12 @@
}
},
"node_modules/igniteui-i18n-resources": {
- "version": "1.0.4",
- "resolved": "https://registry.npmjs.org/igniteui-i18n-resources/-/igniteui-i18n-resources-1.0.4.tgz",
- "integrity": "sha512-7Lj4NiajQqc6AfysEg7rX7SGZDOgvwtnNK8TYzrQF1DEHAb8icfRkMc2e1tZRKMvZRJaQtY3rtfTgaG4ZbxGMg==",
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/igniteui-i18n-resources/-/igniteui-i18n-resources-1.0.5.tgz",
+ "integrity": "sha512-WeCqKauGSuGADPjxbIsKV9329BIoIKOHGCxv5IBsv4/5aNNtCruqrdHKbzw1NfUq5ETtL+brTC4in6IgPCU2YA==",
"license": "MIT",
"dependencies": {
- "igniteui-i18n-core": "1.0.4"
+ "igniteui-i18n-core": "1.0.5"
}
},
"node_modules/igniteui-react": {
@@ -9579,6 +9619,46 @@
"igniteui-react-spreadsheet": "19.6.0-beta.2"
}
},
+ "node_modules/igniteui-react/node_modules/igniteui-webcomponents": {
+ "version": "7.1.3",
+ "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-7.1.3.tgz",
+ "integrity": "sha512-iG4xBzooIOxtnAG8VIg39zKVWoo9jy2iEK3CDLGZYb9hU1LZx+4SAOPFkB9FSp15dgR4ql6kGKYf93T8oK0sdw==",
+ "license": "MIT",
+ "dependencies": {
+ "@floating-ui/dom": "^1.7.0",
+ "@lit-labs/virtualizer": "^2.1.0",
+ "@lit/context": "^1.1.0",
+ "igniteui-i18n-core": "^1.0.1",
+ "lit": "^3.3.0"
+ },
+ "engines": {
+ "node": ">=22"
+ },
+ "peerDependencies": {
+ "dompurify": "^3.3.0",
+ "igniteui-i18n-resources": "^1.0.1",
+ "marked": "^17.0.0",
+ "marked-shiki": "^1.2.0",
+ "shiki": "^3.20.0"
+ },
+ "peerDependenciesMeta": {
+ "dompurify": {
+ "optional": true
+ },
+ "igniteui-i18n-resources": {
+ "optional": true
+ },
+ "marked": {
+ "optional": true
+ },
+ "marked-shiki": {
+ "optional": true
+ },
+ "shiki": {
+ "optional": true
+ }
+ }
+ },
"node_modules/igniteui-theming": {
"version": "25.0.1",
"resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-25.0.1.tgz",
@@ -9600,15 +9680,15 @@
"license": "Apache-2.0"
},
"node_modules/igniteui-webcomponents": {
- "version": "7.1.3",
- "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-7.1.3.tgz",
- "integrity": "sha512-iG4xBzooIOxtnAG8VIg39zKVWoo9jy2iEK3CDLGZYb9hU1LZx+4SAOPFkB9FSp15dgR4ql6kGKYf93T8oK0sdw==",
+ "version": "7.2.1",
+ "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-7.2.1.tgz",
+ "integrity": "sha512-EBd5xWdap0A1bH298zlPQZM0vkjam2F8rgVZZ4t/yjzmOla1ipbRI9yM69m5RNP+6I3ay+9MWR6gcCR2D5NIhQ==",
"license": "MIT",
"dependencies": {
"@floating-ui/dom": "^1.7.0",
"@lit-labs/virtualizer": "^2.1.0",
"@lit/context": "^1.1.0",
- "igniteui-i18n-core": "^1.0.1",
+ "igniteui-i18n-core": "^1.0.5",
"lit": "^3.3.0"
},
"engines": {
@@ -9616,7 +9696,7 @@
},
"peerDependencies": {
"dompurify": "^3.3.0",
- "igniteui-i18n-resources": "^1.0.1",
+ "igniteui-i18n-resources": "^1.0.5",
"marked": "^17.0.0",
"marked-shiki": "^1.2.0",
"shiki": "^3.20.0"
@@ -18515,22 +18595,6 @@
}
}
},
- "node_modules/vite-tsconfig-paths/node_modules/typescript": {
- "version": "5.9.3",
- "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
- "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
- "dev": true,
- "license": "Apache-2.0",
- "optional": true,
- "peer": true,
- "bin": {
- "tsc": "bin/tsc",
- "tsserver": "bin/tsserver"
- },
- "engines": {
- "node": ">=14.17"
- }
- },
"node_modules/vite/node_modules/fdir": {
"version": "6.5.0",
"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
diff --git a/browser/package.json b/browser/package.json
index 603b86a8f4..5359635323 100644
--- a/browser/package.json
+++ b/browser/package.json
@@ -25,7 +25,7 @@
"file-saver": "1.3.8",
"igniteui-dockmanager": "^1.17.0",
"igniteui-grid-lite": "~0.7.0",
- "igniteui-i18n-resources": "^1.0.4",
+ "igniteui-i18n-resources": "^1.0.5",
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
@@ -42,7 +42,7 @@
"igniteui-react-spreadsheet": "19.6.0-beta.2",
"igniteui-react-spreadsheet-chart-adapter": "19.6.0-beta.2",
"igniteui-theming": "^25.0.1",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"marked": "^17.0.0",
"marked-shiki": "^1.2.1",
diff --git a/browser/tasks/gulp-samples.js b/browser/tasks/gulp-samples.js
index 4ce965ba70..0e9c227585 100644
--- a/browser/tasks/gulp-samples.js
+++ b/browser/tasks/gulp-samples.js
@@ -857,10 +857,10 @@ function updateIG(cb) {
{ version: "19.6.0-beta.2", name: "igniteui-react-spreadsheet" },
{ version: "19.6.0-beta.2", name: "igniteui-react-datasources" },
{ version: "19.6.0-beta.2", name: "igniteui-react-dashboards" },
- { version: "^1.0.4", name: "igniteui-i18n-resources" },
+ { version: "^1.0.5", name: "igniteui-i18n-resources" },
{ version: "^19.6.2", name: "igniteui-react" },
// these IG packages are sometimes updated:
- { version: "^7.0.0", name: "igniteui-webcomponents" },
+ { version: "^7.2.1", name: "igniteui-webcomponents" },
{ version: "^19.4.0", name: "igniteui-react-dockmanager" },
{ version: "~0.7.0", name: "igniteui-grid-lite" },
// main react packages
diff --git a/samples/charts/category-chart/annotations-all/package.json b/samples/charts/category-chart/annotations-all/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/annotations-all/package.json
+++ b/samples/charts/category-chart/annotations-all/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/annotations-callouts/package.json b/samples/charts/category-chart/annotations-callouts/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/annotations-callouts/package.json
+++ b/samples/charts/category-chart/annotations-callouts/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/annotations-crosshairs/package.json b/samples/charts/category-chart/annotations-crosshairs/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/annotations-crosshairs/package.json
+++ b/samples/charts/category-chart/annotations-crosshairs/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/annotations-custom/package.json b/samples/charts/category-chart/annotations-custom/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/annotations-custom/package.json
+++ b/samples/charts/category-chart/annotations-custom/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/annotations-final-value/package.json b/samples/charts/category-chart/annotations-final-value/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/annotations-final-value/package.json
+++ b/samples/charts/category-chart/annotations-final-value/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/annotations-highlighting/package.json b/samples/charts/category-chart/annotations-highlighting/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/annotations-highlighting/package.json
+++ b/samples/charts/category-chart/annotations-highlighting/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/area-chart-multiple-sources/package.json b/samples/charts/category-chart/area-chart-multiple-sources/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/area-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/area-chart-multiple-sources/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/area-chart-single-source/package.json b/samples/charts/category-chart/area-chart-single-source/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/area-chart-single-source/package.json
+++ b/samples/charts/category-chart/area-chart-single-source/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/area-chart-styling/package.json b/samples/charts/category-chart/area-chart-styling/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/area-chart-styling/package.json
+++ b/samples/charts/category-chart/area-chart-styling/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/axis-gap/package.json b/samples/charts/category-chart/axis-gap/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/axis-gap/package.json
+++ b/samples/charts/category-chart/axis-gap/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/axis-gridlines/package.json b/samples/charts/category-chart/axis-gridlines/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/axis-gridlines/package.json
+++ b/samples/charts/category-chart/axis-gridlines/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/axis-inverted/package.json b/samples/charts/category-chart/axis-inverted/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/axis-inverted/package.json
+++ b/samples/charts/category-chart/axis-inverted/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/axis-labels/package.json b/samples/charts/category-chart/axis-labels/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/axis-labels/package.json
+++ b/samples/charts/category-chart/axis-labels/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/axis-locations/package.json b/samples/charts/category-chart/axis-locations/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/axis-locations/package.json
+++ b/samples/charts/category-chart/axis-locations/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/axis-options/package.json b/samples/charts/category-chart/axis-options/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/axis-options/package.json
+++ b/samples/charts/category-chart/axis-options/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/axis-overlap/package.json b/samples/charts/category-chart/axis-overlap/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/axis-overlap/package.json
+++ b/samples/charts/category-chart/axis-overlap/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/axis-range/package.json b/samples/charts/category-chart/axis-range/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/axis-range/package.json
+++ b/samples/charts/category-chart/axis-range/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/axis-tickmarks/package.json b/samples/charts/category-chart/axis-tickmarks/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/axis-tickmarks/package.json
+++ b/samples/charts/category-chart/axis-tickmarks/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/axis-titles/package.json b/samples/charts/category-chart/axis-titles/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/axis-titles/package.json
+++ b/samples/charts/category-chart/axis-titles/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/chart-highlight-filter/package.json b/samples/charts/category-chart/chart-highlight-filter/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/chart-highlight-filter/package.json
+++ b/samples/charts/category-chart/chart-highlight-filter/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/column-chart-multiple-sources/package.json b/samples/charts/category-chart/column-chart-multiple-sources/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/column-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/column-chart-multiple-sources/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/column-chart-single-source/package.json b/samples/charts/category-chart/column-chart-single-source/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/column-chart-single-source/package.json
+++ b/samples/charts/category-chart/column-chart-single-source/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/column-chart-styling/package.json b/samples/charts/category-chart/column-chart-styling/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/column-chart-styling/package.json
+++ b/samples/charts/category-chart/column-chart-styling/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/column-chart-with-tooltips/package.json b/samples/charts/category-chart/column-chart-with-tooltips/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/column-chart-with-tooltips/package.json
+++ b/samples/charts/category-chart/column-chart-with-tooltips/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/custom-selection/package.json b/samples/charts/category-chart/custom-selection/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/custom-selection/package.json
+++ b/samples/charts/category-chart/custom-selection/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/data-aggregations/package.json b/samples/charts/category-chart/data-aggregations/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/data-aggregations/package.json
+++ b/samples/charts/category-chart/data-aggregations/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/data-filter/package.json b/samples/charts/category-chart/data-filter/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/data-filter/package.json
+++ b/samples/charts/category-chart/data-filter/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/data-legend-formatting-decimals/package.json b/samples/charts/category-chart/data-legend-formatting-decimals/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/data-legend-formatting-decimals/package.json
+++ b/samples/charts/category-chart/data-legend-formatting-decimals/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/data-legend/package.json b/samples/charts/category-chart/data-legend/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/data-legend/package.json
+++ b/samples/charts/category-chart/data-legend/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json b/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
+++ b/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/data-tooltip-positioning/package.json b/samples/charts/category-chart/data-tooltip-positioning/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/data-tooltip-positioning/package.json
+++ b/samples/charts/category-chart/data-tooltip-positioning/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/data-tooltip/package.json b/samples/charts/category-chart/data-tooltip/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/data-tooltip/package.json
+++ b/samples/charts/category-chart/data-tooltip/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/format-specifiers/package.json b/samples/charts/category-chart/format-specifiers/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/format-specifiers/package.json
+++ b/samples/charts/category-chart/format-specifiers/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/highlighting-behavior/package.json b/samples/charts/category-chart/highlighting-behavior/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/highlighting-behavior/package.json
+++ b/samples/charts/category-chart/highlighting-behavior/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/highlighting-mode/package.json b/samples/charts/category-chart/highlighting-mode/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/highlighting-mode/package.json
+++ b/samples/charts/category-chart/highlighting-mode/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/legend-highlighting/package.json b/samples/charts/category-chart/legend-highlighting/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/legend-highlighting/package.json
+++ b/samples/charts/category-chart/legend-highlighting/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/line-chart-multiple-sources/package.json b/samples/charts/category-chart/line-chart-multiple-sources/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/line-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/line-chart-multiple-sources/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/line-chart-single-source/package.json b/samples/charts/category-chart/line-chart-single-source/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/line-chart-single-source/package.json
+++ b/samples/charts/category-chart/line-chart-single-source/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/line-chart-styling/package.json b/samples/charts/category-chart/line-chart-styling/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/line-chart-styling/package.json
+++ b/samples/charts/category-chart/line-chart-styling/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/marker-options/package.json b/samples/charts/category-chart/marker-options/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/marker-options/package.json
+++ b/samples/charts/category-chart/marker-options/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/overview/package.json b/samples/charts/category-chart/overview/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/overview/package.json
+++ b/samples/charts/category-chart/overview/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/point-chart-multiple-sources/package.json b/samples/charts/category-chart/point-chart-multiple-sources/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/point-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/point-chart-multiple-sources/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/point-chart-single-source/package.json b/samples/charts/category-chart/point-chart-single-source/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/point-chart-single-source/package.json
+++ b/samples/charts/category-chart/point-chart-single-source/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/point-chart-styling/package.json b/samples/charts/category-chart/point-chart-styling/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/point-chart-styling/package.json
+++ b/samples/charts/category-chart/point-chart-styling/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/selection-matcher/package.json b/samples/charts/category-chart/selection-matcher/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/selection-matcher/package.json
+++ b/samples/charts/category-chart/selection-matcher/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/selection-modes/package.json b/samples/charts/category-chart/selection-modes/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/selection-modes/package.json
+++ b/samples/charts/category-chart/selection-modes/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/selection-multiple-modes/package.json b/samples/charts/category-chart/selection-multiple-modes/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/selection-multiple-modes/package.json
+++ b/samples/charts/category-chart/selection-multiple-modes/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/spline-area-multiple-sources/package.json b/samples/charts/category-chart/spline-area-multiple-sources/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/spline-area-multiple-sources/package.json
+++ b/samples/charts/category-chart/spline-area-multiple-sources/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/spline-area-single-source/package.json b/samples/charts/category-chart/spline-area-single-source/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/spline-area-single-source/package.json
+++ b/samples/charts/category-chart/spline-area-single-source/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/spline-area-styling/package.json b/samples/charts/category-chart/spline-area-styling/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/spline-area-styling/package.json
+++ b/samples/charts/category-chart/spline-area-styling/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/spline-multiple-sources/package.json b/samples/charts/category-chart/spline-multiple-sources/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/spline-multiple-sources/package.json
+++ b/samples/charts/category-chart/spline-multiple-sources/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/spline-single-source/package.json b/samples/charts/category-chart/spline-single-source/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/spline-single-source/package.json
+++ b/samples/charts/category-chart/spline-single-source/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/spline-styling/package.json b/samples/charts/category-chart/spline-styling/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/spline-styling/package.json
+++ b/samples/charts/category-chart/spline-styling/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/step-area-multiple-sources/package.json b/samples/charts/category-chart/step-area-multiple-sources/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/step-area-multiple-sources/package.json
+++ b/samples/charts/category-chart/step-area-multiple-sources/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/step-area-single-source/package.json b/samples/charts/category-chart/step-area-single-source/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/step-area-single-source/package.json
+++ b/samples/charts/category-chart/step-area-single-source/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/step-area-styling/package.json b/samples/charts/category-chart/step-area-styling/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/step-area-styling/package.json
+++ b/samples/charts/category-chart/step-area-styling/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/step-line-multiple-sources/package.json b/samples/charts/category-chart/step-line-multiple-sources/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/step-line-multiple-sources/package.json
+++ b/samples/charts/category-chart/step-line-multiple-sources/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/step-line-single-source/package.json b/samples/charts/category-chart/step-line-single-source/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/step-line-single-source/package.json
+++ b/samples/charts/category-chart/step-line-single-source/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/step-line-styling/package.json b/samples/charts/category-chart/step-line-styling/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/category-chart/step-line-styling/package.json
+++ b/samples/charts/category-chart/step-line-styling/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/category-chart/value-lines/package.json b/samples/charts/category-chart/value-lines/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/category-chart/value-lines/package.json
+++ b/samples/charts/category-chart/value-lines/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/dashboard-tile/chart-dashboard/package.json b/samples/charts/dashboard-tile/chart-dashboard/package.json
index 285778766e..f2c8fdf9a3 100644
--- a/samples/charts/dashboard-tile/chart-dashboard/package.json
+++ b/samples/charts/dashboard-tile/chart-dashboard/package.json
@@ -24,7 +24,7 @@
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
"igniteui-react-maps": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/dashboard-tile/financial-dashboard/package.json b/samples/charts/dashboard-tile/financial-dashboard/package.json
index 1895a817ca..7437136df8 100644
--- a/samples/charts/dashboard-tile/financial-dashboard/package.json
+++ b/samples/charts/dashboard-tile/financial-dashboard/package.json
@@ -24,7 +24,7 @@
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
"igniteui-react-maps": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/package.json b/samples/charts/dashboard-tile/gauge-dashboard/package.json
index 1895a817ca..7437136df8 100644
--- a/samples/charts/dashboard-tile/gauge-dashboard/package.json
+++ b/samples/charts/dashboard-tile/gauge-dashboard/package.json
@@ -24,7 +24,7 @@
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
"igniteui-react-maps": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/dashboard-tile/local-data-source-dashboard/package.json b/samples/charts/dashboard-tile/local-data-source-dashboard/package.json
index 1895a817ca..7437136df8 100644
--- a/samples/charts/dashboard-tile/local-data-source-dashboard/package.json
+++ b/samples/charts/dashboard-tile/local-data-source-dashboard/package.json
@@ -24,7 +24,7 @@
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
"igniteui-react-maps": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/dashboard-tile/map-dashboard/package.json b/samples/charts/dashboard-tile/map-dashboard/package.json
index 1895a817ca..7437136df8 100644
--- a/samples/charts/dashboard-tile/map-dashboard/package.json
+++ b/samples/charts/dashboard-tile/map-dashboard/package.json
@@ -24,7 +24,7 @@
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
"igniteui-react-maps": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/dashboard-tile/pie-dashboard/package.json b/samples/charts/dashboard-tile/pie-dashboard/package.json
index 1895a817ca..7437136df8 100644
--- a/samples/charts/dashboard-tile/pie-dashboard/package.json
+++ b/samples/charts/dashboard-tile/pie-dashboard/package.json
@@ -24,7 +24,7 @@
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
"igniteui-react-maps": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/annotations-custom/package.json b/samples/charts/data-chart/annotations-custom/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/annotations-custom/package.json
+++ b/samples/charts/data-chart/annotations-custom/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/axis-annotations-corner-radius/package.json b/samples/charts/data-chart/axis-annotations-corner-radius/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/axis-annotations-corner-radius/package.json
+++ b/samples/charts/data-chart/axis-annotations-corner-radius/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/axis-label-rotation/package.json b/samples/charts/data-chart/axis-label-rotation/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/data-chart/axis-label-rotation/package.json
+++ b/samples/charts/data-chart/axis-label-rotation/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/axis-min-max-gap/package.json b/samples/charts/data-chart/axis-min-max-gap/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/axis-min-max-gap/package.json
+++ b/samples/charts/data-chart/axis-min-max-gap/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/bar-chart-multiple-sources/package.json b/samples/charts/data-chart/bar-chart-multiple-sources/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/bar-chart-multiple-sources/package.json
+++ b/samples/charts/data-chart/bar-chart-multiple-sources/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/bar-chart-overlapping/package.json b/samples/charts/data-chart/bar-chart-overlapping/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/bar-chart-overlapping/package.json
+++ b/samples/charts/data-chart/bar-chart-overlapping/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/bar-chart-single-source/package.json b/samples/charts/data-chart/bar-chart-single-source/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/bar-chart-single-source/package.json
+++ b/samples/charts/data-chart/bar-chart-single-source/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/bar-chart-styling/package.json b/samples/charts/data-chart/bar-chart-styling/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/bar-chart-styling/package.json
+++ b/samples/charts/data-chart/bar-chart-styling/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/callout-layer-styling/package.json b/samples/charts/data-chart/callout-layer-styling/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/callout-layer-styling/package.json
+++ b/samples/charts/data-chart/callout-layer-styling/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/chart-highlight-filter/package.json b/samples/charts/data-chart/chart-highlight-filter/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/data-chart/chart-highlight-filter/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/dash-array-axes/package.json b/samples/charts/data-chart/dash-array-axes/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/dash-array-axes/package.json
+++ b/samples/charts/data-chart/dash-array-axes/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/dash-array-series/package.json b/samples/charts/data-chart/dash-array-series/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/dash-array-series/package.json
+++ b/samples/charts/data-chart/dash-array-series/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/dash-array-tickmarks/package.json b/samples/charts/data-chart/dash-array-tickmarks/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/dash-array-tickmarks/package.json
+++ b/samples/charts/data-chart/dash-array-tickmarks/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/dash-array-trendline/package.json b/samples/charts/data-chart/dash-array-trendline/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/dash-array-trendline/package.json
+++ b/samples/charts/data-chart/dash-array-trendline/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/data-annotation-band-layer/package.json b/samples/charts/data-chart/data-annotation-band-layer/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/data-annotation-band-layer/package.json
+++ b/samples/charts/data-chart/data-annotation-band-layer/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/data-annotation-line-layer/package.json b/samples/charts/data-chart/data-annotation-line-layer/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/data-annotation-line-layer/package.json
+++ b/samples/charts/data-chart/data-annotation-line-layer/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/data-annotation-multiple-with-overlay-text/package.json b/samples/charts/data-chart/data-annotation-multiple-with-overlay-text/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/data-annotation-multiple-with-overlay-text/package.json
+++ b/samples/charts/data-chart/data-annotation-multiple-with-overlay-text/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/data-annotation-multiple-with-stocks/package.json b/samples/charts/data-chart/data-annotation-multiple-with-stocks/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/data-annotation-multiple-with-stocks/package.json
+++ b/samples/charts/data-chart/data-annotation-multiple-with-stocks/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/data-annotation-rect-layer/package.json b/samples/charts/data-chart/data-annotation-rect-layer/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/data-annotation-rect-layer/package.json
+++ b/samples/charts/data-chart/data-annotation-rect-layer/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/data-annotation-slice-layer/package.json b/samples/charts/data-chart/data-annotation-slice-layer/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/data-annotation-slice-layer/package.json
+++ b/samples/charts/data-chart/data-annotation-slice-layer/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/data-annotation-strip-layer/package.json b/samples/charts/data-chart/data-annotation-strip-layer/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/data-annotation-strip-layer/package.json
+++ b/samples/charts/data-chart/data-annotation-strip-layer/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json b/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
+++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/data-legend-grouping/package.json b/samples/charts/data-chart/data-legend-grouping/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/data-legend-grouping/package.json
+++ b/samples/charts/data-chart/data-legend-grouping/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/data-legend-styling/package.json b/samples/charts/data-chart/data-legend-styling/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/data-legend-styling/package.json
+++ b/samples/charts/data-chart/data-legend-styling/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/data-legend/package.json b/samples/charts/data-chart/data-legend/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/data-legend/package.json
+++ b/samples/charts/data-chart/data-legend/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
+++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/data-tooltip-grouping/package.json b/samples/charts/data-chart/data-tooltip-grouping/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/data-chart/data-tooltip-grouping/package.json
+++ b/samples/charts/data-chart/data-tooltip-grouping/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/data-tooltip-styling/package.json b/samples/charts/data-chart/data-tooltip-styling/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/data-chart/data-tooltip-styling/package.json
+++ b/samples/charts/data-chart/data-tooltip-styling/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/data-tooltip/package.json b/samples/charts/data-chart/data-tooltip/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/data-tooltip/package.json
+++ b/samples/charts/data-chart/data-tooltip/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/financial-price-series/package.json b/samples/charts/data-chart/financial-price-series/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/financial-price-series/package.json
+++ b/samples/charts/data-chart/financial-price-series/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/format-specifiers/package.json b/samples/charts/data-chart/format-specifiers/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/format-specifiers/package.json
+++ b/samples/charts/data-chart/format-specifiers/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/itemized-bar-chart/package.json b/samples/charts/data-chart/itemized-bar-chart/package.json
index bb453b468a..9d382e750e 100644
--- a/samples/charts/data-chart/itemized-bar-chart/package.json
+++ b/samples/charts/data-chart/itemized-bar-chart/package.json
@@ -16,7 +16,7 @@
"dependencies": {
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/itemized-column-chart/package.json b/samples/charts/data-chart/itemized-column-chart/package.json
index bb453b468a..9d382e750e 100644
--- a/samples/charts/data-chart/itemized-column-chart/package.json
+++ b/samples/charts/data-chart/itemized-column-chart/package.json
@@ -16,7 +16,7 @@
"dependencies": {
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/itemized-stacked-bar-chart/package.json b/samples/charts/data-chart/itemized-stacked-bar-chart/package.json
index bb453b468a..9d382e750e 100644
--- a/samples/charts/data-chart/itemized-stacked-bar-chart/package.json
+++ b/samples/charts/data-chart/itemized-stacked-bar-chart/package.json
@@ -16,7 +16,7 @@
"dependencies": {
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/itemized-stacked-column-chart/package.json b/samples/charts/data-chart/itemized-stacked-column-chart/package.json
index bb453b468a..9d382e750e 100644
--- a/samples/charts/data-chart/itemized-stacked-column-chart/package.json
+++ b/samples/charts/data-chart/itemized-stacked-column-chart/package.json
@@ -16,7 +16,7 @@
"dependencies": {
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/polar-area-chart-styling/package.json b/samples/charts/data-chart/polar-area-chart-styling/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/polar-area-chart-styling/package.json
+++ b/samples/charts/data-chart/polar-area-chart-styling/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/polar-area-chart/package.json b/samples/charts/data-chart/polar-area-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/polar-area-chart/package.json
+++ b/samples/charts/data-chart/polar-area-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/polar-line-chart/package.json b/samples/charts/data-chart/polar-line-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/polar-line-chart/package.json
+++ b/samples/charts/data-chart/polar-line-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/polar-scatter-chart/package.json b/samples/charts/data-chart/polar-scatter-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/polar-scatter-chart/package.json
+++ b/samples/charts/data-chart/polar-scatter-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/polar-spline-area-chart/package.json b/samples/charts/data-chart/polar-spline-area-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/polar-spline-area-chart/package.json
+++ b/samples/charts/data-chart/polar-spline-area-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/polar-spline-chart/package.json b/samples/charts/data-chart/polar-spline-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/polar-spline-chart/package.json
+++ b/samples/charts/data-chart/polar-spline-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/radial-area-chart-styling/package.json b/samples/charts/data-chart/radial-area-chart-styling/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/radial-area-chart-styling/package.json
+++ b/samples/charts/data-chart/radial-area-chart-styling/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/radial-area-chart/package.json b/samples/charts/data-chart/radial-area-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/radial-area-chart/package.json
+++ b/samples/charts/data-chart/radial-area-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/radial-column-chart-selection/package.json b/samples/charts/data-chart/radial-column-chart-selection/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/radial-column-chart-selection/package.json
+++ b/samples/charts/data-chart/radial-column-chart-selection/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/radial-column-chart/package.json b/samples/charts/data-chart/radial-column-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/radial-column-chart/package.json
+++ b/samples/charts/data-chart/radial-column-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/radial-label-mode/package.json b/samples/charts/data-chart/radial-label-mode/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/data-chart/radial-label-mode/package.json
+++ b/samples/charts/data-chart/radial-label-mode/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/radial-line-chart/package.json b/samples/charts/data-chart/radial-line-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/radial-line-chart/package.json
+++ b/samples/charts/data-chart/radial-line-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/radial-pie-chart/package.json b/samples/charts/data-chart/radial-pie-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/radial-pie-chart/package.json
+++ b/samples/charts/data-chart/radial-pie-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
+++ b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json b/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
+++ b/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/range-area-chart/package.json b/samples/charts/data-chart/range-area-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/range-area-chart/package.json
+++ b/samples/charts/data-chart/range-area-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/range-bar-chart/package.json b/samples/charts/data-chart/range-bar-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/range-bar-chart/package.json
+++ b/samples/charts/data-chart/range-bar-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/range-column-chart/package.json b/samples/charts/data-chart/range-column-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/range-column-chart/package.json
+++ b/samples/charts/data-chart/range-column-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json b/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/package.json b/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/scatter-line-chart/package.json b/samples/charts/data-chart/scatter-line-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/scatter-line-chart/package.json
+++ b/samples/charts/data-chart/scatter-line-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/scatter-line-threshold/package.json b/samples/charts/data-chart/scatter-line-threshold/package.json
index bb453b468a..9d382e750e 100644
--- a/samples/charts/data-chart/scatter-line-threshold/package.json
+++ b/samples/charts/data-chart/scatter-line-threshold/package.json
@@ -16,7 +16,7 @@
"dependencies": {
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/scatter-marker-options/package.json b/samples/charts/data-chart/scatter-marker-options/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/data-chart/scatter-marker-options/package.json
+++ b/samples/charts/data-chart/scatter-marker-options/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/scatter-point-chart/package.json b/samples/charts/data-chart/scatter-point-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/scatter-point-chart/package.json
+++ b/samples/charts/data-chart/scatter-point-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/scatter-spline-chart/package.json b/samples/charts/data-chart/scatter-spline-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/scatter-spline-chart/package.json
+++ b/samples/charts/data-chart/scatter-spline-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/selection-matcher/package.json b/samples/charts/data-chart/selection-matcher/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/selection-matcher/package.json
+++ b/samples/charts/data-chart/selection-matcher/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/stacked-100-area-chart/package.json b/samples/charts/data-chart/stacked-100-area-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/stacked-100-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-area-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/stacked-100-bar-chart/package.json b/samples/charts/data-chart/stacked-100-bar-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/stacked-100-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-bar-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/stacked-100-column-chart/package.json b/samples/charts/data-chart/stacked-100-column-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/stacked-100-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-column-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/stacked-100-line-chart/package.json b/samples/charts/data-chart/stacked-100-line-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/stacked-100-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-line-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/stacked-100-spline-area-chart/package.json b/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/stacked-100-spline-chart/package.json b/samples/charts/data-chart/stacked-100-spline-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/stacked-100-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-spline-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/stacked-area-chart/package.json b/samples/charts/data-chart/stacked-area-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/stacked-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-area-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/stacked-bar-chart/package.json b/samples/charts/data-chart/stacked-bar-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/stacked-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-bar-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/stacked-column-chart/package.json b/samples/charts/data-chart/stacked-column-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/stacked-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-column-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/stacked-line-chart/package.json b/samples/charts/data-chart/stacked-line-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/stacked-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-line-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/stacked-spline-area-chart/package.json b/samples/charts/data-chart/stacked-spline-area-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/stacked-spline-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-area-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/stacked-spline-chart/package.json b/samples/charts/data-chart/stacked-spline-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/stacked-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/transition-event/package.json b/samples/charts/data-chart/transition-event/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/data-chart/transition-event/package.json
+++ b/samples/charts/data-chart/transition-event/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/trendline-layer/package.json b/samples/charts/data-chart/trendline-layer/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/trendline-layer/package.json
+++ b/samples/charts/data-chart/trendline-layer/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/user-annotation-layer/package.json b/samples/charts/data-chart/user-annotation-layer/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/data-chart/user-annotation-layer/package.json
+++ b/samples/charts/data-chart/user-annotation-layer/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-chart/waterfall-chart/package.json b/samples/charts/data-chart/waterfall-chart/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-chart/waterfall-chart/package.json
+++ b/samples/charts/data-chart/waterfall-chart/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-pie-chart/animation-replay/package.json b/samples/charts/data-pie-chart/animation-replay/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/data-pie-chart/animation-replay/package.json
+++ b/samples/charts/data-pie-chart/animation-replay/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-pie-chart/animation/package.json b/samples/charts/data-pie-chart/animation/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/data-pie-chart/animation/package.json
+++ b/samples/charts/data-pie-chart/animation/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-pie-chart/highlight-filter/package.json b/samples/charts/data-pie-chart/highlight-filter/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-pie-chart/highlight-filter/package.json
+++ b/samples/charts/data-pie-chart/highlight-filter/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-pie-chart/highlighting/package.json b/samples/charts/data-pie-chart/highlighting/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/data-pie-chart/highlighting/package.json
+++ b/samples/charts/data-pie-chart/highlighting/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-pie-chart/legend/package.json b/samples/charts/data-pie-chart/legend/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/data-pie-chart/legend/package.json
+++ b/samples/charts/data-pie-chart/legend/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-pie-chart/others/package.json b/samples/charts/data-pie-chart/others/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/data-pie-chart/others/package.json
+++ b/samples/charts/data-pie-chart/others/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-pie-chart/overview/package.json b/samples/charts/data-pie-chart/overview/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/data-pie-chart/overview/package.json
+++ b/samples/charts/data-pie-chart/overview/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/data-pie-chart/selection/package.json b/samples/charts/data-pie-chart/selection/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/data-pie-chart/selection/package.json
+++ b/samples/charts/data-pie-chart/selection/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/doughnut-chart/legend/package.json b/samples/charts/doughnut-chart/legend/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/doughnut-chart/legend/package.json
+++ b/samples/charts/doughnut-chart/legend/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/doughnut-chart/overview/package.json b/samples/charts/doughnut-chart/overview/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/doughnut-chart/overview/package.json
+++ b/samples/charts/doughnut-chart/overview/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/doughnut-chart/rings/package.json b/samples/charts/doughnut-chart/rings/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/doughnut-chart/rings/package.json
+++ b/samples/charts/doughnut-chart/rings/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/financial-chart/data-legend-formatting-currency/package.json b/samples/charts/financial-chart/data-legend-formatting-currency/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/financial-chart/data-legend-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-legend-formatting-currency/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/financial-chart/data-legend-styling-props/package.json b/samples/charts/financial-chart/data-legend-styling-props/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/financial-chart/data-legend-styling-props/package.json
+++ b/samples/charts/financial-chart/data-legend-styling-props/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/financial-chart/data-legend/package.json b/samples/charts/financial-chart/data-legend/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/financial-chart/data-legend/package.json
+++ b/samples/charts/financial-chart/data-legend/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json b/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/financial-chart/data-tooltip-styling-props/package.json b/samples/charts/financial-chart/data-tooltip-styling-props/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/financial-chart/data-tooltip-styling-props/package.json
+++ b/samples/charts/financial-chart/data-tooltip-styling-props/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/financial-chart/data-tooltip/package.json b/samples/charts/financial-chart/data-tooltip/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/financial-chart/data-tooltip/package.json
+++ b/samples/charts/financial-chart/data-tooltip/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/financial-chart/format-specifiers/package.json b/samples/charts/financial-chart/format-specifiers/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/financial-chart/format-specifiers/package.json
+++ b/samples/charts/financial-chart/format-specifiers/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/financial-chart/scrollbars/package.json b/samples/charts/financial-chart/scrollbars/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/financial-chart/scrollbars/package.json
+++ b/samples/charts/financial-chart/scrollbars/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/pie-chart/legend/package.json b/samples/charts/pie-chart/legend/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/pie-chart/legend/package.json
+++ b/samples/charts/pie-chart/legend/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/pie-chart/others/package.json b/samples/charts/pie-chart/others/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/pie-chart/others/package.json
+++ b/samples/charts/pie-chart/others/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/pie-chart/overview/package.json b/samples/charts/pie-chart/overview/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/pie-chart/overview/package.json
+++ b/samples/charts/pie-chart/overview/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/pie-chart/styling/package.json b/samples/charts/pie-chart/styling/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/pie-chart/styling/package.json
+++ b/samples/charts/pie-chart/styling/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/sparkline/display-area/package.json b/samples/charts/sparkline/display-area/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/sparkline/display-area/package.json
+++ b/samples/charts/sparkline/display-area/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/sparkline/display-column/package.json b/samples/charts/sparkline/display-column/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/sparkline/display-column/package.json
+++ b/samples/charts/sparkline/display-column/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/sparkline/display-lines/package.json b/samples/charts/sparkline/display-lines/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/sparkline/display-lines/package.json
+++ b/samples/charts/sparkline/display-lines/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/sparkline/display-winloss/package.json b/samples/charts/sparkline/display-winloss/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/sparkline/display-winloss/package.json
+++ b/samples/charts/sparkline/display-winloss/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/sparkline/markers/package.json b/samples/charts/sparkline/markers/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/sparkline/markers/package.json
+++ b/samples/charts/sparkline/markers/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/sparkline/normal-range/package.json b/samples/charts/sparkline/normal-range/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/sparkline/normal-range/package.json
+++ b/samples/charts/sparkline/normal-range/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/sparkline/trendlines/package.json b/samples/charts/sparkline/trendlines/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/sparkline/trendlines/package.json
+++ b/samples/charts/sparkline/trendlines/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/sparkline/unknown-values/package.json b/samples/charts/sparkline/unknown-values/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/sparkline/unknown-values/package.json
+++ b/samples/charts/sparkline/unknown-values/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/toolbar/actions-built-in-category-chart/package.json b/samples/charts/toolbar/actions-built-in-category-chart/package.json
index 5e0f194ef1..567b5efcd4 100644
--- a/samples/charts/toolbar/actions-built-in-category-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-category-chart/package.json
@@ -20,7 +20,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/toolbar/actions-built-in-data-chart/package.json b/samples/charts/toolbar/actions-built-in-data-chart/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/toolbar/actions-built-in-data-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-data-chart/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/toolbar/color-editor-support/package.json b/samples/charts/toolbar/color-editor-support/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/toolbar/color-editor-support/package.json
+++ b/samples/charts/toolbar/color-editor-support/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/toolbar/custom-tool/package.json b/samples/charts/toolbar/custom-tool/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/toolbar/custom-tool/package.json
+++ b/samples/charts/toolbar/custom-tool/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/toolbar/layout-actions-for-data-chart/package.json b/samples/charts/toolbar/layout-actions-for-data-chart/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/toolbar/layout-actions-for-data-chart/package.json
+++ b/samples/charts/toolbar/layout-actions-for-data-chart/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/toolbar/layout-in-vertical-orientation/package.json b/samples/charts/toolbar/layout-in-vertical-orientation/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/toolbar/layout-in-vertical-orientation/package.json
+++ b/samples/charts/toolbar/layout-in-vertical-orientation/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/toolbar/theming/package.json b/samples/charts/toolbar/theming/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/toolbar/theming/package.json
+++ b/samples/charts/toolbar/theming/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/tree-map/highlighting-percent-based/package.json b/samples/charts/tree-map/highlighting-percent-based/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/tree-map/highlighting-percent-based/package.json
+++ b/samples/charts/tree-map/highlighting-percent-based/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/tree-map/highlighting/package.json b/samples/charts/tree-map/highlighting/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/tree-map/highlighting/package.json
+++ b/samples/charts/tree-map/highlighting/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/tree-map/layout/package.json b/samples/charts/tree-map/layout/package.json
index 636e90e30e..40b79720e4 100644
--- a/samples/charts/tree-map/layout/package.json
+++ b/samples/charts/tree-map/layout/package.json
@@ -19,7 +19,7 @@
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/tree-map/overview/package.json b/samples/charts/tree-map/overview/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/tree-map/overview/package.json
+++ b/samples/charts/tree-map/overview/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/charts/tree-map/styling/package.json b/samples/charts/tree-map/styling/package.json
index 2818488cf6..3a9aa75d2d 100644
--- a/samples/charts/tree-map/styling/package.json
+++ b/samples/charts/tree-map/styling/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/data-grid/accessibility/package.json b/samples/grids/data-grid/accessibility/package.json
index 052d73aca1..81eaff48ff 100644
--- a/samples/grids/data-grid/accessibility/package.json
+++ b/samples/grids/data-grid/accessibility/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/binding-data-service/package.json b/samples/grids/data-grid/binding-data-service/package.json
index 27c2e06ccb..f9a97e29ea 100644
--- a/samples/grids/data-grid/binding-data-service/package.json
+++ b/samples/grids/data-grid/binding-data-service/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/binding-live-data/package.json b/samples/grids/data-grid/binding-live-data/package.json
index 2d4f65d0d5..0c22fe035d 100644
--- a/samples/grids/data-grid/binding-live-data/package.json
+++ b/samples/grids/data-grid/binding-live-data/package.json
@@ -19,7 +19,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/binding-local-data/package.json b/samples/grids/data-grid/binding-local-data/package.json
index c4df65f29d..0bedb61255 100644
--- a/samples/grids/data-grid/binding-local-data/package.json
+++ b/samples/grids/data-grid/binding-local-data/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/binding-remote-data/package.json b/samples/grids/data-grid/binding-remote-data/package.json
index 3bbb0789f7..64a72d0c76 100644
--- a/samples/grids/data-grid/binding-remote-data/package.json
+++ b/samples/grids/data-grid/binding-remote-data/package.json
@@ -17,7 +17,7 @@
"igniteui-react-datasources": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/cell-activation/package.json b/samples/grids/data-grid/cell-activation/package.json
index eabba32934..3dc427bcd5 100644
--- a/samples/grids/data-grid/cell-activation/package.json
+++ b/samples/grids/data-grid/cell-activation/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/cell-editing/package.json b/samples/grids/data-grid/cell-editing/package.json
index 2021aebe1d..6a8a018c9d 100644
--- a/samples/grids/data-grid/cell-editing/package.json
+++ b/samples/grids/data-grid/cell-editing/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/cell-merging/package.json b/samples/grids/data-grid/cell-merging/package.json
index 64d30d6b22..30aa7f309c 100644
--- a/samples/grids/data-grid/cell-merging/package.json
+++ b/samples/grids/data-grid/cell-merging/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/cell-selection/package.json b/samples/grids/data-grid/cell-selection/package.json
index 928e2f3338..37335f11a0 100644
--- a/samples/grids/data-grid/cell-selection/package.json
+++ b/samples/grids/data-grid/cell-selection/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/column-animation/package.json b/samples/grids/data-grid/column-animation/package.json
index 1181c7f878..f9bf6a523c 100644
--- a/samples/grids/data-grid/column-animation/package.json
+++ b/samples/grids/data-grid/column-animation/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/column-chooser-picker/package.json b/samples/grids/data-grid/column-chooser-picker/package.json
index 587a570685..81562ebe04 100644
--- a/samples/grids/data-grid/column-chooser-picker/package.json
+++ b/samples/grids/data-grid/column-chooser-picker/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/column-chooser-toolbar/package.json b/samples/grids/data-grid/column-chooser-toolbar/package.json
index c557137ec1..dbbbc1b1bf 100644
--- a/samples/grids/data-grid/column-chooser-toolbar/package.json
+++ b/samples/grids/data-grid/column-chooser-toolbar/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/column-filter-expressions/package.json b/samples/grids/data-grid/column-filter-expressions/package.json
index 14433a30a5..56ec7a3b7e 100644
--- a/samples/grids/data-grid/column-filter-expressions/package.json
+++ b/samples/grids/data-grid/column-filter-expressions/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/column-filter-operands/package.json b/samples/grids/data-grid/column-filter-operands/package.json
index cff702a994..e033f12f63 100644
--- a/samples/grids/data-grid/column-filter-operands/package.json
+++ b/samples/grids/data-grid/column-filter-operands/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/column-filtering/package.json b/samples/grids/data-grid/column-filtering/package.json
index 98cbcddacc..36ce88c8fc 100644
--- a/samples/grids/data-grid/column-filtering/package.json
+++ b/samples/grids/data-grid/column-filtering/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/column-moving/package.json b/samples/grids/data-grid/column-moving/package.json
index 0aa588f0a2..dbd23842db 100644
--- a/samples/grids/data-grid/column-moving/package.json
+++ b/samples/grids/data-grid/column-moving/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/column-options/package.json b/samples/grids/data-grid/column-options/package.json
index 4d46cc6ad5..7c14c8a88b 100644
--- a/samples/grids/data-grid/column-options/package.json
+++ b/samples/grids/data-grid/column-options/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/column-pinning-picker/package.json b/samples/grids/data-grid/column-pinning-picker/package.json
index 794ab56102..70a69535b2 100644
--- a/samples/grids/data-grid/column-pinning-picker/package.json
+++ b/samples/grids/data-grid/column-pinning-picker/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/column-pinning-toolbar/package.json b/samples/grids/data-grid/column-pinning-toolbar/package.json
index 0b5ce078be..ef67b64295 100644
--- a/samples/grids/data-grid/column-pinning-toolbar/package.json
+++ b/samples/grids/data-grid/column-pinning-toolbar/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/column-resizing/package.json b/samples/grids/data-grid/column-resizing/package.json
index a93edaaf7f..105846e9cd 100644
--- a/samples/grids/data-grid/column-resizing/package.json
+++ b/samples/grids/data-grid/column-resizing/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/column-scrolling/package.json b/samples/grids/data-grid/column-scrolling/package.json
index 89dead1a1c..4fbb3dd3d5 100644
--- a/samples/grids/data-grid/column-scrolling/package.json
+++ b/samples/grids/data-grid/column-scrolling/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/column-sorting/package.json b/samples/grids/data-grid/column-sorting/package.json
index f689e09209..1b85d196f3 100644
--- a/samples/grids/data-grid/column-sorting/package.json
+++ b/samples/grids/data-grid/column-sorting/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/column-summaries/package.json b/samples/grids/data-grid/column-summaries/package.json
index 1a4017b210..fb5969b34d 100644
--- a/samples/grids/data-grid/column-summaries/package.json
+++ b/samples/grids/data-grid/column-summaries/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/column-types/package.json b/samples/grids/data-grid/column-types/package.json
index c83b9b77d6..57e75a6617 100644
--- a/samples/grids/data-grid/column-types/package.json
+++ b/samples/grids/data-grid/column-types/package.json
@@ -17,7 +17,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/load-save-layout/package.json b/samples/grids/data-grid/load-save-layout/package.json
index 0574afae17..2cd4cb4d52 100644
--- a/samples/grids/data-grid/load-save-layout/package.json
+++ b/samples/grids/data-grid/load-save-layout/package.json
@@ -19,7 +19,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/localization/package.json b/samples/grids/data-grid/localization/package.json
index 5be58a6edc..ede68a85bc 100644
--- a/samples/grids/data-grid/localization/package.json
+++ b/samples/grids/data-grid/localization/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/overview/package.json b/samples/grids/data-grid/overview/package.json
index 6ff9f8093e..7d23ba6883 100644
--- a/samples/grids/data-grid/overview/package.json
+++ b/samples/grids/data-grid/overview/package.json
@@ -17,7 +17,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/pager/package.json b/samples/grids/data-grid/pager/package.json
index 6d0ac569ca..61de6fee3d 100644
--- a/samples/grids/data-grid/pager/package.json
+++ b/samples/grids/data-grid/pager/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/performance/package.json b/samples/grids/data-grid/performance/package.json
index 31126d16d4..77f00c23b3 100644
--- a/samples/grids/data-grid/performance/package.json
+++ b/samples/grids/data-grid/performance/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/row-group-descriptions/package.json b/samples/grids/data-grid/row-group-descriptions/package.json
index 017931c65d..be619229ae 100644
--- a/samples/grids/data-grid/row-group-descriptions/package.json
+++ b/samples/grids/data-grid/row-group-descriptions/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/row-grouping/package.json b/samples/grids/data-grid/row-grouping/package.json
index 017931c65d..be619229ae 100644
--- a/samples/grids/data-grid/row-grouping/package.json
+++ b/samples/grids/data-grid/row-grouping/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/row-highlighting/package.json b/samples/grids/data-grid/row-highlighting/package.json
index 0684405744..e6bd10ba27 100644
--- a/samples/grids/data-grid/row-highlighting/package.json
+++ b/samples/grids/data-grid/row-highlighting/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/row-paging/package.json b/samples/grids/data-grid/row-paging/package.json
index 330df8864a..3e5afebabb 100644
--- a/samples/grids/data-grid/row-paging/package.json
+++ b/samples/grids/data-grid/row-paging/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/row-pinning/package.json b/samples/grids/data-grid/row-pinning/package.json
index fad734dfc9..bfa03fa7ca 100644
--- a/samples/grids/data-grid/row-pinning/package.json
+++ b/samples/grids/data-grid/row-pinning/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/row-selection/package.json b/samples/grids/data-grid/row-selection/package.json
index cb4deae318..19d8445c48 100644
--- a/samples/grids/data-grid/row-selection/package.json
+++ b/samples/grids/data-grid/row-selection/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/type-comparison-table/package.json b/samples/grids/data-grid/type-comparison-table/package.json
index 9cf0a4a783..419841d36a 100644
--- a/samples/grids/data-grid/type-comparison-table/package.json
+++ b/samples/grids/data-grid/type-comparison-table/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/type-heatmap-table/package.json b/samples/grids/data-grid/type-heatmap-table/package.json
index 7c8e049dba..a3ccf6ed97 100644
--- a/samples/grids/data-grid/type-heatmap-table/package.json
+++ b/samples/grids/data-grid/type-heatmap-table/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/type-marketing-table/package.json b/samples/grids/data-grid/type-marketing-table/package.json
index 88891e7cb3..164a376c85 100644
--- a/samples/grids/data-grid/type-marketing-table/package.json
+++ b/samples/grids/data-grid/type-marketing-table/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/type-matrix-table/package.json b/samples/grids/data-grid/type-matrix-table/package.json
index faddde114f..7398339198 100644
--- a/samples/grids/data-grid/type-matrix-table/package.json
+++ b/samples/grids/data-grid/type-matrix-table/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/type-periodic-table/package.json b/samples/grids/data-grid/type-periodic-table/package.json
index cdc2cc64c0..d9799e25c0 100644
--- a/samples/grids/data-grid/type-periodic-table/package.json
+++ b/samples/grids/data-grid/type-periodic-table/package.json
@@ -16,7 +16,7 @@
"igniteui-react-data-grids": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/grids/grid-lite/column-config-basic/package.json b/samples/grids/grid-lite/column-config-basic/package.json
index f4ff6f8f22..db7180eb33 100644
--- a/samples/grids/grid-lite/column-config-basic/package.json
+++ b/samples/grids/grid-lite/column-config-basic/package.json
@@ -16,7 +16,7 @@
"dependencies": {
"igniteui-grid-lite": "~0.7.0",
"igniteui-react": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid-lite/column-config-dynamic/package.json b/samples/grids/grid-lite/column-config-dynamic/package.json
index f4ff6f8f22..db7180eb33 100644
--- a/samples/grids/grid-lite/column-config-dynamic/package.json
+++ b/samples/grids/grid-lite/column-config-dynamic/package.json
@@ -16,7 +16,7 @@
"dependencies": {
"igniteui-grid-lite": "~0.7.0",
"igniteui-react": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid-lite/column-config-headers/package.json b/samples/grids/grid-lite/column-config-headers/package.json
index f4ff6f8f22..db7180eb33 100644
--- a/samples/grids/grid-lite/column-config-headers/package.json
+++ b/samples/grids/grid-lite/column-config-headers/package.json
@@ -16,7 +16,7 @@
"dependencies": {
"igniteui-grid-lite": "~0.7.0",
"igniteui-react": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid-lite/data-binding/package.json b/samples/grids/grid-lite/data-binding/package.json
index f4ff6f8f22..db7180eb33 100644
--- a/samples/grids/grid-lite/data-binding/package.json
+++ b/samples/grids/grid-lite/data-binding/package.json
@@ -16,7 +16,7 @@
"dependencies": {
"igniteui-grid-lite": "~0.7.0",
"igniteui-react": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid-lite/filtering-config-events/package.json b/samples/grids/grid-lite/filtering-config-events/package.json
index f4ff6f8f22..db7180eb33 100644
--- a/samples/grids/grid-lite/filtering-config-events/package.json
+++ b/samples/grids/grid-lite/filtering-config-events/package.json
@@ -16,7 +16,7 @@
"dependencies": {
"igniteui-grid-lite": "~0.7.0",
"igniteui-react": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid-lite/filtering-config-remote/package.json b/samples/grids/grid-lite/filtering-config-remote/package.json
index f4ff6f8f22..db7180eb33 100644
--- a/samples/grids/grid-lite/filtering-config-remote/package.json
+++ b/samples/grids/grid-lite/filtering-config-remote/package.json
@@ -16,7 +16,7 @@
"dependencies": {
"igniteui-grid-lite": "~0.7.0",
"igniteui-react": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid-lite/filtering-config/package.json b/samples/grids/grid-lite/filtering-config/package.json
index f4ff6f8f22..db7180eb33 100644
--- a/samples/grids/grid-lite/filtering-config/package.json
+++ b/samples/grids/grid-lite/filtering-config/package.json
@@ -16,7 +16,7 @@
"dependencies": {
"igniteui-grid-lite": "~0.7.0",
"igniteui-react": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid-lite/overview/package.json b/samples/grids/grid-lite/overview/package.json
index f4ff6f8f22..db7180eb33 100644
--- a/samples/grids/grid-lite/overview/package.json
+++ b/samples/grids/grid-lite/overview/package.json
@@ -16,7 +16,7 @@
"dependencies": {
"igniteui-grid-lite": "~0.7.0",
"igniteui-react": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid-lite/sort-config-events/package.json b/samples/grids/grid-lite/sort-config-events/package.json
index f4ff6f8f22..db7180eb33 100644
--- a/samples/grids/grid-lite/sort-config-events/package.json
+++ b/samples/grids/grid-lite/sort-config-events/package.json
@@ -16,7 +16,7 @@
"dependencies": {
"igniteui-grid-lite": "~0.7.0",
"igniteui-react": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid-lite/sort-config-grid/package.json b/samples/grids/grid-lite/sort-config-grid/package.json
index f4ff6f8f22..db7180eb33 100644
--- a/samples/grids/grid-lite/sort-config-grid/package.json
+++ b/samples/grids/grid-lite/sort-config-grid/package.json
@@ -16,7 +16,7 @@
"dependencies": {
"igniteui-grid-lite": "~0.7.0",
"igniteui-react": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid-lite/sort-config-pipeline/package.json b/samples/grids/grid-lite/sort-config-pipeline/package.json
index f4ff6f8f22..db7180eb33 100644
--- a/samples/grids/grid-lite/sort-config-pipeline/package.json
+++ b/samples/grids/grid-lite/sort-config-pipeline/package.json
@@ -16,7 +16,7 @@
"dependencies": {
"igniteui-grid-lite": "~0.7.0",
"igniteui-react": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid-lite/sort-config-sample/package.json b/samples/grids/grid-lite/sort-config-sample/package.json
index f4ff6f8f22..db7180eb33 100644
--- a/samples/grids/grid-lite/sort-config-sample/package.json
+++ b/samples/grids/grid-lite/sort-config-sample/package.json
@@ -16,7 +16,7 @@
"dependencies": {
"igniteui-grid-lite": "~0.7.0",
"igniteui-react": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid-lite/styling-config-themes/package.json b/samples/grids/grid-lite/styling-config-themes/package.json
index 611e0d5de8..a4d7d24507 100644
--- a/samples/grids/grid-lite/styling-config-themes/package.json
+++ b/samples/grids/grid-lite/styling-config-themes/package.json
@@ -17,7 +17,7 @@
"igniteui-grid-lite": "~0.7.0",
"igniteui-react": "^19.6.2",
"igniteui-theming": "^25.0.1",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid-lite/styling-custom-theme/package.json b/samples/grids/grid-lite/styling-custom-theme/package.json
index 87b02b73f9..182a557a25 100644
--- a/samples/grids/grid-lite/styling-custom-theme/package.json
+++ b/samples/grids/grid-lite/styling-custom-theme/package.json
@@ -17,7 +17,7 @@
"igniteui-grid-lite": "~0.7.0",
"igniteui-react": "^19.6.2",
"igniteui-theming": "^25.0.1",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/action-strip/package.json b/samples/grids/grid/action-strip/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/action-strip/package.json
+++ b/samples/grids/grid/action-strip/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/advanced-filtering-options/package.json b/samples/grids/grid/advanced-filtering-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/advanced-filtering-options/package.json
+++ b/samples/grids/grid/advanced-filtering-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/advanced-filtering-style/package.json b/samples/grids/grid/advanced-filtering-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/advanced-filtering-style/package.json
+++ b/samples/grids/grid/advanced-filtering-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/binding-composite-data/package.json b/samples/grids/grid/binding-composite-data/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/binding-composite-data/package.json
+++ b/samples/grids/grid/binding-composite-data/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/binding-crud-data/package.json b/samples/grids/grid/binding-crud-data/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/binding-crud-data/package.json
+++ b/samples/grids/grid/binding-crud-data/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/binding-nested-data-1/package.json b/samples/grids/grid/binding-nested-data-1/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/binding-nested-data-1/package.json
+++ b/samples/grids/grid/binding-nested-data-1/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/cascading-combo/package.json b/samples/grids/grid/cascading-combo/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/cascading-combo/package.json
+++ b/samples/grids/grid/cascading-combo/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/cell-editing-sample/package.json b/samples/grids/grid/cell-editing-sample/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/cell-editing-sample/package.json
+++ b/samples/grids/grid/cell-editing-sample/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/cell-editing-styling/package.json b/samples/grids/grid/cell-editing-styling/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/cell-editing-styling/package.json
+++ b/samples/grids/grid/cell-editing-styling/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/cell-merge-custom-sample/package.json b/samples/grids/grid/cell-merge-custom-sample/package.json
index c773144df2..fa3bcd34b7 100644
--- a/samples/grids/grid/cell-merge-custom-sample/package.json
+++ b/samples/grids/grid/cell-merge-custom-sample/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/cell-merge/package.json b/samples/grids/grid/cell-merge/package.json
index c773144df2..fa3bcd34b7 100644
--- a/samples/grids/grid/cell-merge/package.json
+++ b/samples/grids/grid/cell-merge/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/cell-selection-mode/package.json b/samples/grids/grid/cell-selection-mode/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/cell-selection-mode/package.json
+++ b/samples/grids/grid/cell-selection-mode/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/cell-selection-style/package.json b/samples/grids/grid/cell-selection-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/cell-selection-style/package.json
+++ b/samples/grids/grid/cell-selection-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/change-icons-custom/package.json b/samples/grids/grid/change-icons-custom/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/grid/change-icons-custom/package.json
+++ b/samples/grids/grid/change-icons-custom/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/clipboard-operations/package.json b/samples/grids/grid/clipboard-operations/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/grid/clipboard-operations/package.json
+++ b/samples/grids/grid/clipboard-operations/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-auto-sizing/package.json b/samples/grids/grid/column-auto-sizing/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/column-auto-sizing/package.json
+++ b/samples/grids/grid/column-auto-sizing/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-collapsible-groups/package.json b/samples/grids/grid/column-collapsible-groups/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/column-collapsible-groups/package.json
+++ b/samples/grids/grid/column-collapsible-groups/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-data-types/package.json b/samples/grids/grid/column-data-types/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/column-data-types/package.json
+++ b/samples/grids/grid/column-data-types/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-hiding-options/package.json b/samples/grids/grid/column-hiding-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/column-hiding-options/package.json
+++ b/samples/grids/grid/column-hiding-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-hiding-toolbar-style/package.json b/samples/grids/grid/column-hiding-toolbar-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/grid/column-hiding-toolbar-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-hiding-toolbar/package.json b/samples/grids/grid/column-hiding-toolbar/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/column-hiding-toolbar/package.json
+++ b/samples/grids/grid/column-hiding-toolbar/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-moving-options/package.json b/samples/grids/grid/column-moving-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/column-moving-options/package.json
+++ b/samples/grids/grid/column-moving-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-moving-styles/package.json b/samples/grids/grid/column-moving-styles/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/column-moving-styles/package.json
+++ b/samples/grids/grid/column-moving-styles/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-pinning-both-sides/package.json b/samples/grids/grid/column-pinning-both-sides/package.json
index c773144df2..fa3bcd34b7 100644
--- a/samples/grids/grid/column-pinning-both-sides/package.json
+++ b/samples/grids/grid/column-pinning-both-sides/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-pinning-options/package.json b/samples/grids/grid/column-pinning-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/column-pinning-options/package.json
+++ b/samples/grids/grid/column-pinning-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-pinning-right-side/package.json b/samples/grids/grid/column-pinning-right-side/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/column-pinning-right-side/package.json
+++ b/samples/grids/grid/column-pinning-right-side/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-pinning-styles/package.json b/samples/grids/grid/column-pinning-styles/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/column-pinning-styles/package.json
+++ b/samples/grids/grid/column-pinning-styles/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-pinning/package.json b/samples/grids/grid/column-pinning/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/column-pinning/package.json
+++ b/samples/grids/grid/column-pinning/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-resize-styling/package.json b/samples/grids/grid/column-resize-styling/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/column-resize-styling/package.json
+++ b/samples/grids/grid/column-resize-styling/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-resizing/package.json b/samples/grids/grid/column-resizing/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/column-resizing/package.json
+++ b/samples/grids/grid/column-resizing/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-selection-group/package.json b/samples/grids/grid/column-selection-group/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/column-selection-group/package.json
+++ b/samples/grids/grid/column-selection-group/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-selection-mode/package.json b/samples/grids/grid/column-selection-mode/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/column-selection-mode/package.json
+++ b/samples/grids/grid/column-selection-mode/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-selection-styles/package.json b/samples/grids/grid/column-selection-styles/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/column-selection-styles/package.json
+++ b/samples/grids/grid/column-selection-styles/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-sorting-indicators/package.json b/samples/grids/grid/column-sorting-indicators/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/column-sorting-indicators/package.json
+++ b/samples/grids/grid/column-sorting-indicators/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-sorting-options/package.json b/samples/grids/grid/column-sorting-options/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/column-sorting-options/package.json
+++ b/samples/grids/grid/column-sorting-options/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/column-sorting-style/package.json b/samples/grids/grid/column-sorting-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/column-sorting-style/package.json
+++ b/samples/grids/grid/column-sorting-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/conditional-cell-style-1/package.json b/samples/grids/grid/conditional-cell-style-1/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/conditional-cell-style-1/package.json
+++ b/samples/grids/grid/conditional-cell-style-1/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/conditional-cell-style-2/package.json b/samples/grids/grid/conditional-cell-style-2/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/conditional-cell-style-2/package.json
+++ b/samples/grids/grid/conditional-cell-style-2/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/conditional-row-selectors/package.json b/samples/grids/grid/conditional-row-selectors/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/conditional-row-selectors/package.json
+++ b/samples/grids/grid/conditional-row-selectors/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/custom-context-menu/package.json b/samples/grids/grid/custom-context-menu/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/grid/custom-context-menu/package.json
+++ b/samples/grids/grid/custom-context-menu/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/data-batch-editing-actions/package.json b/samples/grids/grid/data-batch-editing-actions/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/data-batch-editing-actions/package.json
+++ b/samples/grids/grid/data-batch-editing-actions/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/data-exporting-indicator/package.json b/samples/grids/grid/data-exporting-indicator/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/grid/data-exporting-indicator/package.json
+++ b/samples/grids/grid/data-exporting-indicator/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/data-performance-virtualization/package.json b/samples/grids/grid/data-performance-virtualization/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/data-performance-virtualization/package.json
+++ b/samples/grids/grid/data-performance-virtualization/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/data-searching/package.json b/samples/grids/grid/data-searching/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/grid/data-searching/package.json
+++ b/samples/grids/grid/data-searching/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/data-summary-formatter/package.json b/samples/grids/grid/data-summary-formatter/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/data-summary-formatter/package.json
+++ b/samples/grids/grid/data-summary-formatter/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/data-summary-options/package.json b/samples/grids/grid/data-summary-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/data-summary-options/package.json
+++ b/samples/grids/grid/data-summary-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/data-summary-template/package.json b/samples/grids/grid/data-summary-template/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/data-summary-template/package.json
+++ b/samples/grids/grid/data-summary-template/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/data-validation-style/package.json b/samples/grids/grid/data-validation-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/data-validation-style/package.json
+++ b/samples/grids/grid/data-validation-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/data-validator-service-cross-field/package.json b/samples/grids/grid/data-validator-service-cross-field/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/data-validator-service-cross-field/package.json
+++ b/samples/grids/grid/data-validator-service-cross-field/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/data-validator-service-extended/package.json b/samples/grids/grid/data-validator-service-extended/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/data-validator-service-extended/package.json
+++ b/samples/grids/grid/data-validator-service-extended/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/data-validator-service/package.json b/samples/grids/grid/data-validator-service/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/data-validator-service/package.json
+++ b/samples/grids/grid/data-validator-service/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/editing-columns/package.json b/samples/grids/grid/editing-columns/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/editing-columns/package.json
+++ b/samples/grids/grid/editing-columns/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/editing-events/package.json b/samples/grids/grid/editing-events/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/editing-events/package.json
+++ b/samples/grids/grid/editing-events/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/editing-excel-style/package.json b/samples/grids/grid/editing-excel-style/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/grid/editing-excel-style/package.json
+++ b/samples/grids/grid/editing-excel-style/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/editing-lifecycle/package.json b/samples/grids/grid/editing-lifecycle/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/editing-lifecycle/package.json
+++ b/samples/grids/grid/editing-lifecycle/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/excel-exporting/package.json b/samples/grids/grid/excel-exporting/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/excel-exporting/package.json
+++ b/samples/grids/grid/excel-exporting/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/package.json b/samples/grids/grid/excel-style-filtering-sample-1/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-1/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/excel-style-filtering-sample-2/package.json b/samples/grids/grid/excel-style-filtering-sample-2/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-2/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/excel-style-filtering-sample-3/package.json b/samples/grids/grid/excel-style-filtering-sample-3/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-3/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/excel-style-filtering-style/package.json b/samples/grids/grid/excel-style-filtering-style/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/excel-style-filtering-style/package.json
+++ b/samples/grids/grid/excel-style-filtering-style/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/external-advanced-filtering/package.json b/samples/grids/grid/external-advanced-filtering/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/external-advanced-filtering/package.json
+++ b/samples/grids/grid/external-advanced-filtering/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/filtering-options/package.json b/samples/grids/grid/filtering-options/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/filtering-options/package.json
+++ b/samples/grids/grid/filtering-options/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/filtering-strategy/package.json b/samples/grids/grid/filtering-strategy/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/filtering-strategy/package.json
+++ b/samples/grids/grid/filtering-strategy/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/filtering-style/package.json b/samples/grids/grid/filtering-style/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/filtering-style/package.json
+++ b/samples/grids/grid/filtering-style/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/finjs/package.json b/samples/grids/grid/finjs/package.json
index 83de05ad93..fa916c9893 100644
--- a/samples/grids/grid/finjs/package.json
+++ b/samples/grids/grid/finjs/package.json
@@ -22,7 +22,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/groupby-custom/package.json b/samples/grids/grid/groupby-custom/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/grid/groupby-custom/package.json
+++ b/samples/grids/grid/groupby-custom/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/groupby-expressions/package.json b/samples/grids/grid/groupby-expressions/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/groupby-expressions/package.json
+++ b/samples/grids/grid/groupby-expressions/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/groupby-paging/package.json b/samples/grids/grid/groupby-paging/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/groupby-paging/package.json
+++ b/samples/grids/grid/groupby-paging/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/groupby-styling/package.json b/samples/grids/grid/groupby-styling/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/groupby-styling/package.json
+++ b/samples/grids/grid/groupby-styling/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/groupby-summary-options/package.json b/samples/grids/grid/groupby-summary-options/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/groupby-summary-options/package.json
+++ b/samples/grids/grid/groupby-summary-options/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/groupby-summary-styling/package.json b/samples/grids/grid/groupby-summary-styling/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/groupby-summary-styling/package.json
+++ b/samples/grids/grid/groupby-summary-styling/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/infinite-scroll/package.json b/samples/grids/grid/infinite-scroll/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/grid/infinite-scroll/package.json
+++ b/samples/grids/grid/infinite-scroll/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/keyboard-custom-navigation/package.json b/samples/grids/grid/keyboard-custom-navigation/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/keyboard-custom-navigation/package.json
+++ b/samples/grids/grid/keyboard-custom-navigation/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/keyboard-mrl-navigation/package.json b/samples/grids/grid/keyboard-mrl-navigation/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/keyboard-mrl-navigation/package.json
+++ b/samples/grids/grid/keyboard-mrl-navigation/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/layout-display-density/package.json b/samples/grids/grid/layout-display-density/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/layout-display-density/package.json
+++ b/samples/grids/grid/layout-display-density/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/localization/package.json b/samples/grids/grid/localization/package.json
index 2f92fb28c3..4bb99d4e0b 100644
--- a/samples/grids/grid/localization/package.json
+++ b/samples/grids/grid/localization/package.json
@@ -15,13 +15,13 @@
},
"dependencies": {
"igniteui-dockmanager": "^1.17.0",
- "igniteui-i18n-resources": "^1.0.4",
+ "igniteui-i18n-resources": "^1.0.5",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/master-detail/package.json b/samples/grids/grid/master-detail/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/master-detail/package.json
+++ b/samples/grids/grid/master-detail/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/multi-cell-selection-mode/package.json b/samples/grids/grid/multi-cell-selection-mode/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/grid/multi-cell-selection-mode/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/multi-column-headers-export/package.json b/samples/grids/grid/multi-column-headers-export/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/multi-column-headers-export/package.json
+++ b/samples/grids/grid/multi-column-headers-export/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/multi-column-headers-overview/package.json b/samples/grids/grid/multi-column-headers-overview/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/multi-column-headers-overview/package.json
+++ b/samples/grids/grid/multi-column-headers-overview/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/multi-column-headers-styling/package.json b/samples/grids/grid/multi-column-headers-styling/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/multi-column-headers-styling/package.json
+++ b/samples/grids/grid/multi-column-headers-styling/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/multi-column-headers-template/package.json b/samples/grids/grid/multi-column-headers-template/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/multi-column-headers-template/package.json
+++ b/samples/grids/grid/multi-column-headers-template/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/multi-row-layout-options/package.json b/samples/grids/grid/multi-row-layout-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/multi-row-layout-options/package.json
+++ b/samples/grids/grid/multi-row-layout-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/multi-row-layout-style/package.json b/samples/grids/grid/multi-row-layout-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/multi-row-layout-style/package.json
+++ b/samples/grids/grid/multi-row-layout-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/overview/package.json b/samples/grids/grid/overview/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/overview/package.json
+++ b/samples/grids/grid/overview/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/paste/package.json b/samples/grids/grid/paste/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/paste/package.json
+++ b/samples/grids/grid/paste/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/remote-paging-data/package.json b/samples/grids/grid/remote-paging-data/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/remote-paging-data/package.json
+++ b/samples/grids/grid/remote-paging-data/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/remote-paging-grid/package.json b/samples/grids/grid/remote-paging-grid/package.json
index 3ed06d8838..27aa90b446 100644
--- a/samples/grids/grid/remote-paging-grid/package.json
+++ b/samples/grids/grid/remote-paging-grid/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/row-adding/package.json b/samples/grids/grid/row-adding/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/row-adding/package.json
+++ b/samples/grids/grid/row-adding/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/row-classes/package.json b/samples/grids/grid/row-classes/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/row-classes/package.json
+++ b/samples/grids/grid/row-classes/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/row-drag-base/package.json b/samples/grids/grid/row-drag-base/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/grid/row-drag-base/package.json
+++ b/samples/grids/grid/row-drag-base/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/row-editing-options/package.json b/samples/grids/grid/row-editing-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/row-editing-options/package.json
+++ b/samples/grids/grid/row-editing-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/row-editing-style/package.json b/samples/grids/grid/row-editing-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/row-editing-style/package.json
+++ b/samples/grids/grid/row-editing-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/row-paging-basic/package.json b/samples/grids/grid/row-paging-basic/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/row-paging-basic/package.json
+++ b/samples/grids/grid/row-paging-basic/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/row-paging-options/package.json b/samples/grids/grid/row-paging-options/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/row-paging-options/package.json
+++ b/samples/grids/grid/row-paging-options/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/row-pinning-drag/package.json b/samples/grids/grid/row-pinning-drag/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/row-pinning-drag/package.json
+++ b/samples/grids/grid/row-pinning-drag/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/row-pinning-extra-column/package.json b/samples/grids/grid/row-pinning-extra-column/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/row-pinning-extra-column/package.json
+++ b/samples/grids/grid/row-pinning-extra-column/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/row-pinning-options/package.json b/samples/grids/grid/row-pinning-options/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/row-pinning-options/package.json
+++ b/samples/grids/grid/row-pinning-options/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/row-pinning-style/package.json b/samples/grids/grid/row-pinning-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/row-pinning-style/package.json
+++ b/samples/grids/grid/row-pinning-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/row-reorder/package.json b/samples/grids/grid/row-reorder/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/row-reorder/package.json
+++ b/samples/grids/grid/row-reorder/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/row-selection-mode/package.json b/samples/grids/grid/row-selection-mode/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/row-selection-mode/package.json
+++ b/samples/grids/grid/row-selection-mode/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/row-selection-template-excel/package.json b/samples/grids/grid/row-selection-template-excel/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/grid/row-selection-template-excel/package.json
+++ b/samples/grids/grid/row-selection-template-excel/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/row-selection-template-numbers/package.json b/samples/grids/grid/row-selection-template-numbers/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/row-selection-template-numbers/package.json
+++ b/samples/grids/grid/row-selection-template-numbers/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/row-styles/package.json b/samples/grids/grid/row-styles/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/row-styles/package.json
+++ b/samples/grids/grid/row-styles/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/state-persistence-about/package.json b/samples/grids/grid/state-persistence-about/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/grid/state-persistence-about/package.json
+++ b/samples/grids/grid/state-persistence-about/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/state-persistence-main/package.json b/samples/grids/grid/state-persistence-main/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/grid/state-persistence-main/package.json
+++ b/samples/grids/grid/state-persistence-main/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/styling-custom-CSS/package.json b/samples/grids/grid/styling-custom-CSS/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/styling-custom-CSS/package.json
+++ b/samples/grids/grid/styling-custom-CSS/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/toolbar-sample-1/package.json b/samples/grids/grid/toolbar-sample-1/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/toolbar-sample-1/package.json
+++ b/samples/grids/grid/toolbar-sample-1/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/toolbar-sample-2/package.json b/samples/grids/grid/toolbar-sample-2/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/toolbar-sample-2/package.json
+++ b/samples/grids/grid/toolbar-sample-2/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/toolbar-sample-3/package.json b/samples/grids/grid/toolbar-sample-3/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/toolbar-sample-3/package.json
+++ b/samples/grids/grid/toolbar-sample-3/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/grid/toolbar-style/package.json b/samples/grids/grid/toolbar-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/grid/toolbar-style/package.json
+++ b/samples/grids/grid/toolbar-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/action-strip/package.json b/samples/grids/hierarchical-grid/action-strip/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/action-strip/package.json
+++ b/samples/grids/hierarchical-grid/action-strip/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
+++ b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/cell-editing-sample/package.json b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/cell-editing-sample/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/cell-editing-styling/package.json b/samples/grids/hierarchical-grid/cell-editing-styling/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/cell-editing-styling/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-styling/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/cell-merge-custom-sample/package.json b/samples/grids/hierarchical-grid/cell-merge-custom-sample/package.json
index c773144df2..fa3bcd34b7 100644
--- a/samples/grids/hierarchical-grid/cell-merge-custom-sample/package.json
+++ b/samples/grids/hierarchical-grid/cell-merge-custom-sample/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/cell-merge/package.json b/samples/grids/hierarchical-grid/cell-merge/package.json
index c773144df2..fa3bcd34b7 100644
--- a/samples/grids/hierarchical-grid/cell-merge/package.json
+++ b/samples/grids/hierarchical-grid/cell-merge/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/cell-selection-mode/package.json b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/hierarchical-grid/cell-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/cell-selection-overview/package.json b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/hierarchical-grid/cell-selection-overview/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/cell-selection-style/package.json b/samples/grids/hierarchical-grid/cell-selection-style/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/hierarchical-grid/cell-selection-style/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-style/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/column-auto-sizing/package.json b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/hierarchical-grid/column-auto-sizing/package.json
+++ b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
+++ b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/column-moving-options/package.json b/samples/grids/hierarchical-grid/column-moving-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/column-moving-options/package.json
+++ b/samples/grids/hierarchical-grid/column-moving-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/column-moving-styles/package.json b/samples/grids/hierarchical-grid/column-moving-styles/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/column-moving-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-moving-styles/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/column-pinning-both-sides/package.json b/samples/grids/hierarchical-grid/column-pinning-both-sides/package.json
index c773144df2..fa3bcd34b7 100644
--- a/samples/grids/hierarchical-grid/column-pinning-both-sides/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-both-sides/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/column-pinning-options/package.json b/samples/grids/hierarchical-grid/column-pinning-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/column-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/column-pinning-right-side/package.json b/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/column-pinning-styles/package.json b/samples/grids/hierarchical-grid/column-pinning-styles/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/column-pinning-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-styles/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/column-pinning/package.json b/samples/grids/hierarchical-grid/column-pinning/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/column-pinning/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/column-resize-styling/package.json b/samples/grids/hierarchical-grid/column-resize-styling/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/column-resize-styling/package.json
+++ b/samples/grids/hierarchical-grid/column-resize-styling/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/column-resizing/package.json b/samples/grids/hierarchical-grid/column-resizing/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/column-resizing/package.json
+++ b/samples/grids/hierarchical-grid/column-resizing/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/column-selection-group/package.json b/samples/grids/hierarchical-grid/column-selection-group/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/column-selection-group/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-group/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/column-selection-mode/package.json b/samples/grids/hierarchical-grid/column-selection-mode/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/hierarchical-grid/column-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-mode/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/column-selection-styles/package.json b/samples/grids/hierarchical-grid/column-selection-styles/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/column-selection-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-styles/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/column-sorting-options/package.json b/samples/grids/hierarchical-grid/column-sorting-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/column-sorting-options/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/column-sorting-style/package.json b/samples/grids/hierarchical-grid/column-sorting-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/column-sorting-style/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json b/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json b/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
+++ b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/custom-filtering/package.json b/samples/grids/hierarchical-grid/custom-filtering/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/custom-filtering/package.json
+++ b/samples/grids/hierarchical-grid/custom-filtering/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
+++ b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
+++ b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/data-summary-formatter/package.json b/samples/grids/hierarchical-grid/data-summary-formatter/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/data-summary-formatter/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-formatter/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/data-summary-options-styling/package.json b/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/data-summary-options/package.json b/samples/grids/hierarchical-grid/data-summary-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/data-summary-options/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/data-summary-template/package.json b/samples/grids/hierarchical-grid/data-summary-template/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/hierarchical-grid/data-summary-template/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-template/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/editing-columns/package.json b/samples/grids/hierarchical-grid/editing-columns/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/editing-columns/package.json
+++ b/samples/grids/hierarchical-grid/editing-columns/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/editing-events/package.json b/samples/grids/hierarchical-grid/editing-events/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/editing-events/package.json
+++ b/samples/grids/hierarchical-grid/editing-events/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/editing-lifecycle/package.json b/samples/grids/hierarchical-grid/editing-lifecycle/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/editing-lifecycle/package.json
+++ b/samples/grids/hierarchical-grid/editing-lifecycle/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/excel-exporting/package.json b/samples/grids/hierarchical-grid/excel-exporting/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/excel-exporting/package.json
+++ b/samples/grids/hierarchical-grid/excel-exporting/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/filtering-options/package.json b/samples/grids/hierarchical-grid/filtering-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/filtering-options/package.json
+++ b/samples/grids/hierarchical-grid/filtering-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/filtering-style/package.json b/samples/grids/hierarchical-grid/filtering-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/filtering-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/layout-display-density/package.json b/samples/grids/hierarchical-grid/layout-display-density/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/package.json
+++ b/samples/grids/hierarchical-grid/layout-display-density/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-export/package.json b/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json b/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-template/package.json b/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/overview/package.json b/samples/grids/hierarchical-grid/overview/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/overview/package.json
+++ b/samples/grids/hierarchical-grid/overview/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/remote-paging-hgrid/package.json b/samples/grids/hierarchical-grid/remote-paging-hgrid/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/hierarchical-grid/remote-paging-hgrid/package.json
+++ b/samples/grids/hierarchical-grid/remote-paging-hgrid/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/row-adding/package.json b/samples/grids/hierarchical-grid/row-adding/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/row-adding/package.json
+++ b/samples/grids/hierarchical-grid/row-adding/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/row-classes/package.json b/samples/grids/hierarchical-grid/row-classes/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/row-classes/package.json
+++ b/samples/grids/hierarchical-grid/row-classes/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/row-drag-base/package.json b/samples/grids/hierarchical-grid/row-drag-base/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/hierarchical-grid/row-drag-base/package.json
+++ b/samples/grids/hierarchical-grid/row-drag-base/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/row-editing-options/package.json b/samples/grids/hierarchical-grid/row-editing-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/row-editing-options/package.json
+++ b/samples/grids/hierarchical-grid/row-editing-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/row-editing-style/package.json b/samples/grids/hierarchical-grid/row-editing-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/row-editing-style/package.json
+++ b/samples/grids/hierarchical-grid/row-editing-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/row-pinning-options/package.json b/samples/grids/hierarchical-grid/row-pinning-options/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/hierarchical-grid/row-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-options/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/row-pinning-style/package.json b/samples/grids/hierarchical-grid/row-pinning-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/row-pinning-style/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/row-reorder/package.json b/samples/grids/hierarchical-grid/row-reorder/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/row-reorder/package.json
+++ b/samples/grids/hierarchical-grid/row-reorder/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/row-selection-mode/package.json b/samples/grids/hierarchical-grid/row-selection-mode/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/hierarchical-grid/row-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-mode/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/row-styles/package.json b/samples/grids/hierarchical-grid/row-styles/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/row-styles/package.json
+++ b/samples/grids/hierarchical-grid/row-styles/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/state-persistence-about/package.json b/samples/grids/hierarchical-grid/state-persistence-about/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/hierarchical-grid/state-persistence-about/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-about/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/state-persistence-main/package.json b/samples/grids/hierarchical-grid/state-persistence-main/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/hierarchical-grid/state-persistence-main/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-main/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/hierarchical-grid/toolbar-style/package.json b/samples/grids/hierarchical-grid/toolbar-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/hierarchical-grid/toolbar-style/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/pivot-grid/aggregate-max-sales/package.json b/samples/grids/pivot-grid/aggregate-max-sales/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/pivot-grid/aggregate-max-sales/package.json
+++ b/samples/grids/pivot-grid/aggregate-max-sales/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/pivot-grid/aggregate-units-sold/package.json b/samples/grids/pivot-grid/aggregate-units-sold/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/pivot-grid/aggregate-units-sold/package.json
+++ b/samples/grids/pivot-grid/aggregate-units-sold/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/pivot-grid/data-selector/package.json b/samples/grids/pivot-grid/data-selector/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/pivot-grid/data-selector/package.json
+++ b/samples/grids/pivot-grid/data-selector/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/pivot-grid/features/package.json b/samples/grids/pivot-grid/features/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/pivot-grid/features/package.json
+++ b/samples/grids/pivot-grid/features/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/pivot-grid/state-persistence-about/package.json b/samples/grids/pivot-grid/state-persistence-about/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/pivot-grid/state-persistence-about/package.json
+++ b/samples/grids/pivot-grid/state-persistence-about/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/pivot-grid/state-persistence-main/package.json b/samples/grids/pivot-grid/state-persistence-main/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/pivot-grid/state-persistence-main/package.json
+++ b/samples/grids/pivot-grid/state-persistence-main/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/action-strip/package.json b/samples/grids/tree-grid/action-strip/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/action-strip/package.json
+++ b/samples/grids/tree-grid/action-strip/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/advanced-filtering-options/package.json b/samples/grids/tree-grid/advanced-filtering-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/advanced-filtering-options/package.json
+++ b/samples/grids/tree-grid/advanced-filtering-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/advanced-filtering-style/package.json b/samples/grids/tree-grid/advanced-filtering-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/advanced-filtering-style/package.json
+++ b/samples/grids/tree-grid/advanced-filtering-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/cell-editing-sample/package.json b/samples/grids/tree-grid/cell-editing-sample/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/cell-editing-sample/package.json
+++ b/samples/grids/tree-grid/cell-editing-sample/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/cell-editing-styling/package.json b/samples/grids/tree-grid/cell-editing-styling/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/cell-editing-styling/package.json
+++ b/samples/grids/tree-grid/cell-editing-styling/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/cell-merge-custom-sample/package.json b/samples/grids/tree-grid/cell-merge-custom-sample/package.json
index c773144df2..fa3bcd34b7 100644
--- a/samples/grids/tree-grid/cell-merge-custom-sample/package.json
+++ b/samples/grids/tree-grid/cell-merge-custom-sample/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/cell-merge/package.json b/samples/grids/tree-grid/cell-merge/package.json
index c773144df2..fa3bcd34b7 100644
--- a/samples/grids/tree-grid/cell-merge/package.json
+++ b/samples/grids/tree-grid/cell-merge/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/cell-selection-mode/package.json b/samples/grids/tree-grid/cell-selection-mode/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/tree-grid/cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/cell-selection-mode/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/cell-selection-style/package.json b/samples/grids/tree-grid/cell-selection-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/cell-selection-style/package.json
+++ b/samples/grids/tree-grid/cell-selection-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/clipboard-operations/package.json b/samples/grids/tree-grid/clipboard-operations/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/tree-grid/clipboard-operations/package.json
+++ b/samples/grids/tree-grid/clipboard-operations/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-auto-sizing/package.json b/samples/grids/tree-grid/column-auto-sizing/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/column-auto-sizing/package.json
+++ b/samples/grids/tree-grid/column-auto-sizing/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-collapsible-groups/package.json b/samples/grids/tree-grid/column-collapsible-groups/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/column-collapsible-groups/package.json
+++ b/samples/grids/tree-grid/column-collapsible-groups/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-data-types/package.json b/samples/grids/tree-grid/column-data-types/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/tree-grid/column-data-types/package.json
+++ b/samples/grids/tree-grid/column-data-types/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-hiding-toolbar/package.json b/samples/grids/tree-grid/column-hiding-toolbar/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar/package.json
+++ b/samples/grids/tree-grid/column-hiding-toolbar/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-moving-options/package.json b/samples/grids/tree-grid/column-moving-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/column-moving-options/package.json
+++ b/samples/grids/tree-grid/column-moving-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-moving-styles/package.json b/samples/grids/tree-grid/column-moving-styles/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/column-moving-styles/package.json
+++ b/samples/grids/tree-grid/column-moving-styles/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-pinning-both-sides/package.json b/samples/grids/tree-grid/column-pinning-both-sides/package.json
index c773144df2..fa3bcd34b7 100644
--- a/samples/grids/tree-grid/column-pinning-both-sides/package.json
+++ b/samples/grids/tree-grid/column-pinning-both-sides/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-pinning-options/package.json b/samples/grids/tree-grid/column-pinning-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/column-pinning-options/package.json
+++ b/samples/grids/tree-grid/column-pinning-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-pinning-right-side/package.json b/samples/grids/tree-grid/column-pinning-right-side/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/column-pinning-right-side/package.json
+++ b/samples/grids/tree-grid/column-pinning-right-side/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-pinning-styles/package.json b/samples/grids/tree-grid/column-pinning-styles/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/column-pinning-styles/package.json
+++ b/samples/grids/tree-grid/column-pinning-styles/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-pinning-toolbar/package.json b/samples/grids/tree-grid/column-pinning-toolbar/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/column-pinning-toolbar/package.json
+++ b/samples/grids/tree-grid/column-pinning-toolbar/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-pinning/package.json b/samples/grids/tree-grid/column-pinning/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/column-pinning/package.json
+++ b/samples/grids/tree-grid/column-pinning/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-resize-styling/package.json b/samples/grids/tree-grid/column-resize-styling/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/column-resize-styling/package.json
+++ b/samples/grids/tree-grid/column-resize-styling/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-resizing/package.json b/samples/grids/tree-grid/column-resizing/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/column-resizing/package.json
+++ b/samples/grids/tree-grid/column-resizing/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-selection-group/package.json b/samples/grids/tree-grid/column-selection-group/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/column-selection-group/package.json
+++ b/samples/grids/tree-grid/column-selection-group/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-selection-mode/package.json b/samples/grids/tree-grid/column-selection-mode/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/tree-grid/column-selection-mode/package.json
+++ b/samples/grids/tree-grid/column-selection-mode/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-selection-style/package.json b/samples/grids/tree-grid/column-selection-style/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/tree-grid/column-selection-style/package.json
+++ b/samples/grids/tree-grid/column-selection-style/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-selection-styles/package.json b/samples/grids/tree-grid/column-selection-styles/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/column-selection-styles/package.json
+++ b/samples/grids/tree-grid/column-selection-styles/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-sorting-indicators/package.json b/samples/grids/tree-grid/column-sorting-indicators/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/column-sorting-indicators/package.json
+++ b/samples/grids/tree-grid/column-sorting-indicators/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-sorting-options/package.json b/samples/grids/tree-grid/column-sorting-options/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/tree-grid/column-sorting-options/package.json
+++ b/samples/grids/tree-grid/column-sorting-options/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/column-sorting-style/package.json b/samples/grids/tree-grid/column-sorting-style/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/tree-grid/column-sorting-style/package.json
+++ b/samples/grids/tree-grid/column-sorting-style/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/conditional-cell-style-1/package.json b/samples/grids/tree-grid/conditional-cell-style-1/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/conditional-cell-style-1/package.json
+++ b/samples/grids/tree-grid/conditional-cell-style-1/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/conditional-cell-style-2/package.json b/samples/grids/tree-grid/conditional-cell-style-2/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/conditional-cell-style-2/package.json
+++ b/samples/grids/tree-grid/conditional-cell-style-2/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/conditional-row-selectors/package.json b/samples/grids/tree-grid/conditional-row-selectors/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/conditional-row-selectors/package.json
+++ b/samples/grids/tree-grid/conditional-row-selectors/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/data-exporting-indicator/package.json b/samples/grids/tree-grid/data-exporting-indicator/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/tree-grid/data-exporting-indicator/package.json
+++ b/samples/grids/tree-grid/data-exporting-indicator/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/data-summary-children/package.json b/samples/grids/tree-grid/data-summary-children/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/tree-grid/data-summary-children/package.json
+++ b/samples/grids/tree-grid/data-summary-children/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/data-summary-formatter/package.json b/samples/grids/tree-grid/data-summary-formatter/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/data-summary-formatter/package.json
+++ b/samples/grids/tree-grid/data-summary-formatter/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/data-summary-options-styling/package.json b/samples/grids/tree-grid/data-summary-options-styling/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/data-summary-options-styling/package.json
+++ b/samples/grids/tree-grid/data-summary-options-styling/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/data-summary-options/package.json b/samples/grids/tree-grid/data-summary-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/data-summary-options/package.json
+++ b/samples/grids/tree-grid/data-summary-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/data-summary-template/package.json b/samples/grids/tree-grid/data-summary-template/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/tree-grid/data-summary-template/package.json
+++ b/samples/grids/tree-grid/data-summary-template/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/editing-columns/package.json b/samples/grids/tree-grid/editing-columns/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/editing-columns/package.json
+++ b/samples/grids/tree-grid/editing-columns/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/editing-events/package.json b/samples/grids/tree-grid/editing-events/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/editing-events/package.json
+++ b/samples/grids/tree-grid/editing-events/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/editing-lifecycle/package.json b/samples/grids/tree-grid/editing-lifecycle/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/editing-lifecycle/package.json
+++ b/samples/grids/tree-grid/editing-lifecycle/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/excel-exporting/package.json b/samples/grids/tree-grid/excel-exporting/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/excel-exporting/package.json
+++ b/samples/grids/tree-grid/excel-exporting/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/excel-style-filtering-style/package.json b/samples/grids/tree-grid/excel-style-filtering-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/excel-style-filtering-style/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/filtering-options/package.json b/samples/grids/tree-grid/filtering-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/filtering-options/package.json
+++ b/samples/grids/tree-grid/filtering-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/filtering-style/package.json b/samples/grids/tree-grid/filtering-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/filtering-style/package.json
+++ b/samples/grids/tree-grid/filtering-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/keyboard-custom-navigation/package.json b/samples/grids/tree-grid/keyboard-custom-navigation/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/tree-grid/keyboard-custom-navigation/package.json
+++ b/samples/grids/tree-grid/keyboard-custom-navigation/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/layout-display-density/package.json b/samples/grids/tree-grid/layout-display-density/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/tree-grid/layout-display-density/package.json
+++ b/samples/grids/tree-grid/layout-display-density/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/multi-cell-selection-mode/package.json b/samples/grids/tree-grid/multi-cell-selection-mode/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/tree-grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/multi-cell-selection-mode/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/multi-column-headers-export/package.json b/samples/grids/tree-grid/multi-column-headers-export/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/multi-column-headers-export/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-export/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/multi-column-headers-overview/package.json b/samples/grids/tree-grid/multi-column-headers-overview/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/tree-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-overview/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/multi-column-headers-styling/package.json b/samples/grids/tree-grid/multi-column-headers-styling/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/multi-column-headers-styling/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-styling/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/multi-column-headers-template/package.json b/samples/grids/tree-grid/multi-column-headers-template/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/multi-column-headers-template/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-template/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/overview-styling/package.json b/samples/grids/tree-grid/overview-styling/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/overview-styling/package.json
+++ b/samples/grids/tree-grid/overview-styling/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/overview/package.json b/samples/grids/tree-grid/overview/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/tree-grid/overview/package.json
+++ b/samples/grids/tree-grid/overview/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/row-adding/package.json b/samples/grids/tree-grid/row-adding/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/row-adding/package.json
+++ b/samples/grids/tree-grid/row-adding/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/row-classes/package.json b/samples/grids/tree-grid/row-classes/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/row-classes/package.json
+++ b/samples/grids/tree-grid/row-classes/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/row-drag-base/package.json b/samples/grids/tree-grid/row-drag-base/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/tree-grid/row-drag-base/package.json
+++ b/samples/grids/tree-grid/row-drag-base/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/row-editing-options/package.json b/samples/grids/tree-grid/row-editing-options/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/row-editing-options/package.json
+++ b/samples/grids/tree-grid/row-editing-options/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/row-editing-style/package.json b/samples/grids/tree-grid/row-editing-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/row-editing-style/package.json
+++ b/samples/grids/tree-grid/row-editing-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/row-paging-basic/package.json b/samples/grids/tree-grid/row-paging-basic/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/row-paging-basic/package.json
+++ b/samples/grids/tree-grid/row-paging-basic/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/row-paging-options/package.json b/samples/grids/tree-grid/row-paging-options/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/tree-grid/row-paging-options/package.json
+++ b/samples/grids/tree-grid/row-paging-options/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/row-paging-style/package.json b/samples/grids/tree-grid/row-paging-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/row-paging-style/package.json
+++ b/samples/grids/tree-grid/row-paging-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/row-pinning-extra-column/package.json b/samples/grids/tree-grid/row-pinning-extra-column/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/tree-grid/row-pinning-extra-column/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/row-pinning-options/package.json b/samples/grids/tree-grid/row-pinning-options/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/tree-grid/row-pinning-options/package.json
+++ b/samples/grids/tree-grid/row-pinning-options/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/row-pinning-style/package.json b/samples/grids/tree-grid/row-pinning-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/row-pinning-style/package.json
+++ b/samples/grids/tree-grid/row-pinning-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/row-reorder/package.json b/samples/grids/tree-grid/row-reorder/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/row-reorder/package.json
+++ b/samples/grids/tree-grid/row-reorder/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/row-selection-mode/package.json b/samples/grids/tree-grid/row-selection-mode/package.json
index 018f6d3a70..e0284d363d 100644
--- a/samples/grids/tree-grid/row-selection-mode/package.json
+++ b/samples/grids/tree-grid/row-selection-mode/package.json
@@ -20,7 +20,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/row-selection-template-excel/package.json b/samples/grids/tree-grid/row-selection-template-excel/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/row-selection-template-excel/package.json
+++ b/samples/grids/tree-grid/row-selection-template-excel/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/row-selection-template-numbers/package.json b/samples/grids/tree-grid/row-selection-template-numbers/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/tree-grid/row-selection-template-numbers/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/row-styles/package.json b/samples/grids/tree-grid/row-styles/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/row-styles/package.json
+++ b/samples/grids/tree-grid/row-styles/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/state-persistence-about/package.json b/samples/grids/tree-grid/state-persistence-about/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/tree-grid/state-persistence-about/package.json
+++ b/samples/grids/tree-grid/state-persistence-about/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/state-persistence-main/package.json b/samples/grids/tree-grid/state-persistence-main/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/tree-grid/state-persistence-main/package.json
+++ b/samples/grids/tree-grid/state-persistence-main/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/toolbar-sample-1/package.json b/samples/grids/tree-grid/toolbar-sample-1/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/toolbar-sample-1/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-1/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/toolbar-sample-2/package.json b/samples/grids/tree-grid/toolbar-sample-2/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/tree-grid/toolbar-sample-2/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-2/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/toolbar-sample-3/package.json b/samples/grids/tree-grid/toolbar-sample-3/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/toolbar-sample-3/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-3/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/toolbar-sample-4/package.json b/samples/grids/tree-grid/toolbar-sample-4/package.json
index 475b3f5021..de96b846d0 100644
--- a/samples/grids/tree-grid/toolbar-sample-4/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-4/package.json
@@ -21,7 +21,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/toolbar-style/package.json b/samples/grids/tree-grid/toolbar-style/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/toolbar-style/package.json
+++ b/samples/grids/tree-grid/toolbar-style/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/grids/tree-grid/using-primary-foreign-keys/package.json b/samples/grids/tree-grid/using-primary-foreign-keys/package.json
index 5e56007504..e0a9f341db 100644
--- a/samples/grids/tree-grid/using-primary-foreign-keys/package.json
+++ b/samples/grids/tree-grid/using-primary-foreign-keys/package.json
@@ -18,7 +18,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-grids": "^19.6.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/inputs/badge/outlined/package.json b/samples/inputs/badge/outlined/package.json
index 9388f145d4..d5e42147ca 100644
--- a/samples/inputs/badge/outlined/package.json
+++ b/samples/inputs/badge/outlined/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/badge/shape/package.json b/samples/inputs/badge/shape/package.json
index 771b43217b..9c5f1ce77d 100644
--- a/samples/inputs/badge/shape/package.json
+++ b/samples/inputs/badge/shape/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/badge/styling/package.json b/samples/inputs/badge/styling/package.json
index 771b43217b..9c5f1ce77d 100644
--- a/samples/inputs/badge/styling/package.json
+++ b/samples/inputs/badge/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/badge/variants/package.json b/samples/inputs/badge/variants/package.json
index 9001dd12d0..f72ac0fcf6 100644
--- a/samples/inputs/badge/variants/package.json
+++ b/samples/inputs/badge/variants/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/button-group/alignment/package.json b/samples/inputs/button-group/alignment/package.json
index 602c6424c2..798e0ed428 100644
--- a/samples/inputs/button-group/alignment/package.json
+++ b/samples/inputs/button-group/alignment/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/button-group/overview/package.json b/samples/inputs/button-group/overview/package.json
index 531457dac5..8737842f69 100644
--- a/samples/inputs/button-group/overview/package.json
+++ b/samples/inputs/button-group/overview/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/button-group/selection/package.json b/samples/inputs/button-group/selection/package.json
index 3e4bb6aa25..85d4229ec5 100644
--- a/samples/inputs/button-group/selection/package.json
+++ b/samples/inputs/button-group/selection/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/button-group/size/package.json b/samples/inputs/button-group/size/package.json
index 6e1f87d061..0c488be7e4 100644
--- a/samples/inputs/button-group/size/package.json
+++ b/samples/inputs/button-group/size/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/button-group/styling/package.json b/samples/inputs/button-group/styling/package.json
index 6fcd5e81a1..004479307c 100644
--- a/samples/inputs/button-group/styling/package.json
+++ b/samples/inputs/button-group/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/button/contained/package.json b/samples/inputs/button/contained/package.json
index cdde0aeedf..6c1889e1da 100644
--- a/samples/inputs/button/contained/package.json
+++ b/samples/inputs/button/contained/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/button/download/package.json b/samples/inputs/button/download/package.json
index c933d76551..5f3d166bec 100644
--- a/samples/inputs/button/download/package.json
+++ b/samples/inputs/button/download/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/button/fab/package.json b/samples/inputs/button/fab/package.json
index 2986a1dcd4..eb12e1a1e2 100644
--- a/samples/inputs/button/fab/package.json
+++ b/samples/inputs/button/fab/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/button/flat/package.json b/samples/inputs/button/flat/package.json
index 86d5d3b0d3..2a1cb30d42 100644
--- a/samples/inputs/button/flat/package.json
+++ b/samples/inputs/button/flat/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/button/outlined/package.json b/samples/inputs/button/outlined/package.json
index 3abe8ecebf..911473f0a4 100644
--- a/samples/inputs/button/outlined/package.json
+++ b/samples/inputs/button/outlined/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/button/overview/package.json b/samples/inputs/button/overview/package.json
index 39dc6d54ba..f985d60b41 100644
--- a/samples/inputs/button/overview/package.json
+++ b/samples/inputs/button/overview/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/button/size/package.json b/samples/inputs/button/size/package.json
index 6745a09616..831d9ae2b7 100644
--- a/samples/inputs/button/size/package.json
+++ b/samples/inputs/button/size/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/button/styling/package.json b/samples/inputs/button/styling/package.json
index e34b2de156..b05533ec55 100644
--- a/samples/inputs/button/styling/package.json
+++ b/samples/inputs/button/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/checkbox/checking/package.json b/samples/inputs/checkbox/checking/package.json
index fa427fcbf5..dda3683bcb 100644
--- a/samples/inputs/checkbox/checking/package.json
+++ b/samples/inputs/checkbox/checking/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/checkbox/disabled/package.json b/samples/inputs/checkbox/disabled/package.json
index 4107146be5..abfb1ff1a8 100644
--- a/samples/inputs/checkbox/disabled/package.json
+++ b/samples/inputs/checkbox/disabled/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/checkbox/indeterminate/package.json b/samples/inputs/checkbox/indeterminate/package.json
index 2c62466973..3b3697cc00 100644
--- a/samples/inputs/checkbox/indeterminate/package.json
+++ b/samples/inputs/checkbox/indeterminate/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/checkbox/label/package.json b/samples/inputs/checkbox/label/package.json
index 280e8569c1..ecbd2cc55c 100644
--- a/samples/inputs/checkbox/label/package.json
+++ b/samples/inputs/checkbox/label/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/checkbox/overview/package.json b/samples/inputs/checkbox/overview/package.json
index 193e69edb7..e746481d8a 100644
--- a/samples/inputs/checkbox/overview/package.json
+++ b/samples/inputs/checkbox/overview/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/checkbox/styling/package.json b/samples/inputs/checkbox/styling/package.json
index 193e69edb7..e746481d8a 100644
--- a/samples/inputs/checkbox/styling/package.json
+++ b/samples/inputs/checkbox/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/chip/multiple/package.json b/samples/inputs/chip/multiple/package.json
index 1dd53bf111..82b319934a 100644
--- a/samples/inputs/chip/multiple/package.json
+++ b/samples/inputs/chip/multiple/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/chip/overview/package.json b/samples/inputs/chip/overview/package.json
index b1a71414c3..289388d56a 100644
--- a/samples/inputs/chip/overview/package.json
+++ b/samples/inputs/chip/overview/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/chip/size/package.json b/samples/inputs/chip/size/package.json
index 1a7c161af8..407a3daa2a 100644
--- a/samples/inputs/chip/size/package.json
+++ b/samples/inputs/chip/size/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/chip/styling/package.json b/samples/inputs/chip/styling/package.json
index faae4000c6..2ff31c623a 100644
--- a/samples/inputs/chip/styling/package.json
+++ b/samples/inputs/chip/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/chip/variants/package.json b/samples/inputs/chip/variants/package.json
index e2b0d5a7bd..d898ad64da 100644
--- a/samples/inputs/chip/variants/package.json
+++ b/samples/inputs/chip/variants/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/circular-progress-indicator/dynamic/package.json b/samples/inputs/circular-progress-indicator/dynamic/package.json
index 546e25c4ba..1d06b9ca3b 100644
--- a/samples/inputs/circular-progress-indicator/dynamic/package.json
+++ b/samples/inputs/circular-progress-indicator/dynamic/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/circular-progress-indicator/indeterminate/package.json b/samples/inputs/circular-progress-indicator/indeterminate/package.json
index 896b713c96..349706a62c 100644
--- a/samples/inputs/circular-progress-indicator/indeterminate/package.json
+++ b/samples/inputs/circular-progress-indicator/indeterminate/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/circular-progress-indicator/simple/package.json b/samples/inputs/circular-progress-indicator/simple/package.json
index 87692eaf30..f5b20efbdc 100644
--- a/samples/inputs/circular-progress-indicator/simple/package.json
+++ b/samples/inputs/circular-progress-indicator/simple/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/circular-progress-indicator/styling/package.json b/samples/inputs/circular-progress-indicator/styling/package.json
index f03d058886..4b21ede7a1 100644
--- a/samples/inputs/circular-progress-indicator/styling/package.json
+++ b/samples/inputs/circular-progress-indicator/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/color-editor/overview/package.json b/samples/inputs/color-editor/overview/package.json
index eb91014176..bfc7a8b661 100644
--- a/samples/inputs/color-editor/overview/package.json
+++ b/samples/inputs/color-editor/overview/package.json
@@ -17,7 +17,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
"igniteui-react-inputs": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/inputs/combo/features/package.json b/samples/inputs/combo/features/package.json
index ab8e2f0e28..2b01d46e45 100644
--- a/samples/inputs/combo/features/package.json
+++ b/samples/inputs/combo/features/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/combo/overview/package.json b/samples/inputs/combo/overview/package.json
index 4cfc7343f4..1bd48f1106 100644
--- a/samples/inputs/combo/overview/package.json
+++ b/samples/inputs/combo/overview/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/combo/selection/package.json b/samples/inputs/combo/selection/package.json
index bf14b328c6..43851ab3b8 100644
--- a/samples/inputs/combo/selection/package.json
+++ b/samples/inputs/combo/selection/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/combo/simplified/package.json b/samples/inputs/combo/simplified/package.json
index 7e02bc25ce..c6e0702ce9 100644
--- a/samples/inputs/combo/simplified/package.json
+++ b/samples/inputs/combo/simplified/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/combo/styling/package.json b/samples/inputs/combo/styling/package.json
index 5a46dc1dd8..289d7b9928 100644
--- a/samples/inputs/combo/styling/package.json
+++ b/samples/inputs/combo/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/combo/templates/package.json b/samples/inputs/combo/templates/package.json
index 86567a4518..28326e56b7 100644
--- a/samples/inputs/combo/templates/package.json
+++ b/samples/inputs/combo/templates/package.json
@@ -18,7 +18,7 @@
"igniteui-react-grids": "^19.6.2",
"igniteui-react-inputs": "19.6.0-beta.2",
"igniteui-react-layouts": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"lit-html": "^3.2.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
diff --git a/samples/inputs/date-time-input/input-format-display-format/package.json b/samples/inputs/date-time-input/input-format-display-format/package.json
index 98bb2d8a9d..95fcfde57d 100644
--- a/samples/inputs/date-time-input/input-format-display-format/package.json
+++ b/samples/inputs/date-time-input/input-format-display-format/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/date-time-input/min-max-value/package.json b/samples/inputs/date-time-input/min-max-value/package.json
index 13e0063f0e..cebb0cd461 100644
--- a/samples/inputs/date-time-input/min-max-value/package.json
+++ b/samples/inputs/date-time-input/min-max-value/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/date-time-input/overview/package.json b/samples/inputs/date-time-input/overview/package.json
index 697473391f..7c8dcd6250 100644
--- a/samples/inputs/date-time-input/overview/package.json
+++ b/samples/inputs/date-time-input/overview/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/date-time-input/step-up-down/package.json b/samples/inputs/date-time-input/step-up-down/package.json
index 3dd0338beb..47e747274b 100644
--- a/samples/inputs/date-time-input/step-up-down/package.json
+++ b/samples/inputs/date-time-input/step-up-down/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/date-time-input/styling/package.json b/samples/inputs/date-time-input/styling/package.json
index 697473391f..7c8dcd6250 100644
--- a/samples/inputs/date-time-input/styling/package.json
+++ b/samples/inputs/date-time-input/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/dropdown/group/package.json b/samples/inputs/dropdown/group/package.json
index 1b8ffc6c54..c53f84f36f 100644
--- a/samples/inputs/dropdown/group/package.json
+++ b/samples/inputs/dropdown/group/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/dropdown/header/package.json b/samples/inputs/dropdown/header/package.json
index 3f9088b338..af618b4b33 100644
--- a/samples/inputs/dropdown/header/package.json
+++ b/samples/inputs/dropdown/header/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/dropdown/item/package.json b/samples/inputs/dropdown/item/package.json
index 6e5f9388cc..bdc3055705 100644
--- a/samples/inputs/dropdown/item/package.json
+++ b/samples/inputs/dropdown/item/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/dropdown/overview/package.json b/samples/inputs/dropdown/overview/package.json
index 55fd860ae0..66ada80b15 100644
--- a/samples/inputs/dropdown/overview/package.json
+++ b/samples/inputs/dropdown/overview/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/dropdown/position/package.json b/samples/inputs/dropdown/position/package.json
index 59ce7c358e..53da8e0156 100644
--- a/samples/inputs/dropdown/position/package.json
+++ b/samples/inputs/dropdown/position/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/dropdown/styling/package.json b/samples/inputs/dropdown/styling/package.json
index c87a2ad02b..14ab2c7aad 100644
--- a/samples/inputs/dropdown/styling/package.json
+++ b/samples/inputs/dropdown/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/dropdown/target/package.json b/samples/inputs/dropdown/target/package.json
index 0cbd2f0f13..884a92b1f6 100644
--- a/samples/inputs/dropdown/target/package.json
+++ b/samples/inputs/dropdown/target/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/icon-button/size/package.json b/samples/inputs/icon-button/size/package.json
index eb928ce33c..064d3ada1a 100644
--- a/samples/inputs/icon-button/size/package.json
+++ b/samples/inputs/icon-button/size/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/icon-button/styling/package.json b/samples/inputs/icon-button/styling/package.json
index b365212f89..b8a2da7578 100644
--- a/samples/inputs/icon-button/styling/package.json
+++ b/samples/inputs/icon-button/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/icon-button/variant/package.json b/samples/inputs/icon-button/variant/package.json
index 344357772a..b18d2a6b62 100644
--- a/samples/inputs/icon-button/variant/package.json
+++ b/samples/inputs/icon-button/variant/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/input/helper-text/package.json b/samples/inputs/input/helper-text/package.json
index b6a6548f8d..85c9248b16 100644
--- a/samples/inputs/input/helper-text/package.json
+++ b/samples/inputs/input/helper-text/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.1.3",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/input/overview/package.json b/samples/inputs/input/overview/package.json
index d299c278cc..e41d358ce8 100644
--- a/samples/inputs/input/overview/package.json
+++ b/samples/inputs/input/overview/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/input/prefix-suffix/package.json b/samples/inputs/input/prefix-suffix/package.json
index 70ee065abe..07ce26e924 100644
--- a/samples/inputs/input/prefix-suffix/package.json
+++ b/samples/inputs/input/prefix-suffix/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/input/size/package.json b/samples/inputs/input/size/package.json
index 83b9587b22..72814e9c80 100644
--- a/samples/inputs/input/size/package.json
+++ b/samples/inputs/input/size/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/input/styling/package.json b/samples/inputs/input/styling/package.json
index 558abc52cb..a165bbfbcf 100644
--- a/samples/inputs/input/styling/package.json
+++ b/samples/inputs/input/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/linear-progress-indicator/dynamic/package.json b/samples/inputs/linear-progress-indicator/dynamic/package.json
index 2c287148c3..c80eedff90 100644
--- a/samples/inputs/linear-progress-indicator/dynamic/package.json
+++ b/samples/inputs/linear-progress-indicator/dynamic/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/linear-progress-indicator/simple/package.json b/samples/inputs/linear-progress-indicator/simple/package.json
index 51b89ffb85..4cfbc4c43a 100644
--- a/samples/inputs/linear-progress-indicator/simple/package.json
+++ b/samples/inputs/linear-progress-indicator/simple/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/linear-progress-indicator/striped/package.json b/samples/inputs/linear-progress-indicator/striped/package.json
index a10bbb227f..d32a2f0492 100644
--- a/samples/inputs/linear-progress-indicator/striped/package.json
+++ b/samples/inputs/linear-progress-indicator/striped/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/linear-progress-indicator/styling/package.json b/samples/inputs/linear-progress-indicator/styling/package.json
index 12d8b8de13..610a104899 100644
--- a/samples/inputs/linear-progress-indicator/styling/package.json
+++ b/samples/inputs/linear-progress-indicator/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/linear-progress-indicator/types/package.json b/samples/inputs/linear-progress-indicator/types/package.json
index e5fd07e6b6..b823f568e7 100644
--- a/samples/inputs/linear-progress-indicator/types/package.json
+++ b/samples/inputs/linear-progress-indicator/types/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/mask-input/applying-mask/package.json b/samples/inputs/mask-input/applying-mask/package.json
index d08d5a94fb..1583d598f4 100644
--- a/samples/inputs/mask-input/applying-mask/package.json
+++ b/samples/inputs/mask-input/applying-mask/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/mask-input/overview/package.json b/samples/inputs/mask-input/overview/package.json
index 4734fc8293..5f0a0c6284 100644
--- a/samples/inputs/mask-input/overview/package.json
+++ b/samples/inputs/mask-input/overview/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/mask-input/value-modes/package.json b/samples/inputs/mask-input/value-modes/package.json
index f6edc13734..83548b52f2 100644
--- a/samples/inputs/mask-input/value-modes/package.json
+++ b/samples/inputs/mask-input/value-modes/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/radio/alignment/package.json b/samples/inputs/radio/alignment/package.json
index 0a42c7ae3b..202dc48779 100644
--- a/samples/inputs/radio/alignment/package.json
+++ b/samples/inputs/radio/alignment/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/radio/disabled/package.json b/samples/inputs/radio/disabled/package.json
index 062b6896a1..3d30c95a9f 100644
--- a/samples/inputs/radio/disabled/package.json
+++ b/samples/inputs/radio/disabled/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/radio/group/package.json b/samples/inputs/radio/group/package.json
index 80e8b36c98..a3427a2e28 100644
--- a/samples/inputs/radio/group/package.json
+++ b/samples/inputs/radio/group/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/radio/invalid/package.json b/samples/inputs/radio/invalid/package.json
index 4e1ceeed93..508470deb6 100644
--- a/samples/inputs/radio/invalid/package.json
+++ b/samples/inputs/radio/invalid/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/radio/label/package.json b/samples/inputs/radio/label/package.json
index b12f18a6ee..36dad40ed2 100644
--- a/samples/inputs/radio/label/package.json
+++ b/samples/inputs/radio/label/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/radio/styling/package.json b/samples/inputs/radio/styling/package.json
index 7432c3cae1..3af71679ee 100644
--- a/samples/inputs/radio/styling/package.json
+++ b/samples/inputs/radio/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/rating/basic/package.json b/samples/inputs/rating/basic/package.json
index 39dc6d54ba..f985d60b41 100644
--- a/samples/inputs/rating/basic/package.json
+++ b/samples/inputs/rating/basic/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/rating/custom/package.json b/samples/inputs/rating/custom/package.json
index 39dc6d54ba..f985d60b41 100644
--- a/samples/inputs/rating/custom/package.json
+++ b/samples/inputs/rating/custom/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/rating/empty/package.json b/samples/inputs/rating/empty/package.json
index 39dc6d54ba..f985d60b41 100644
--- a/samples/inputs/rating/empty/package.json
+++ b/samples/inputs/rating/empty/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/rating/single-selection/package.json b/samples/inputs/rating/single-selection/package.json
index 39dc6d54ba..f985d60b41 100644
--- a/samples/inputs/rating/single-selection/package.json
+++ b/samples/inputs/rating/single-selection/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/rating/styling/package.json b/samples/inputs/rating/styling/package.json
index 39dc6d54ba..f985d60b41 100644
--- a/samples/inputs/rating/styling/package.json
+++ b/samples/inputs/rating/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/ripple/button/package.json b/samples/inputs/ripple/button/package.json
index 011eed18a6..d05f2506bf 100644
--- a/samples/inputs/ripple/button/package.json
+++ b/samples/inputs/ripple/button/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/ripple/color/package.json b/samples/inputs/ripple/color/package.json
index 3a4c6344e9..f7b7ac5898 100644
--- a/samples/inputs/ripple/color/package.json
+++ b/samples/inputs/ripple/color/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/select/group/package.json b/samples/inputs/select/group/package.json
index 2af0179e73..2fad4879ea 100644
--- a/samples/inputs/select/group/package.json
+++ b/samples/inputs/select/group/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/select/header/package.json b/samples/inputs/select/header/package.json
index 9a42f6f224..c035d0c97b 100644
--- a/samples/inputs/select/header/package.json
+++ b/samples/inputs/select/header/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/select/item/package.json b/samples/inputs/select/item/package.json
index 14d4cb82b4..510fde5ff9 100644
--- a/samples/inputs/select/item/package.json
+++ b/samples/inputs/select/item/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/select/overview/package.json b/samples/inputs/select/overview/package.json
index 2bf39ed037..54c6a7b8ba 100644
--- a/samples/inputs/select/overview/package.json
+++ b/samples/inputs/select/overview/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/select/styling/package.json b/samples/inputs/select/styling/package.json
index 3fb307ff58..ce6ca37951 100644
--- a/samples/inputs/select/styling/package.json
+++ b/samples/inputs/select/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/slider/constraints/package.json b/samples/inputs/slider/constraints/package.json
index 7211c703ef..d7ae805371 100644
--- a/samples/inputs/slider/constraints/package.json
+++ b/samples/inputs/slider/constraints/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/slider/disabled/package.json b/samples/inputs/slider/disabled/package.json
index c161fea883..a9e14dfade 100644
--- a/samples/inputs/slider/disabled/package.json
+++ b/samples/inputs/slider/disabled/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/slider/discrete/package.json b/samples/inputs/slider/discrete/package.json
index 16dd1f1bf3..9d22b00cca 100644
--- a/samples/inputs/slider/discrete/package.json
+++ b/samples/inputs/slider/discrete/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/slider/labels/package.json b/samples/inputs/slider/labels/package.json
index 33931e6b63..4a158ef0eb 100644
--- a/samples/inputs/slider/labels/package.json
+++ b/samples/inputs/slider/labels/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/slider/overview/package.json b/samples/inputs/slider/overview/package.json
index a2ee0e2864..a2be738491 100644
--- a/samples/inputs/slider/overview/package.json
+++ b/samples/inputs/slider/overview/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/slider/styling/package.json b/samples/inputs/slider/styling/package.json
index d24a40db4e..cd621cd31b 100644
--- a/samples/inputs/slider/styling/package.json
+++ b/samples/inputs/slider/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/slider/tick-labels/package.json b/samples/inputs/slider/tick-labels/package.json
index 717c7e8bba..0b2e6db582 100644
--- a/samples/inputs/slider/tick-labels/package.json
+++ b/samples/inputs/slider/tick-labels/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/slider/ticks/package.json b/samples/inputs/slider/ticks/package.json
index c9ac13dfd6..e17f5d2243 100644
--- a/samples/inputs/slider/ticks/package.json
+++ b/samples/inputs/slider/ticks/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/slider/value-format/package.json b/samples/inputs/slider/value-format/package.json
index f881bb8191..77a58dd5a8 100644
--- a/samples/inputs/slider/value-format/package.json
+++ b/samples/inputs/slider/value-format/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/slider/value/package.json b/samples/inputs/slider/value/package.json
index e67311c20f..fc77193a3f 100644
--- a/samples/inputs/slider/value/package.json
+++ b/samples/inputs/slider/value/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/switches/checking/package.json b/samples/inputs/switches/checking/package.json
index ec83f0fdce..18be8cecfb 100644
--- a/samples/inputs/switches/checking/package.json
+++ b/samples/inputs/switches/checking/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/switches/disabled/package.json b/samples/inputs/switches/disabled/package.json
index 5bfc4354cb..c35458e066 100644
--- a/samples/inputs/switches/disabled/package.json
+++ b/samples/inputs/switches/disabled/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/switches/label/package.json b/samples/inputs/switches/label/package.json
index e255301337..cedf0fde78 100644
--- a/samples/inputs/switches/label/package.json
+++ b/samples/inputs/switches/label/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/switches/overview/package.json b/samples/inputs/switches/overview/package.json
index 13919e4e64..c96c8eaad7 100644
--- a/samples/inputs/switches/overview/package.json
+++ b/samples/inputs/switches/overview/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/switches/styling/package.json b/samples/inputs/switches/styling/package.json
index ec83f0fdce..18be8cecfb 100644
--- a/samples/inputs/switches/styling/package.json
+++ b/samples/inputs/switches/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/textarea/form-integration/package.json b/samples/inputs/textarea/form-integration/package.json
index c79b89d044..b6873c2e75 100644
--- a/samples/inputs/textarea/form-integration/package.json
+++ b/samples/inputs/textarea/form-integration/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/textarea/overview/package.json b/samples/inputs/textarea/overview/package.json
index e869a1d2f4..1eb68c1cb4 100644
--- a/samples/inputs/textarea/overview/package.json
+++ b/samples/inputs/textarea/overview/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/textarea/resize/package.json b/samples/inputs/textarea/resize/package.json
index 18bbad8b09..fff5ac357d 100644
--- a/samples/inputs/textarea/resize/package.json
+++ b/samples/inputs/textarea/resize/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/textarea/slots/package.json b/samples/inputs/textarea/slots/package.json
index 98df73217a..f9f17129fc 100644
--- a/samples/inputs/textarea/slots/package.json
+++ b/samples/inputs/textarea/slots/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/textarea/styling/package.json b/samples/inputs/textarea/styling/package.json
index 6b77f6880b..5564b04066 100644
--- a/samples/inputs/textarea/styling/package.json
+++ b/samples/inputs/textarea/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/tooltip/advanced/package.json b/samples/inputs/tooltip/advanced/package.json
index 8a587297ae..69fa02f44d 100644
--- a/samples/inputs/tooltip/advanced/package.json
+++ b/samples/inputs/tooltip/advanced/package.json
@@ -16,7 +16,7 @@
"igniteui-react": "^19.6.2",
"igniteui-react-charts": "19.6.0-beta.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/tooltip/overview/package.json b/samples/inputs/tooltip/overview/package.json
index 39dc6d54ba..f985d60b41 100644
--- a/samples/inputs/tooltip/overview/package.json
+++ b/samples/inputs/tooltip/overview/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/tooltip/placement/package.json b/samples/inputs/tooltip/placement/package.json
index 39dc6d54ba..f985d60b41 100644
--- a/samples/inputs/tooltip/placement/package.json
+++ b/samples/inputs/tooltip/placement/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/tooltip/rich/package.json b/samples/inputs/tooltip/rich/package.json
index 39dc6d54ba..f985d60b41 100644
--- a/samples/inputs/tooltip/rich/package.json
+++ b/samples/inputs/tooltip/rich/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/tooltip/styling/package.json b/samples/inputs/tooltip/styling/package.json
index 39dc6d54ba..f985d60b41 100644
--- a/samples/inputs/tooltip/styling/package.json
+++ b/samples/inputs/tooltip/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/inputs/tooltip/triggers/package.json b/samples/inputs/tooltip/triggers/package.json
index 39dc6d54ba..f985d60b41 100644
--- a/samples/inputs/tooltip/triggers/package.json
+++ b/samples/inputs/tooltip/triggers/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/interactions/chat/features/package.json b/samples/interactions/chat/features/package.json
index 3b005d58fe..f127cb8060 100644
--- a/samples/interactions/chat/features/package.json
+++ b/samples/interactions/chat/features/package.json
@@ -16,7 +16,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"marked": "^16.4.1",
"marked-shiki": "^1.2.1",
"react": "^19.2.0",
diff --git a/samples/interactions/chat/overview/package.json b/samples/interactions/chat/overview/package.json
index 397bb534de..f865da7e01 100644
--- a/samples/interactions/chat/overview/package.json
+++ b/samples/interactions/chat/overview/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/interactions/chat/styling/package.json b/samples/interactions/chat/styling/package.json
index db92bd431f..e4eaeb6345 100644
--- a/samples/interactions/chat/styling/package.json
+++ b/samples/interactions/chat/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/accordion/customization/package.json b/samples/layouts/accordion/customization/package.json
index e2fcb76cfa..525b552891 100644
--- a/samples/layouts/accordion/customization/package.json
+++ b/samples/layouts/accordion/customization/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/accordion/nested-scenario/package.json b/samples/layouts/accordion/nested-scenario/package.json
index 9953808096..c7f4ddbb50 100644
--- a/samples/layouts/accordion/nested-scenario/package.json
+++ b/samples/layouts/accordion/nested-scenario/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/accordion/overview/package.json b/samples/layouts/accordion/overview/package.json
index 9dfaf91129..b68d55d5d0 100644
--- a/samples/layouts/accordion/overview/package.json
+++ b/samples/layouts/accordion/overview/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/avatar/icon/package.json b/samples/layouts/avatar/icon/package.json
index cea75b68c5..681af3042d 100644
--- a/samples/layouts/avatar/icon/package.json
+++ b/samples/layouts/avatar/icon/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/avatar/image/package.json b/samples/layouts/avatar/image/package.json
index 91f9e5c43d..4c7bbc73b1 100644
--- a/samples/layouts/avatar/image/package.json
+++ b/samples/layouts/avatar/image/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/avatar/initials/package.json b/samples/layouts/avatar/initials/package.json
index cdb9ff6719..ba59397711 100644
--- a/samples/layouts/avatar/initials/package.json
+++ b/samples/layouts/avatar/initials/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/avatar/shape/package.json b/samples/layouts/avatar/shape/package.json
index e3a9e972e8..314be4da43 100644
--- a/samples/layouts/avatar/shape/package.json
+++ b/samples/layouts/avatar/shape/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/avatar/size/package.json b/samples/layouts/avatar/size/package.json
index 8b71ea878c..795d727d79 100644
--- a/samples/layouts/avatar/size/package.json
+++ b/samples/layouts/avatar/size/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/avatar/styling/package.json b/samples/layouts/avatar/styling/package.json
index 0d05128011..f75d85fd4a 100644
--- a/samples/layouts/avatar/styling/package.json
+++ b/samples/layouts/avatar/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/card/horizontal/package.json b/samples/layouts/card/horizontal/package.json
index 1fa2001f20..bd531df931 100644
--- a/samples/layouts/card/horizontal/package.json
+++ b/samples/layouts/card/horizontal/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/card/overview/package.json b/samples/layouts/card/overview/package.json
index 5e31feb21c..b2f2e52888 100644
--- a/samples/layouts/card/overview/package.json
+++ b/samples/layouts/card/overview/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/card/semi-horizontal/package.json b/samples/layouts/card/semi-horizontal/package.json
index 9aa18efaf1..da0aede317 100644
--- a/samples/layouts/card/semi-horizontal/package.json
+++ b/samples/layouts/card/semi-horizontal/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/card/styling/package.json b/samples/layouts/card/styling/package.json
index 9fc99cfadf..badcffbf8d 100644
--- a/samples/layouts/card/styling/package.json
+++ b/samples/layouts/card/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/carousel/animations/package.json b/samples/layouts/carousel/animations/package.json
index 9f8891eb57..3ae7c829fc 100644
--- a/samples/layouts/carousel/animations/package.json
+++ b/samples/layouts/carousel/animations/package.json
@@ -14,7 +14,7 @@
"dependencies": {
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/carousel/components/package.json b/samples/layouts/carousel/components/package.json
index d872d93568..b1f26f927e 100644
--- a/samples/layouts/carousel/components/package.json
+++ b/samples/layouts/carousel/components/package.json
@@ -14,7 +14,7 @@
"dependencies": {
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/carousel/overview/package.json b/samples/layouts/carousel/overview/package.json
index 9e2f98029c..6d45e0469a 100644
--- a/samples/layouts/carousel/overview/package.json
+++ b/samples/layouts/carousel/overview/package.json
@@ -14,7 +14,7 @@
"dependencies": {
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/carousel/thumbnail/package.json b/samples/layouts/carousel/thumbnail/package.json
index 497cd01cc8..f6d0d05f70 100644
--- a/samples/layouts/carousel/thumbnail/package.json
+++ b/samples/layouts/carousel/thumbnail/package.json
@@ -14,7 +14,7 @@
"dependencies": {
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/divider/dashed/package.json b/samples/layouts/divider/dashed/package.json
index cea75b68c5..681af3042d 100644
--- a/samples/layouts/divider/dashed/package.json
+++ b/samples/layouts/divider/dashed/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/divider/middle/package.json b/samples/layouts/divider/middle/package.json
index cea75b68c5..681af3042d 100644
--- a/samples/layouts/divider/middle/package.json
+++ b/samples/layouts/divider/middle/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/divider/overview/package.json b/samples/layouts/divider/overview/package.json
index cea75b68c5..681af3042d 100644
--- a/samples/layouts/divider/overview/package.json
+++ b/samples/layouts/divider/overview/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/divider/select/package.json b/samples/layouts/divider/select/package.json
index cea75b68c5..681af3042d 100644
--- a/samples/layouts/divider/select/package.json
+++ b/samples/layouts/divider/select/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/divider/vertical/package.json b/samples/layouts/divider/vertical/package.json
index cea75b68c5..681af3042d 100644
--- a/samples/layouts/divider/vertical/package.json
+++ b/samples/layouts/divider/vertical/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/expansion-panel/component-customization/package.json b/samples/layouts/expansion-panel/component-customization/package.json
index bf7907f219..bddd483292 100644
--- a/samples/layouts/expansion-panel/component-customization/package.json
+++ b/samples/layouts/expansion-panel/component-customization/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/expansion-panel/properties-and-events/package.json b/samples/layouts/expansion-panel/properties-and-events/package.json
index 138d2141ce..256a88e557 100644
--- a/samples/layouts/expansion-panel/properties-and-events/package.json
+++ b/samples/layouts/expansion-panel/properties-and-events/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/expansion-panel/styling/package.json b/samples/layouts/expansion-panel/styling/package.json
index 9fd5e0ddcd..5c6213a2b2 100644
--- a/samples/layouts/expansion-panel/styling/package.json
+++ b/samples/layouts/expansion-panel/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/expansion-panel/usage/package.json b/samples/layouts/expansion-panel/usage/package.json
index 158fa2ef2e..99af46216f 100644
--- a/samples/layouts/expansion-panel/usage/package.json
+++ b/samples/layouts/expansion-panel/usage/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/icon/sizing/package.json b/samples/layouts/icon/sizing/package.json
index 37086c2daf..7ee513f857 100644
--- a/samples/layouts/icon/sizing/package.json
+++ b/samples/layouts/icon/sizing/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/icon/styling/package.json b/samples/layouts/icon/styling/package.json
index b5a51e70c5..f46fe20cba 100644
--- a/samples/layouts/icon/styling/package.json
+++ b/samples/layouts/icon/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/splitter/base/package.json b/samples/layouts/splitter/base/package.json
index fb45620337..a17bc5b2d9 100644
--- a/samples/layouts/splitter/base/package.json
+++ b/samples/layouts/splitter/base/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/splitter/nested/package.json b/samples/layouts/splitter/nested/package.json
index d890eb388b..a1fe8a2f52 100644
--- a/samples/layouts/splitter/nested/package.json
+++ b/samples/layouts/splitter/nested/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/splitter/styling/package.json b/samples/layouts/splitter/styling/package.json
index 144c77f319..3f97230108 100644
--- a/samples/layouts/splitter/styling/package.json
+++ b/samples/layouts/splitter/styling/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/stepper/animations/package.json b/samples/layouts/stepper/animations/package.json
index 80e8b36c98..a3427a2e28 100644
--- a/samples/layouts/stepper/animations/package.json
+++ b/samples/layouts/stepper/animations/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/stepper/linear/package.json b/samples/layouts/stepper/linear/package.json
index 80e8b36c98..a3427a2e28 100644
--- a/samples/layouts/stepper/linear/package.json
+++ b/samples/layouts/stepper/linear/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/stepper/orientation/package.json b/samples/layouts/stepper/orientation/package.json
index 80e8b36c98..a3427a2e28 100644
--- a/samples/layouts/stepper/orientation/package.json
+++ b/samples/layouts/stepper/orientation/package.json
@@ -15,7 +15,7 @@
"igniteui-dockmanager": "^1.17.0",
"igniteui-react": "^19.6.2",
"igniteui-react-core": "19.6.0-beta.2",
- "igniteui-webcomponents": "^7.0.0",
+ "igniteui-webcomponents": "^7.2.1",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"tslib": "^2.4.0"
diff --git a/samples/layouts/stepper/step-height/.devcontainer/devcontainer.json b/samples/layouts/stepper/step-height/.devcontainer/devcontainer.json
new file mode 100644
index 0000000000..e0b8e9c925
--- /dev/null
+++ b/samples/layouts/stepper/step-height/.devcontainer/devcontainer.json
@@ -0,0 +1,4 @@
+{
+ "name": "Node.js",
+ "image": "mcr.microsoft.com/devcontainers/javascript-node:22"
+}
\ No newline at end of file
diff --git a/samples/layouts/stepper/step-height/.eslintrc.js b/samples/layouts/stepper/step-height/.eslintrc.js
new file mode 100644
index 0000000000..b45160a9ee
--- /dev/null
+++ b/samples/layouts/stepper/step-height/.eslintrc.js
@@ -0,0 +1,75 @@
+// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project
+module.exports = {
+ parser: "@typescript-eslint/parser", // Specifies the ESLint parser
+ parserOptions: {
+ ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+ sourceType: "module", // Allows for the use of imports
+ ecmaFeatures: {
+ jsx: true // Allows for the parsing of JSX
+ }
+ },
+ settings: {
+ react: {
+ version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use
+ }
+ },
+ extends: [
+ "eslint:recommended",
+ "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
+ "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin
+ ],
+ rules: {
+ // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+ "default-case": "off",
+ "no-undef": "off",
+ "no-unused-vars": "off",
+ "no-extend-native": "off",
+ "no-throw-literal": "off",
+ "no-useless-concat": "off",
+ "no-mixed-operators": "off",
+ "no-prototype-builtins": "off",
+ "prefer-const": "off",
+ "prefer-rest-params": "off",
+ "jsx-a11y/alt-text": "off",
+ "jsx-a11y/iframe-has-title": "off",
+ "@typescript-eslint/no-unused-vars": "off",
+ "@typescript-eslint/no-explicit-any": "off",
+ "@typescript-eslint/no-inferrable-types": "off",
+ "@typescript-eslint/no-useless-constructor": "off",
+ "@typescript-eslint/no-use-before-define": "off",
+ "@typescript-eslint/no-non-null-assertion": "off",
+ "@typescript-eslint/interface-name-prefix": "off",
+ "@typescript-eslint/prefer-namespace-keyword": "off",
+ "@typescript-eslint/explicit-function-return-type": "off",
+ "@typescript-eslint/explicit-module-boundary-types": "off"
+ },
+ "overrides": [
+ {
+ "files": ["*.ts", "*.tsx"],
+ "rules": {
+ "default-case": "off",
+ "no-undef": "off",
+ "no-unused-vars": "off",
+ "no-extend-native": "off",
+ "no-throw-literal": "off",
+ "no-useless-concat": "off",
+ "no-mixed-operators": "off",
+ "no-prototype-builtins": "off",
+ "prefer-const": "off",
+ "prefer-rest-params": "off",
+ "jsx-a11y/alt-text": "off",
+ "jsx-a11y/iframe-has-title": "off",
+ "@typescript-eslint/no-unused-vars": "off",
+ "@typescript-eslint/no-explicit-any": "off",
+ "@typescript-eslint/no-inferrable-types": "off",
+ "@typescript-eslint/no-useless-constructor": "off",
+ "@typescript-eslint/no-use-before-define": "off",
+ "@typescript-eslint/no-non-null-assertion": "off",
+ "@typescript-eslint/interface-name-prefix": "off",
+ "@typescript-eslint/prefer-namespace-keyword": "off",
+ "@typescript-eslint/explicit-function-return-type": "off",
+ "@typescript-eslint/explicit-module-boundary-types": "off"
+ }
+ }
+ ]
+ };
\ No newline at end of file
diff --git a/samples/layouts/stepper/step-height/README.md b/samples/layouts/stepper/step-height/README.md
new file mode 100644
index 0000000000..e802da8301
--- /dev/null
+++ b/samples/layouts/stepper/step-height/README.md
@@ -0,0 +1,56 @@
+
+
+
+This folder contains implementation of React application with example of Step Height feature using [Stepper](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+
+
+
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+```
+git clone https://github.com/IgniteUI/igniteui-react-examples.git
+git checkout master
+cd ./igniteui-react-examples
+cd ./samples/layouts/stepper/step-height
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html).
diff --git a/samples/layouts/stepper/step-height/index.html b/samples/layouts/stepper/step-height/index.html
new file mode 100644
index 0000000000..a345b13df5
--- /dev/null
+++ b/samples/layouts/stepper/step-height/index.html
@@ -0,0 +1,11 @@
+
+
+
+ StepperStepHeight
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/samples/layouts/stepper/step-height/package.json b/samples/layouts/stepper/step-height/package.json
new file mode 100644
index 0000000000..d04ac53220
--- /dev/null
+++ b/samples/layouts/stepper/step-height/package.json
@@ -0,0 +1,42 @@
+{
+ "name": "react-step-height",
+ "description": "This project provides example of Dynamic Step Height feature using Infragistics React components",
+ "author": "Infragistics",
+ "homepage": ".",
+ "version": "1.4.0",
+ "private": true,
+ "scripts": {
+ "start": "vite --port 4200",
+ "build": "tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite build",
+ "preview": "vite preview",
+ "test": "vitest"
+ },
+ "dependencies": {
+ "igniteui-dockmanager": "^1.17.0",
+ "igniteui-react": "^19.6.2",
+ "igniteui-react-core": "19.6.0-beta.2",
+ "igniteui-webcomponents": "^7.2.1",
+ "react": "^19.2.0",
+ "react-dom": "^19.2.0",
+ "tslib": "^2.4.0"
+ },
+ "devDependencies": {
+ "@types/jest": "^29.2.0",
+ "@types/node": "^24.7.1",
+ "@types/react": "^18.0.24",
+ "@types/react-dom": "^18.0.8",
+ "@vitejs/plugin-react": "^5.0.4",
+ "@vitest/browser": "^3.2.4",
+ "typescript": "^4.8.4",
+ "vite": "^7.1.9",
+ "vitest": "^3.2.4",
+ "vitest-canvas-mock": "^0.3.3",
+ "worker-loader": "^3.0.8"
+ },
+ "browserslist": [
+ ">0.2%",
+ "not dead",
+ "not ie <= 11",
+ "not op_mini all"
+ ]
+}
diff --git a/samples/layouts/stepper/step-height/sandbox.config.json b/samples/layouts/stepper/step-height/sandbox.config.json
new file mode 100644
index 0000000000..00acba0c10
--- /dev/null
+++ b/samples/layouts/stepper/step-height/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+ "infiniteLoopProtection": false,
+ "hardReloadOnChange": false,
+ "view": "browser"
+}
\ No newline at end of file
diff --git a/samples/layouts/stepper/step-height/src/index.css b/samples/layouts/stepper/step-height/src/index.css
new file mode 100644
index 0000000000..322ab377bc
--- /dev/null
+++ b/samples/layouts/stepper/step-height/src/index.css
@@ -0,0 +1,63 @@
+/* shared styles are loaded from: */
+/* https://dl.infragistics.com/x/css/samples/shared.v8.css */
+
+igc-stepper {
+ background: var(--ig-gray-100);
+ padding: 1rem;
+ border-radius: 0.5rem;
+ border: 1px solid var(--ig-gray-400);
+ margin-block-start: 0.75rem;
+}
+
+igc-step::part(content) {
+ @media (width < 756px) {
+ overflow: scroll;
+ }
+}
+
+header {
+ border: 1px solid var(--ig-gray-400);
+ border-radius: 0.375rem;
+ background: var(--ig-gray-100);
+ padding: 0.5rem;
+ font-size: 1.375rem;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ max-width: 195px;
+ justify-content: center;
+}
+
+igc-switch {
+ --border-radius-track: 0px;
+ --thumb-size: 1rem;
+ --border-radius-thumb: 2px;
+ --size: 2.5rem;
+ --thumb-off-color: var(--ig-primary-500);
+ --thumb-on-color: var(--ig-primary-500);
+ --track-on-color: white;
+ --track-on-hover-color: white;
+ --thumb-off-hover-color: var(--ig-primary-500);
+ --border-on-color: var(--ig-gray-400);
+ --border-on-hover-color: var(--ig-gray-500);
+
+ margin-inline: 0.5rem;
+}
+
+igc-switch::part(control) {
+ height: 1.5rem;
+ border-radius: 0.25rem;
+}
+
+output {
+ font-size: 1.125rem;
+}
+
+li {
+ font-size: 1rem;
+ padding-block: 0.5rem;
+}
+
+.container {
+ padding: 1rem;
+}
\ No newline at end of file
diff --git a/samples/layouts/stepper/step-height/src/index.tsx b/samples/layouts/stepper/step-height/src/index.tsx
new file mode 100644
index 0000000000..a4c317ed66
--- /dev/null
+++ b/samples/layouts/stepper/step-height/src/index.tsx
@@ -0,0 +1,69 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { IgrStepper, IgrStep, IgrSwitch } from 'igniteui-react';
+import 'igniteui-webcomponents/themes/light/bootstrap.css';
+import './index.css';
+
+export default function StepHeight() {
+ const stepperRef = React.useRef(null);
+ const [rows, setRows] = React.useState('1fr');
+
+ const onSwitchChange = (e: any) => {
+ const newRows = e.detail.checked ? '0fr' : '1fr';
+ stepperRef.current.style.setProperty('--body-grid-rows', newRows);
+ setRows(newRows);
+ };
+
+ return (
+
+
+
+
+
+
+
+
+
+ Personal Info
+ Personal Info
+
+ - Please enter your personal information.
+
+
+
+ Delivery address
+ Delivery address
+
+ - Enter your shipping address for delivery.
+ -
+ If you need to change your address, please contact our support
+ team.
+
+ -
+ If you will not be at the address during the delivery time, please
+ provide an alternative address.
+
+
+
+
+ Billing address
+ Billing address
+
+ - Please enter your billing address.
+
+
+
+ Confirmation
+ Confirmation
+
+ - Please review your order details and confirm your purchase.
+
+
+
+