diff --git a/browser/package-lock.json b/browser/package-lock.json
index b291dad2bd..e9ef98c0c9 100644
--- a/browser/package-lock.json
+++ b/browser/package-lock.json
@@ -16,25 +16,25 @@
         "dompurify": "^3.3.0",
         "file-saver": "1.3.8",
         "igniteui-dockmanager": "^1.17.0",
-        "igniteui-grid-lite": "~0.7.0",
-        "igniteui-i18n-resources": "^1.0.4",
-        "igniteui-react": "^19.6.2",
-        "igniteui-react-charts": "19.3.2",
-        "igniteui-react-core": "19.3.2",
-        "igniteui-react-dashboards": "19.3.2",
-        "igniteui-react-data-grids": "19.3.2",
-        "igniteui-react-datasources": "19.3.2",
-        "igniteui-react-dockmanager": "^19.4.0",
-        "igniteui-react-excel": "19.3.2",
-        "igniteui-react-gauges": "19.3.2",
-        "igniteui-react-grids": "^19.6.2",
-        "igniteui-react-inputs": "19.3.2",
-        "igniteui-react-layouts": "19.3.2",
-        "igniteui-react-maps": "19.3.2",
-        "igniteui-react-spreadsheet": "19.3.2",
-        "igniteui-react-spreadsheet-chart-adapter": "19.3.2",
+        "igniteui-grid-lite": "~0.8.0",
+        "igniteui-i18n-resources": "^1.0.5",
+        "igniteui-react": "19.7.0",
+        "igniteui-react-charts": "19.6.0",
+        "igniteui-react-core": "19.6.0",
+        "igniteui-react-dashboards": "19.6.0",
+        "igniteui-react-data-grids": "19.6.0",
+        "igniteui-react-datasources": "19.6.0",
+        "igniteui-react-dockmanager": "19.7.0",
+        "igniteui-react-excel": "19.6.0",
+        "igniteui-react-gauges": "19.6.0",
+        "igniteui-react-grids": "19.7.0",
+        "igniteui-react-inputs": "19.6.0",
+        "igniteui-react-layouts": "19.6.0",
+        "igniteui-react-maps": "19.6.0",
+        "igniteui-react-spreadsheet": "19.6.0",
+        "igniteui-react-spreadsheet-chart-adapter": "19.6.0",
         "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",
@@ -9321,27 +9321,27 @@
       }
     },
     "node_modules/igniteui-grid-lite": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/igniteui-grid-lite/-/igniteui-grid-lite-0.7.1.tgz",
-      "integrity": "sha512-CUKa9/U5Tn1DDxPMoHPP5RRbTlA/KqiSaHGDaMrrGNRBFbLQAZJnKNR3mlTgHeIk0rWjL6Wyc2bZgjpTWRQxIQ==",
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/igniteui-grid-lite/-/igniteui-grid-lite-0.8.0.tgz",
+      "integrity": "sha512-Y+/bj75LR2pDmWIsSyFgSWvtIPJ5d1kVxxUr2MxqYfR/R95tVggXUb6fYlLiP7JBD/Y64p0PkToQMXK7X3GANw==",
       "license": "MIT",
       "dependencies": {
         "@lit-labs/virtualizer": "~2.1.0",
         "@lit/context": "~1.1.5",
-        "igniteui-webcomponents": "~7.1.0",
+        "igniteui-webcomponents": "~7.2.0",
         "lit": "^3.3.0"
       },
       "engines": {
-        "node": ">=20"
+        "node": ">=22"
       }
     },
     "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,26 +9350,26 @@
       }
     },
     "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": {
-      "version": "19.6.2",
-      "resolved": "https://registry.npmjs.org/igniteui-react/-/igniteui-react-19.6.2.tgz",
-      "integrity": "sha512-j54he79jL1WpOskfhdrBwDHqPO0XH3E44TRE+2DPduaAGwU9PQbINYQ9uhCdERnxXYe6HFPHOtRdb8UnRRpcLg==",
+      "version": "19.7.0",
+      "resolved": "https://registry.npmjs.org/igniteui-react/-/igniteui-react-19.7.0.tgz",
+      "integrity": "sha512-yI+pGyARnpCB3le6zWtxFLXoegy82b1q9iUJjYClHdUX/U0i0yO/7f3e59VZNP3a9/daruha91YdK6BWdwY/Cg==",
       "license": "MIT",
       "dependencies": {
         "@lit/react": "^1.0.7",
-        "igniteui-webcomponents": "~7.1.3",
+        "igniteui-webcomponents": "~7.2.1",
         "lit": "^3.3.0"
       },
       "peerDependencies": {
-        "igniteui-grid-lite": "~0.7.1"
+        "igniteui-grid-lite": "~0.8.0"
       },
       "peerDependenciesMeta": {
         "igniteui-grid-lite": {
@@ -9378,93 +9378,101 @@
       }
     },
     "node_modules/igniteui-react-charts": {
-      "version": "19.3.2",
-      "resolved": "https://registry.npmjs.org/igniteui-react-charts/-/igniteui-react-charts-19.3.2.tgz",
-      "integrity": "sha512-gZaj1LZ/OoFwBAovwBX5cUhLfipl4FdI8d6zsEQCm1s0YddvFProGBgV0I0pqcKTHAGW7iJmNPq1ERvcQLwtCw==",
+      "version": "19.6.0",
+      "resolved": "https://registry.npmjs.org/igniteui-react-charts/-/igniteui-react-charts-19.6.0.tgz",
+      "integrity": "sha512-AvVTs+VBxn+I2RqDQhbQgii21Yk5SJpkHvyDMSqz0UfDjcOFR5gkRY6SOhFQLnQhNzOQq3S7Bfrb/MlOYDE7cg==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "19.3.2"
+        "igniteui-react-core": "19.6.0"
       }
     },
     "node_modules/igniteui-react-core": {
-      "version": "19.3.2",
-      "resolved": "https://registry.npmjs.org/igniteui-react-core/-/igniteui-react-core-19.3.2.tgz",
-      "integrity": "sha512-4pXVO2qa/ik4HfyziJQCsIpJogkT+OEWs9JHLvfnyEX2gthHy48DvhfdfOIDDKM3NJUBZKhVFy1q843jsr1Big==",
+      "version": "19.6.0",
+      "resolved": "https://registry.npmjs.org/igniteui-react-core/-/igniteui-react-core-19.6.0.tgz",
+      "integrity": "sha512-RBJj6v1S6qcvKYZW+rZfDR7BEM9Nj8KcE2w7ztNIzSSaFBBLQcj3koVCEOAGjpovM1RwL7szA8TTjmHugySF0w==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       }
     },
     "node_modules/igniteui-react-dashboards": {
-      "version": "19.3.2",
-      "resolved": "https://registry.npmjs.org/igniteui-react-dashboards/-/igniteui-react-dashboards-19.3.2.tgz",
-      "integrity": "sha512-C6PIBTRzDtWj9gnEvhsjYCd9R8vNHgaLMQVJQnSuNeQzu8MkcVatHXJI68k1gY8+Yk9cxIoUthZc9jCkFwE3fw==",
+      "version": "19.6.0",
+      "resolved": "https://registry.npmjs.org/igniteui-react-dashboards/-/igniteui-react-dashboards-19.6.0.tgz",
+      "integrity": "sha512-PxIrqYY7pmjN6IeTGLpqm2mHoiwE2NPnUeQAWgHaA6Ni13FLs7HBLPPq+fVxrvlixyhcTJA7RQncJAvtbchaNw==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-charts": "19.3.2",
-        "igniteui-react-core": "19.3.2",
-        "igniteui-react-data-grids": "19.3.2",
-        "igniteui-react-gauges": "19.3.2",
-        "igniteui-react-inputs": "19.3.2",
-        "igniteui-react-layouts": "19.3.2",
-        "igniteui-react-maps": "19.3.2"
+        "igniteui-react-charts": "19.6.0",
+        "igniteui-react-core": "19.6.0",
+        "igniteui-react-data-grids": "19.6.0",
+        "igniteui-react-gauges": "19.6.0",
+        "igniteui-react-inputs": "19.6.0",
+        "igniteui-react-layouts": "19.6.0",
+        "igniteui-react-maps": "19.6.0"
       }
     },
     "node_modules/igniteui-react-data-grids": {
-      "version": "19.3.2",
-      "resolved": "https://registry.npmjs.org/igniteui-react-data-grids/-/igniteui-react-data-grids-19.3.2.tgz",
-      "integrity": "sha512-u6mOdWL1er1gEWAodrq/8iFs+ya01b2b3YRNXs5dCSk+SfuDxTVx83bktdr7gs8Z50IgdzgesGLr/JE24Pzwaw==",
+      "version": "19.6.0",
+      "resolved": "https://registry.npmjs.org/igniteui-react-data-grids/-/igniteui-react-data-grids-19.6.0.tgz",
+      "integrity": "sha512-eUfh9RaSvDpy3dvR6BWE8OBLre0UWWnNDxpFqDiCF76LPNmEDR+gEfFRVRxVfjQXq0szSvcdRbgDRf05yfN+JQ==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "19.3.2",
-        "igniteui-react-inputs": "19.3.2",
-        "igniteui-react-layouts": "19.3.2"
+        "igniteui-react-core": "19.6.0",
+        "igniteui-react-inputs": "19.6.0",
+        "igniteui-react-layouts": "19.6.0"
       }
     },
     "node_modules/igniteui-react-datasources": {
-      "version": "19.3.2",
-      "resolved": "https://registry.npmjs.org/igniteui-react-datasources/-/igniteui-react-datasources-19.3.2.tgz",
-      "integrity": "sha512-XL4I/HT5NSu/Ru6klo6StRHikbJ4bbkkyxnTQLLc8rM1KjRiyby6bNhWKAtT4ubVdzJomrw4JoC0igA+8eeXaQ==",
+      "version": "19.6.0",
+      "resolved": "https://registry.npmjs.org/igniteui-react-datasources/-/igniteui-react-datasources-19.6.0.tgz",
+      "integrity": "sha512-aV4jxgJpDwjnfCzCaD6eh2BKT8x9BcLEgOwmtxbbnsfzxqVkeYm1qTBv4JpU8NQ6rbGQqVWfb6mKQG3GaMOcCg==",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "19.3.2"
+        "igniteui-react-core": "19.6.0"
       }
     },
     "node_modules/igniteui-react-dockmanager": {
-      "version": "19.5.1",
-      "resolved": "https://registry.npmjs.org/igniteui-react-dockmanager/-/igniteui-react-dockmanager-19.5.1.tgz",
-      "integrity": "sha512-jkrv1rV9lYMmPvHwBWhQhjuDlCBPyDGM87vdoAscwuwukq+PudbA3QayrJD3Zu3MwSAJBOBbm/FEVtXcEWshow==",
+      "version": "19.7.0",
+      "resolved": "https://registry.npmjs.org/igniteui-react-dockmanager/-/igniteui-react-dockmanager-19.7.0.tgz",
+      "integrity": "sha512-9C+jAbfe3yUDcM5K7EnO3wVgAsyNKHiGnezAJCd+Qdldd3wDq64SZQS4V7wc5iFKS+CmXFOXO5GM4obh86zN6g==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "@lit/react": "^1.0.7",
-        "igniteui-dockmanager": "~2.0.1",
+        "igniteui-dockmanager": "~2.1.2",
         "lit": "^3.3.0"
       }
     },
     "node_modules/igniteui-react-dockmanager/node_modules/igniteui-dockmanager": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/igniteui-dockmanager/-/igniteui-dockmanager-2.0.1.tgz",
-      "integrity": "sha512-LvziU+oS2dDoqbjLNgAqj+fYEsvqGp5lyGkpdow9m1YXBUefFvylxKLJ6/V09mKqPgdVI1QQO0G7gApO9g5EPA==",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/igniteui-dockmanager/-/igniteui-dockmanager-2.1.2.tgz",
+      "integrity": "sha512-LgQOvjYr/jSG0xqOTcLZu1BgxI+TNkr5IVQbxgZjxH2tzDTo/GwYNz/X/Acevr5Kkp07mUqUCihUIXVMolJuXw==",
       "license": "SEE LICENSE IN LICENSE",
       "dependencies": {
         "igniteui-i18n-core": "^1.0.1",
         "igniteui-trial-watermark": "^3.1.0",
         "lit": "^3.3.0"
       },
+      "engines": {
+        "node": ">=20"
+      },
       "peerDependencies": {
         "igniteui-i18n-resources": "^1.0.1"
+      },
+      "peerDependenciesMeta": {
+        "igniteui-i18n-resources": {
+          "optional": true
+        }
       }
     },
     "node_modules/igniteui-react-dockmanager/node_modules/igniteui-trial-watermark": {
@@ -9477,9 +9485,9 @@
       }
     },
     "node_modules/igniteui-react-excel": {
-      "version": "19.3.2",
-      "resolved": "https://registry.npmjs.org/igniteui-react-excel/-/igniteui-react-excel-19.3.2.tgz",
-      "integrity": "sha512-7rp4ortnp7tFQSTINsOrqHN1J8UvznyAU7t6AM05o08BRDXfgfiWB40HFrg/aFna/SbSR8W//a7V9+i9iyBDnA==",
+      "version": "19.6.0",
+      "resolved": "https://registry.npmjs.org/igniteui-react-excel/-/igniteui-react-excel-19.6.0.tgz",
+      "integrity": "sha512-cjq79hlsSNQjgGvW2Mj98e1lIFg2+YKPHpO2DZddjX/3j1cUi+mifthBG2PyxX9QIrpgmE8cv70QrEyQXRsK3Q==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "jszip": "^3.1.5",
@@ -9487,25 +9495,25 @@
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "19.3.2"
+        "igniteui-react-core": "19.6.0"
       }
     },
     "node_modules/igniteui-react-gauges": {
-      "version": "19.3.2",
-      "resolved": "https://registry.npmjs.org/igniteui-react-gauges/-/igniteui-react-gauges-19.3.2.tgz",
-      "integrity": "sha512-07Jh7M2InRKYROl9AxOcE655clpG593AsWhAFqZgdYG6glEqklGPLMSp3nCzIsa4uik/Wft9HWRpa9DFojKXwQ==",
+      "version": "19.6.0",
+      "resolved": "https://registry.npmjs.org/igniteui-react-gauges/-/igniteui-react-gauges-19.6.0.tgz",
+      "integrity": "sha512-DJJYd7CrJELS2uwt/KU7E9+7kX4aPqVKF4uKwmROADFpINEC0RAXixfFRLRQgS+G+VEqt/MlQM74g9Xa2FADAA==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "19.3.2"
+        "igniteui-react-core": "19.6.0"
       }
     },
     "node_modules/igniteui-react-grids": {
-      "version": "19.6.2",
-      "resolved": "https://registry.npmjs.org/igniteui-react-grids/-/igniteui-react-grids-19.6.2.tgz",
-      "integrity": "sha512-NoG+1ILMpMrAIkpBeHx5RRiGbXPMFSk4ehVJomBPqnwLLllz23p+CXr1bxfvrXo/I72tqtZbK5vyMyL14dLumg==",
+      "version": "19.7.0",
+      "resolved": "https://registry.npmjs.org/igniteui-react-grids/-/igniteui-react-grids-19.7.0.tgz",
+      "integrity": "sha512-2sCyHL7WBJCDVOb9wrziyG6IAERmDM/x27ofDMnGpydWHgrGw0WPvtoopl9+Rjtwiw4TrnoZ/IADhLjn39ZHiQ==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "@lit/react": "^1.0.7",
@@ -9514,69 +9522,69 @@
       }
     },
     "node_modules/igniteui-react-inputs": {
-      "version": "19.3.2",
-      "resolved": "https://registry.npmjs.org/igniteui-react-inputs/-/igniteui-react-inputs-19.3.2.tgz",
-      "integrity": "sha512-jEAY/BDzehiZ7ouZjyLvvekuUY9xj6g/JNCG02bLL71WfFkBItXv8kXbPwUX04cAyjrOfK8QY/v4tdCiguAZLg==",
+      "version": "19.6.0",
+      "resolved": "https://registry.npmjs.org/igniteui-react-inputs/-/igniteui-react-inputs-19.6.0.tgz",
+      "integrity": "sha512-GX3cMOF2XJiO7n7ASoi93MEP+09sh84Xrmc+UZ/89HabQgqpT+CH5rBrvAfQF7CA+xr2UDBDEG59Ops4VSDAmw==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "19.3.2"
+        "igniteui-react-core": "19.6.0"
       }
     },
     "node_modules/igniteui-react-layouts": {
-      "version": "19.3.2",
-      "resolved": "https://registry.npmjs.org/igniteui-react-layouts/-/igniteui-react-layouts-19.3.2.tgz",
-      "integrity": "sha512-O4mmN2tGNUvQ9aLuXs8vYVenWDbbPBzNq+ccRQgWRvZr0ZNsYJaK7fhChgZK982BjLwk5EVjo6mNYeEiQbDQow==",
+      "version": "19.6.0",
+      "resolved": "https://registry.npmjs.org/igniteui-react-layouts/-/igniteui-react-layouts-19.6.0.tgz",
+      "integrity": "sha512-5wU2LenZ5ul+xCkFFlGySpjB1zasjk3Kjf16Dnasj9eT6c4tBBN012t8c50vdEStFcK+cidwMRo1eBFw9MHi9g==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "19.3.2",
-        "igniteui-react-inputs": "19.3.2"
+        "igniteui-react-core": "19.6.0",
+        "igniteui-react-inputs": "19.6.0"
       }
     },
     "node_modules/igniteui-react-maps": {
-      "version": "19.3.2",
-      "resolved": "https://registry.npmjs.org/igniteui-react-maps/-/igniteui-react-maps-19.3.2.tgz",
-      "integrity": "sha512-uFUtf6bWH46nMBkf81nemvnHARorhPOgYWNKOJOCqTEOL4BFS3aBPfMtOe8fz+14vs15HD4Cj6PKIwSdcPlC4g==",
+      "version": "19.6.0",
+      "resolved": "https://registry.npmjs.org/igniteui-react-maps/-/igniteui-react-maps-19.6.0.tgz",
+      "integrity": "sha512-S09K+GIAVvnsBJ039jZU8RVvgPn57R73efyZB7qmLUjxgDbNZltNynJfMw8EPCVcOunaRaRFKm/TiwInwG2aUA==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-charts": "19.3.2",
-        "igniteui-react-core": "19.3.2"
+        "igniteui-react-charts": "19.6.0",
+        "igniteui-react-core": "19.6.0"
       }
     },
     "node_modules/igniteui-react-spreadsheet": {
-      "version": "19.3.2",
-      "resolved": "https://registry.npmjs.org/igniteui-react-spreadsheet/-/igniteui-react-spreadsheet-19.3.2.tgz",
-      "integrity": "sha512-ptWLY7dRXFCmcHfAV5WRjpNapFiK8e0EXHJLeQ9B39d8w0HN4mDk4HQtAJso06eHkVrH4pCEz/NbNNp6g5RPqg==",
+      "version": "19.6.0",
+      "resolved": "https://registry.npmjs.org/igniteui-react-spreadsheet/-/igniteui-react-spreadsheet-19.6.0.tgz",
+      "integrity": "sha512-MKSwFOaov9z3uvPxjXLnqkyJpQWPE/k0ngVwLUtPnliiLjgjHg7NeOwyVuDHqIxhnHB8ViUnRwrUZHN+A/SFAg==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "19.3.2",
-        "igniteui-react-excel": "19.3.2"
+        "igniteui-react-core": "19.6.0",
+        "igniteui-react-excel": "19.6.0"
       }
     },
     "node_modules/igniteui-react-spreadsheet-chart-adapter": {
-      "version": "19.3.2",
-      "resolved": "https://registry.npmjs.org/igniteui-react-spreadsheet-chart-adapter/-/igniteui-react-spreadsheet-chart-adapter-19.3.2.tgz",
-      "integrity": "sha512-bnQUyb94hIrQoSP1YBrQIGEomQbqHde4Qr43AyhZoKwN+pcHTOK2tNuUk1+640TAIjai0YSFazArxp8EyzGkVw==",
+      "version": "19.6.0",
+      "resolved": "https://registry.npmjs.org/igniteui-react-spreadsheet-chart-adapter/-/igniteui-react-spreadsheet-chart-adapter-19.6.0.tgz",
+      "integrity": "sha512-Lf8GEMr8CaCTHTk0upfttheGkbbEJwNwIH38unEfH749Hal07dMqnaoaGABfC+HGTqg/1WN1fQBjosyBg7CXJg==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-charts": "19.3.2",
-        "igniteui-react-core": "19.3.2",
-        "igniteui-react-excel": "19.3.2",
-        "igniteui-react-spreadsheet": "19.3.2"
+        "igniteui-react-charts": "19.6.0",
+        "igniteui-react-core": "19.6.0",
+        "igniteui-react-excel": "19.6.0",
+        "igniteui-react-spreadsheet": "19.6.0"
       }
     },
     "node_modules/igniteui-theming": {
@@ -9600,15 +9608,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 +9624,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"
diff --git a/browser/package.json b/browser/package.json
index 2392abbb9e..7138143a65 100644
--- a/browser/package.json
+++ b/browser/package.json
@@ -24,25 +24,25 @@
     "dompurify": "^3.3.0",
     "file-saver": "1.3.8",
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-grid-lite": "~0.7.0",
-    "igniteui-i18n-resources": "^1.0.4",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-dashboards": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-dockmanager": "^19.4.0",
-    "igniteui-react-excel": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
-    "igniteui-react-spreadsheet": "19.3.2",
-    "igniteui-react-spreadsheet-chart-adapter": "19.3.2",
+    "igniteui-grid-lite": "~0.8.0",
+    "igniteui-i18n-resources": "^1.0.5",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-dashboards": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-dockmanager": "19.7.0",
+    "igniteui-react-excel": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
+    "igniteui-react-spreadsheet": "19.6.0",
+    "igniteui-react-spreadsheet-chart-adapter": "19.6.0",
     "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/public/meta.json b/browser/public/meta.json
index c3f48b2b9a..4d9f02110e 100644
--- a/browser/public/meta.json
+++ b/browser/public/meta.json
@@ -1 +1 @@
-{"version":"23.2.915","date":"2026-02-02 17:54:15","note":"this file is auto-generated"}
+{"version":"23.2.915","date":"2026-06-16 16:54:44","note":"this file is auto-generated"}
\ No newline at end of file
diff --git a/browser/src/navigation/SamplesBrowser.json b/browser/src/navigation/SamplesBrowser.json
index 781fcd1442..4d9f02110e 100644
--- a/browser/src/navigation/SamplesBrowser.json
+++ b/browser/src/navigation/SamplesBrowser.json
@@ -1 +1 @@
-{"version":"23.2.915","date":"2026-04-22 10:58:24","note":"this file is auto-generated"}
\ No newline at end of file
+{"version":"23.2.915","date":"2026-06-16 16:54:44","note":"this file is auto-generated"}
\ No newline at end of file
diff --git a/browser/tasks/gulp-samples.js b/browser/tasks/gulp-samples.js
index 62e6c9f87a..2b4412d8a6 100644
--- a/browser/tasks/gulp-samples.js
+++ b/browser/tasks/gulp-samples.js
@@ -640,37 +640,54 @@ function updateCodeViewer(cb) {
 
         var dataFiles = [];
         var contentItems = [];
-        var tsxItem = new CodeViewer(sample.SampleFilePath, sample.SampleFileSourceCode, "tsx", "tsx", true);
+        // Strip "../samples/{group}/{component}/{name}/" prefix so StackBlitz sdk.openProject() gets
+        // project-relative paths like "src/index.tsx" instead of "../samples/.../src/index.tsx".
+        var tsxPath = sample.SampleFilePath.replace(sample.SampleFolderPath + '/', '');
+        var tsxItem = new CodeViewer(tsxPath, sample.SampleFileSourceCode, "tsx", "tsx", true);
 
         contentItems.push(tsxItem);
 
         for (const file of sample.SampleFilePaths) {
+            var filePath = file.replace(sample.SampleFolderPath + '/', '');
             if (file.indexOf(".css") > 0) {
                 var cssContent = fs.readFileSync(file, "utf8");
-                var cssItem = new CodeViewer(file, cssContent, "css", "css", true);
+                var cssItem = new CodeViewer(filePath, cssContent, "css", "css", true);
                 contentItems.push(cssItem);
             }
             else if (file.indexOf(".ts") > 0 && file.indexOf("index.tsx") === -1) {
                 var tsContent = fs.readFileSync(file, "utf8");
-                var tsItem = new CodeViewer(file, tsContent, "ts", "DATA", true);
+                var tsItem = new CodeViewer(filePath, tsContent, "ts", "DATA", true);
                 dataFiles.push(tsItem);
             }
+            else if (file.endsWith(".json")) {
+                // e.g. NwindData.json — imported directly by index.tsx, must be in StackBlitz.
+                var jsonContent = fs.readFileSync(file, "utf8");
+                var jsonItem = new CodeViewer(filePath, jsonContent, "json", "json", false);
+                contentItems.push(jsonItem);
+            }
+        }
+
+        // Add every data file individually so StackBlitz sdk.openProject() receives each file
+        // under its original name. Combining them into DataSources.ts would break import
+        // statements in index.tsx that reference the original file names.
+        for (const df of dataFiles) {
+            contentItems.push(df);
         }
 
-        if (dataFiles.length === 1) {
-            contentItems.push(dataFiles[0]);
-        } else if (dataFiles.length > 1) {
-            // combining multiple data files into one data source
-            var dataPath = dataFiles[0].path;
-            var dataFolder = dataPath.substring(0, dataPath.lastIndexOf("/"));
-            var dataContent = "// NOTE this file contains multiple data sources:\r\n";
-            for (let i = 0; i < dataFiles.length; i++) {
-                const data = dataFiles[i];
-                dataContent += "\r\n\r\n" + "// Data Source #" + (i + 1) + "\r\n";
-                dataContent += data.content + "\r\n";
+        // Add boilerplate files so StackBlitz sdk.openProject() has a complete runnable project.
+        var boilerplateFiles = [
+            { file: "index.html",     ext: "html", header: "html" },
+            { file: "tsconfig.json",  ext: "json", header: "json" },
+            { file: "vite.config.js", ext: "js",   header: "js"   },
+            { file: "package.json",   ext: "json", header: "json" },
+        ];
+        for (const bConfig of boilerplateFiles) {
+            var bPath = sample.SampleFolderPath + "/" + bConfig.file;
+            if (fs.existsSync(bPath)) {
+                var bContent = fs.readFileSync(bPath, "utf8");
+                var bItem = new CodeViewer(bConfig.file, bContent, bConfig.ext, bConfig.header, false);
+                contentItems.push(bItem);
             }
-            var dataItem = new CodeViewer(dataFolder + "/DataSources.ts", dataContent, "ts", "DATA", true);
-            contentItems.push(dataItem);
         }
 
         content += JSON.stringify(contentItems, null, ' ');
@@ -844,25 +861,25 @@ function updateIG(cb) {
     // { name:               "igniteui-react-charts", version: "16.16.2" }, // npm
     let packageUpgrades = [
         // these IG packages are often updated:
-        { version: "19.3.2", name: "igniteui-react-core" },
-        { version: "19.3.2", name: "igniteui-react-charts" },
-        { version: "19.3.2", name: "igniteui-react-excel" },
-        { version: "19.3.2", name: "igniteui-react-gauges" },
-        { version: "19.3.2", name: "igniteui-react-data-grids" },
-        { version: "^19.6.2", name: "igniteui-react-grids" },
-        { version: "19.3.2", name: "igniteui-react-inputs" },
-        { version: "19.3.2", name: "igniteui-react-layouts" },
-        { version: "19.3.2", name: "igniteui-react-maps" },
-        { version: "19.3.2", name: "igniteui-react-spreadsheet-chart-adapter" },
-        { version: "19.3.2", name: "igniteui-react-spreadsheet" },
-        { version: "19.3.2", name: "igniteui-react-datasources" },
-        { version: "19.3.2", name: "igniteui-react-dashboards" },
-        { version: "^1.0.4", name: "igniteui-i18n-resources" },
-        { version: "^19.6.2", name: "igniteui-react" },
+        { version: "19.6.0", name: "igniteui-react-core" },
+        { version: "19.6.0", name: "igniteui-react-charts" },
+        { version: "19.6.0", name: "igniteui-react-excel" },
+        { version: "19.6.0", name: "igniteui-react-gauges" },
+        { version: "19.6.0", name: "igniteui-react-data-grids" },
+        { version: "19.7.0", name: "igniteui-react-grids" },
+        { version: "19.6.0", name: "igniteui-react-inputs" },
+        { version: "19.6.0", name: "igniteui-react-layouts" },
+        { version: "19.6.0", name: "igniteui-react-maps" },
+        { version: "19.6.0", name: "igniteui-react-spreadsheet-chart-adapter" },
+        { version: "19.6.0", name: "igniteui-react-spreadsheet" },
+        { version: "19.6.0", name: "igniteui-react-datasources" },
+        { version: "19.6.0", name: "igniteui-react-dashboards" },
+        { version: "^1.0.5", name: "igniteui-i18n-resources" },
+        { version: "19.7.0", name: "igniteui-react" },
         // these IG packages are sometimes updated:
-        { version: "^7.0.0", name: "igniteui-webcomponents" },
-        { version: "^19.4.0", name: "igniteui-react-dockmanager" },
-        { version: "~0.7.0", name: "igniteui-grid-lite" },
+        { version: "^7.2.1", name: "igniteui-webcomponents" },
+        { version: "19.7.0", name: "igniteui-react-dockmanager" },
+        { version: "~0.8.0", name: "igniteui-grid-lite" },
         // main react packages
         { version: "^19.2.0", name: "react" },
         { version: "^19.2.0", name: "react-dom" },
diff --git a/samples/charts/category-chart/annotations-all/package.json b/samples/charts/category-chart/annotations-all/package.json
index 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/annotations-all/package.json
+++ b/samples/charts/category-chart/annotations-all/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/annotations-callouts/package.json
+++ b/samples/charts/category-chart/annotations-callouts/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/annotations-crosshairs/package.json
+++ b/samples/charts/category-chart/annotations-crosshairs/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/annotations-custom/package.json
+++ b/samples/charts/category-chart/annotations-custom/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/annotations-final-value/package.json
+++ b/samples/charts/category-chart/annotations-final-value/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/annotations-highlighting/package.json
+++ b/samples/charts/category-chart/annotations-highlighting/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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/package.json b/samples/charts/category-chart/annotations/package.json
index 7f9d30fdb0..969b0c0909 100644
--- a/samples/charts/category-chart/annotations/package.json
+++ b/samples/charts/category-chart/annotations/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/area-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/area-chart-multiple-sources/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/area-chart-single-source/package.json
+++ b/samples/charts/category-chart/area-chart-single-source/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/area-chart-styling/package.json
+++ b/samples/charts/category-chart/area-chart-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/axis-gap/package.json
+++ b/samples/charts/category-chart/axis-gap/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/axis-gridlines/package.json
+++ b/samples/charts/category-chart/axis-gridlines/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/axis-inverted/package.json
+++ b/samples/charts/category-chart/axis-inverted/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/axis-labels/package.json
+++ b/samples/charts/category-chart/axis-labels/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/axis-locations/package.json
+++ b/samples/charts/category-chart/axis-locations/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/axis-options/package.json
+++ b/samples/charts/category-chart/axis-options/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/axis-overlap/package.json
+++ b/samples/charts/category-chart/axis-overlap/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/axis-range/package.json
+++ b/samples/charts/category-chart/axis-range/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/axis-tickmarks/package.json
+++ b/samples/charts/category-chart/axis-tickmarks/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/axis-titles/package.json
+++ b/samples/charts/category-chart/axis-titles/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/chart-highlight-filter/package.json
+++ b/samples/charts/category-chart/chart-highlight-filter/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/column-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/column-chart-multiple-sources/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/column-chart-single-source/package.json
+++ b/samples/charts/category-chart/column-chart-single-source/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/column-chart-styling/package.json
+++ b/samples/charts/category-chart/column-chart-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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-highlighting/package.json b/samples/charts/category-chart/column-chart-with-highlighting/package.json
index 86f8397210..8e1b7cf57b 100644
--- a/samples/charts/category-chart/column-chart-with-highlighting/package.json
+++ b/samples/charts/category-chart/column-chart-with-highlighting/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/column-chart-with-tooltips/package.json
+++ b/samples/charts/category-chart/column-chart-with-tooltips/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/custom-selection/package.json
+++ b/samples/charts/category-chart/custom-selection/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/data-aggregations/package.json
+++ b/samples/charts/category-chart/data-aggregations/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/data-filter/package.json
+++ b/samples/charts/category-chart/data-filter/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/data-legend-formatting-decimals/package.json
+++ b/samples/charts/category-chart/data-legend-formatting-decimals/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/data-legend/package.json
+++ b/samples/charts/category-chart/data-legend/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
+++ b/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/data-tooltip-positioning/package.json
+++ b/samples/charts/category-chart/data-tooltip-positioning/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/data-tooltip/package.json
+++ b/samples/charts/category-chart/data-tooltip/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/format-specifiers/package.json
+++ b/samples/charts/category-chart/format-specifiers/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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/high-frequency/package.json b/samples/charts/category-chart/high-frequency/package.json
index 80969fcc0e..89c441c7ae 100644
--- a/samples/charts/category-chart/high-frequency/package.json
+++ b/samples/charts/category-chart/high-frequency/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/category-chart/high-volume/package.json b/samples/charts/category-chart/high-volume/package.json
index 261b2d6b22..8d718ee9cf 100644
--- a/samples/charts/category-chart/high-volume/package.json
+++ b/samples/charts/category-chart/high-volume/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/category-chart/highlighting-behavior/package.json b/samples/charts/category-chart/highlighting-behavior/package.json
index 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/highlighting-behavior/package.json
+++ b/samples/charts/category-chart/highlighting-behavior/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/highlighting-mode/package.json
+++ b/samples/charts/category-chart/highlighting-mode/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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/package.json b/samples/charts/category-chart/highlighting/package.json
index 86f8397210..8e1b7cf57b 100644
--- a/samples/charts/category-chart/highlighting/package.json
+++ b/samples/charts/category-chart/highlighting/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/category-chart/legend-highlighting/package.json b/samples/charts/category-chart/legend-highlighting/package.json
index 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/legend-highlighting/package.json
+++ b/samples/charts/category-chart/legend-highlighting/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/line-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/line-chart-multiple-sources/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/line-chart-single-source/package.json
+++ b/samples/charts/category-chart/line-chart-single-source/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/line-chart-styling/package.json
+++ b/samples/charts/category-chart/line-chart-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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-with-animations/package.json b/samples/charts/category-chart/line-chart-with-animations/package.json
index d183bf0768..3c7f8a51da 100644
--- a/samples/charts/category-chart/line-chart-with-animations/package.json
+++ b/samples/charts/category-chart/line-chart-with-animations/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/category-chart/line-chart-with-annotations/package.json b/samples/charts/category-chart/line-chart-with-annotations/package.json
index d183bf0768..3c7f8a51da 100644
--- a/samples/charts/category-chart/line-chart-with-annotations/package.json
+++ b/samples/charts/category-chart/line-chart-with-annotations/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/category-chart/marker-options/package.json b/samples/charts/category-chart/marker-options/package.json
index 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/marker-options/package.json
+++ b/samples/charts/category-chart/marker-options/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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/src/index.tsx b/samples/charts/category-chart/marker-options/src/index.tsx
index 77cc843bf1..938ae7797a 100644
--- a/samples/charts/category-chart/marker-options/src/index.tsx
+++ b/samples/charts/category-chart/marker-options/src/index.tsx
@@ -66,8 +66,8 @@ export default class Sample extends React.Component<any, any> {
                         label="Marker Type"
                         shouldOverrideDefaultEditor="true"
                         valueType="EnumValue"
-                        dropDownValues={["Circle", "Automatic", "Triangle", "Pyramid", "Square", "Diamond", "Pentagon", "Hexagon", "Tetragram", "Pentagram", "Hexagram", "None"]}
-                        dropDownNames={["Circle", "Automatic", "Triangle", "Pyramid", "Square", "Diamond", "Pentagon", "Hexagon", "Tetragram", "Pentagram", "Hexagram", "None"]}
+                        dropDownValues={["Circle", "Checkmark", "Automatic", "Triangle", "Pyramid", "Square", "Diamond", "Pentagon", "Hexagon", "Tetragram", "Pentagram", "Hexagram", "None"]}
+                        dropDownNames={["Circle", "Checkmark", "Automatic", "Triangle", "Pyramid", "Square", "Diamond", "Pentagon", "Hexagon", "Tetragram", "Pentagram", "Hexagram", "None"]}
                         primitiveValue="Circle"
                         changed={this.editorChangeUpdateMarkerType}>
                     </IgrPropertyEditorPropertyDescription>
diff --git a/samples/charts/category-chart/marker-templates/package.json b/samples/charts/category-chart/marker-templates/package.json
index ea9766553b..1b0ddf846f 100644
--- a/samples/charts/category-chart/marker-templates/package.json
+++ b/samples/charts/category-chart/marker-templates/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/category-chart/overview/package.json b/samples/charts/category-chart/overview/package.json
index 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/overview/package.json
+++ b/samples/charts/category-chart/overview/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/point-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/point-chart-multiple-sources/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/point-chart-single-source/package.json
+++ b/samples/charts/category-chart/point-chart-single-source/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/point-chart-styling/package.json
+++ b/samples/charts/category-chart/point-chart-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/selection-matcher/package.json
+++ b/samples/charts/category-chart/selection-matcher/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/selection-modes/package.json
+++ b/samples/charts/category-chart/selection-modes/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/selection-multiple-modes/package.json
+++ b/samples/charts/category-chart/selection-multiple-modes/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/spline-area-multiple-sources/package.json
+++ b/samples/charts/category-chart/spline-area-multiple-sources/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/spline-area-single-source/package.json
+++ b/samples/charts/category-chart/spline-area-single-source/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/spline-area-styling/package.json
+++ b/samples/charts/category-chart/spline-area-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/spline-multiple-sources/package.json
+++ b/samples/charts/category-chart/spline-multiple-sources/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/spline-single-source/package.json
+++ b/samples/charts/category-chart/spline-single-source/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/spline-styling/package.json
+++ b/samples/charts/category-chart/spline-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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/stack-columns/package.json b/samples/charts/category-chart/stack-columns/package.json
index 87c771f323..f665b533b5 100644
--- a/samples/charts/category-chart/stack-columns/package.json
+++ b/samples/charts/category-chart/stack-columns/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/step-area-multiple-sources/package.json
+++ b/samples/charts/category-chart/step-area-multiple-sources/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/step-area-single-source/package.json
+++ b/samples/charts/category-chart/step-area-single-source/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/step-area-styling/package.json
+++ b/samples/charts/category-chart/step-area-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/step-line-multiple-sources/package.json
+++ b/samples/charts/category-chart/step-line-multiple-sources/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/step-line-single-source/package.json
+++ b/samples/charts/category-chart/step-line-single-source/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/category-chart/step-line-styling/package.json
+++ b/samples/charts/category-chart/step-line-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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/tooltip-template/package.json b/samples/charts/category-chart/tooltip-template/package.json
index 3318a4e6e3..3724597845 100644
--- a/samples/charts/category-chart/tooltip-template/package.json
+++ b/samples/charts/category-chart/tooltip-template/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/category-chart/tooltip-types/package.json b/samples/charts/category-chart/tooltip-types/package.json
index 9b6ab1340a..0408a3c61f 100644
--- a/samples/charts/category-chart/tooltip-types/package.json
+++ b/samples/charts/category-chart/tooltip-types/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/category-chart/trendline/package.json b/samples/charts/category-chart/trendline/package.json
index ef4ebd58c7..1bd4e98121 100644
--- a/samples/charts/category-chart/trendline/package.json
+++ b/samples/charts/category-chart/trendline/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/category-chart/value-lines/package.json b/samples/charts/category-chart/value-lines/package.json
index 904d716649..1d25861c4a 100644
--- a/samples/charts/category-chart/value-lines/package.json
+++ b/samples/charts/category-chart/value-lines/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 8943943713..bbfed3ef86 100644
--- a/samples/charts/dashboard-tile/chart-dashboard/package.json
+++ b/samples/charts/dashboard-tile/chart-dashboard/package.json
@@ -14,17 +14,17 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-dashboards": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-dashboards": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "igniteui-react-maps": "19.6.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 63971af92d..2aa7734773 100644
--- a/samples/charts/dashboard-tile/financial-dashboard/package.json
+++ b/samples/charts/dashboard-tile/financial-dashboard/package.json
@@ -14,17 +14,17 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-dashboards": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-dashboards": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "igniteui-react-maps": "19.6.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 63971af92d..2aa7734773 100644
--- a/samples/charts/dashboard-tile/gauge-dashboard/package.json
+++ b/samples/charts/dashboard-tile/gauge-dashboard/package.json
@@ -14,17 +14,17 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-dashboards": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-dashboards": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "igniteui-react-maps": "19.6.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 63971af92d..2aa7734773 100644
--- a/samples/charts/dashboard-tile/local-data-source-dashboard/package.json
+++ b/samples/charts/dashboard-tile/local-data-source-dashboard/package.json
@@ -14,17 +14,17 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-dashboards": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-dashboards": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "igniteui-react-maps": "19.6.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 63971af92d..2aa7734773 100644
--- a/samples/charts/dashboard-tile/map-dashboard/package.json
+++ b/samples/charts/dashboard-tile/map-dashboard/package.json
@@ -14,17 +14,17 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-dashboards": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-dashboards": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "igniteui-react-maps": "19.6.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 63971af92d..2aa7734773 100644
--- a/samples/charts/dashboard-tile/pie-dashboard/package.json
+++ b/samples/charts/dashboard-tile/pie-dashboard/package.json
@@ -14,17 +14,17 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-dashboards": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-dashboards": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "igniteui-react-maps": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/annotations-custom/package.json
+++ b/samples/charts/data-chart/annotations-custom/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/axis-annotations-corner-radius/package.json
+++ b/samples/charts/data-chart/axis-annotations-corner-radius/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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/package.json b/samples/charts/data-chart/axis-annotations/package.json
index fd40c14030..52d409f5e3 100644
--- a/samples/charts/data-chart/axis-annotations/package.json
+++ b/samples/charts/data-chart/axis-annotations/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/axis-crossing/package.json b/samples/charts/data-chart/axis-crossing/package.json
index c176edca3c..aa203e53dd 100644
--- a/samples/charts/data-chart/axis-crossing/package.json
+++ b/samples/charts/data-chart/axis-crossing/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/axis-label-rotation/package.json b/samples/charts/data-chart/axis-label-rotation/package.json
index 904d716649..1d25861c4a 100644
--- a/samples/charts/data-chart/axis-label-rotation/package.json
+++ b/samples/charts/data-chart/axis-label-rotation/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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-locations/package.json b/samples/charts/data-chart/axis-locations/package.json
index 89cbd099f6..536039eded 100644
--- a/samples/charts/data-chart/axis-locations/package.json
+++ b/samples/charts/data-chart/axis-locations/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/axis-min-max-gap/package.json
+++ b/samples/charts/data-chart/axis-min-max-gap/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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-settings/package.json b/samples/charts/data-chart/axis-settings/package.json
index 548fb3fe18..8ba791db98 100644
--- a/samples/charts/data-chart/axis-settings/package.json
+++ b/samples/charts/data-chart/axis-settings/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/axis-sharing/package.json b/samples/charts/data-chart/axis-sharing/package.json
index c176edca3c..aa203e53dd 100644
--- a/samples/charts/data-chart/axis-sharing/package.json
+++ b/samples/charts/data-chart/axis-sharing/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/axis-types/package.json b/samples/charts/data-chart/axis-types/package.json
index 2d8b3e839e..3cf2cf2d6f 100644
--- a/samples/charts/data-chart/axis-types/package.json
+++ b/samples/charts/data-chart/axis-types/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/bar-chart-multiple-sources/package.json
+++ b/samples/charts/data-chart/bar-chart-multiple-sources/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/bar-chart-overlapping/package.json
+++ b/samples/charts/data-chart/bar-chart-overlapping/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/bar-chart-single-source/package.json
+++ b/samples/charts/data-chart/bar-chart-single-source/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/bar-chart-styling/package.json
+++ b/samples/charts/data-chart/bar-chart-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/callout-layer-styling/package.json
+++ b/samples/charts/data-chart/callout-layer-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 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
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/data-chart/chart-highlight-filter/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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-navigation/package.json b/samples/charts/data-chart/chart-navigation/package.json
index c2d699e0da..4f0c048b20 100644
--- a/samples/charts/data-chart/chart-navigation/package.json
+++ b/samples/charts/data-chart/chart-navigation/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/chart-overview/package.json b/samples/charts/data-chart/chart-overview/package.json
index 9ed37854b2..012d36f26d 100644
--- a/samples/charts/data-chart/chart-overview/package.json
+++ b/samples/charts/data-chart/chart-overview/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/chart-performance/package.json b/samples/charts/data-chart/chart-performance/package.json
index 9d9b154e49..f23d012e8a 100644
--- a/samples/charts/data-chart/chart-performance/package.json
+++ b/samples/charts/data-chart/chart-performance/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/chart-synchronization/package.json b/samples/charts/data-chart/chart-synchronization/package.json
index 9248df6e7c..68df1fd8ee 100644
--- a/samples/charts/data-chart/chart-synchronization/package.json
+++ b/samples/charts/data-chart/chart-synchronization/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/chart-titles/package.json b/samples/charts/data-chart/chart-titles/package.json
index 98217a7336..0a7af65dd0 100644
--- a/samples/charts/data-chart/chart-titles/package.json
+++ b/samples/charts/data-chart/chart-titles/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/composite-chart/package.json b/samples/charts/data-chart/composite-chart/package.json
index 9ed37854b2..012d36f26d 100644
--- a/samples/charts/data-chart/composite-chart/package.json
+++ b/samples/charts/data-chart/composite-chart/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/crosshair-layer-styling/package.json b/samples/charts/data-chart/crosshair-layer-styling/package.json
index 9e050faacc..103b77bdd8 100644
--- a/samples/charts/data-chart/crosshair-layer-styling/package.json
+++ b/samples/charts/data-chart/crosshair-layer-styling/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/custom-drawing-annotations/package.json b/samples/charts/data-chart/custom-drawing-annotations/package.json
index d8e355377f..6e67380f10 100644
--- a/samples/charts/data-chart/custom-drawing-annotations/package.json
+++ b/samples/charts/data-chart/custom-drawing-annotations/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/custom-editing-data/package.json b/samples/charts/data-chart/custom-editing-data/package.json
index f0821d550c..f2134afa71 100644
--- a/samples/charts/data-chart/custom-editing-data/package.json
+++ b/samples/charts/data-chart/custom-editing-data/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/dash-array-axes/package.json b/samples/charts/data-chart/dash-array-axes/package.json
index 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/dash-array-axes/package.json
+++ b/samples/charts/data-chart/dash-array-axes/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/dash-array-series/package.json
+++ b/samples/charts/data-chart/dash-array-series/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/dash-array-tickmarks/package.json
+++ b/samples/charts/data-chart/dash-array-tickmarks/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/dash-array-trendline/package.json
+++ b/samples/charts/data-chart/dash-array-trendline/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/data-annotation-band-layer/package.json
+++ b/samples/charts/data-chart/data-annotation-band-layer/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/data-annotation-line-layer/package.json
+++ b/samples/charts/data-chart/data-annotation-line-layer/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 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
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 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
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/data-annotation-rect-layer/package.json
+++ b/samples/charts/data-chart/data-annotation-rect-layer/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/data-annotation-slice-layer/package.json
+++ b/samples/charts/data-chart/data-annotation-slice-layer/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/data-annotation-strip-layer/package.json
+++ b/samples/charts/data-chart/data-annotation-strip-layer/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 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
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/data-legend-grouping/package.json
+++ b/samples/charts/data-chart/data-legend-grouping/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/data-legend-styling/package.json
+++ b/samples/charts/data-chart/data-legend-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/data-legend/package.json
+++ b/samples/charts/data-chart/data-legend/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 904d716649..1d25861c4a 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
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/data-chart/data-tooltip-grouping/package.json
+++ b/samples/charts/data-chart/data-tooltip-grouping/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/data-chart/data-tooltip-styling/package.json
+++ b/samples/charts/data-chart/data-tooltip-styling/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/data-tooltip/package.json
+++ b/samples/charts/data-chart/data-tooltip/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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/final-value-layer-styling/package.json b/samples/charts/data-chart/final-value-layer-styling/package.json
index bca1320dd9..6be0b23dd4 100644
--- a/samples/charts/data-chart/final-value-layer-styling/package.json
+++ b/samples/charts/data-chart/final-value-layer-styling/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/financial-price-series/package.json b/samples/charts/data-chart/financial-price-series/package.json
index 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/financial-price-series/package.json
+++ b/samples/charts/data-chart/financial-price-series/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/format-specifiers/package.json
+++ b/samples/charts/data-chart/format-specifiers/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 2b37e66b67..5bb566821d 100644
--- a/samples/charts/data-chart/itemized-bar-chart/package.json
+++ b/samples/charts/data-chart/itemized-bar-chart/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 2b37e66b67..5bb566821d 100644
--- a/samples/charts/data-chart/itemized-column-chart/package.json
+++ b/samples/charts/data-chart/itemized-column-chart/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 2b37e66b67..5bb566821d 100644
--- a/samples/charts/data-chart/itemized-stacked-bar-chart/package.json
+++ b/samples/charts/data-chart/itemized-stacked-bar-chart/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 2b37e66b67..5bb566821d 100644
--- a/samples/charts/data-chart/itemized-stacked-column-chart/package.json
+++ b/samples/charts/data-chart/itemized-stacked-column-chart/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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/legends/package.json b/samples/charts/data-chart/legends/package.json
index 52aa3b3081..0d22dc5e73 100644
--- a/samples/charts/data-chart/legends/package.json
+++ b/samples/charts/data-chart/legends/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/polar-area-chart-styling/package.json
+++ b/samples/charts/data-chart/polar-area-chart-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/polar-area-chart/package.json
+++ b/samples/charts/data-chart/polar-area-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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-chart-types/package.json b/samples/charts/data-chart/polar-chart-types/package.json
index 7768fcf9a7..126a8229dc 100644
--- a/samples/charts/data-chart/polar-chart-types/package.json
+++ b/samples/charts/data-chart/polar-chart-types/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/polar-line-chart/package.json b/samples/charts/data-chart/polar-line-chart/package.json
index 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/polar-line-chart/package.json
+++ b/samples/charts/data-chart/polar-line-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/polar-scatter-chart/package.json
+++ b/samples/charts/data-chart/polar-scatter-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/polar-spline-area-chart/package.json
+++ b/samples/charts/data-chart/polar-spline-area-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/polar-spline-chart/package.json
+++ b/samples/charts/data-chart/polar-spline-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/radial-area-chart-styling/package.json
+++ b/samples/charts/data-chart/radial-area-chart-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/radial-area-chart/package.json
+++ b/samples/charts/data-chart/radial-area-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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-chart-types/package.json b/samples/charts/data-chart/radial-chart-types/package.json
index 5f5a914e9a..fc6d0f6633 100644
--- a/samples/charts/data-chart/radial-chart-types/package.json
+++ b/samples/charts/data-chart/radial-chart-types/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/radial-column-chart-selection/package.json
+++ b/samples/charts/data-chart/radial-column-chart-selection/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/radial-column-chart/package.json
+++ b/samples/charts/data-chart/radial-column-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/data-chart/radial-label-mode/package.json
+++ b/samples/charts/data-chart/radial-label-mode/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/radial-line-chart/package.json
+++ b/samples/charts/data-chart/radial-line-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/radial-pie-chart/package.json
+++ b/samples/charts/data-chart/radial-pie-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 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
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 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
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/range-area-chart/package.json
+++ b/samples/charts/data-chart/range-area-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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/.devcontainer/devcontainer.json b/samples/charts/data-chart/range-bar-chart/.devcontainer/devcontainer.json
new file mode 100644
index 0000000000..e0b8e9c925
--- /dev/null
+++ b/samples/charts/data-chart/range-bar-chart/.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/charts/data-chart/range-bar-chart/.eslintrc.js b/samples/charts/data-chart/range-bar-chart/.eslintrc.js
new file mode 100644
index 0000000000..7168b71441
--- /dev/null
+++ b/samples/charts/data-chart/range-bar-chart/.eslintrc.js
@@ -0,0 +1,78 @@
+// 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",
+      "jsx-a11y/alt-text": "off",
+      "jsx-a11y/iframe-has-title": "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",
+      "no-mixed-spaces-and-tabs": 0,
+      "prefer-const": "off",
+      "prefer-rest-params": "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",
+            "jsx-a11y/alt-text": "off",
+            "jsx-a11y/iframe-has-title": "off",
+            "no-var": "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-mixed-spaces-and-tabs": 0,
+            "no-prototype-builtins": "off",
+            "prefer-const": "off",
+            "prefer-rest-params": "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/charts/data-chart/range-bar-chart/ReadMe.md b/samples/charts/data-chart/range-bar-chart/ReadMe.md
new file mode 100644
index 0000000000..852533b81b
--- /dev/null
+++ b/samples/charts/data-chart/range-bar-chart/ReadMe.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
+
+This folder contains implementation of React application with example of Range Bar Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://dl.infragistics.com/x/img/browsers/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://dl.infragistics.com/x/img/browsers/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/charts/data-chart/range-bar-chart" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://dl.infragistics.com/x/img/browsers/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/charts/data-chart/range-bar-chart?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://dl.infragistics.com/x/img/browsers/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## 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/charts/data-chart/range-bar-chart
+```
+
+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/charts/data-chart/range-bar-chart/index.html b/samples/charts/data-chart/range-bar-chart/index.html
new file mode 100644
index 0000000000..7ccd41dace
--- /dev/null
+++ b/samples/charts/data-chart/range-bar-chart/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Sample | Ignite UI | React | infragistics</title>
+    <link rel="shortcut icon" href="https://dl.infragistics.com/x/img/browsers/react.png" >
+    <link rel="stylesheet"    href="https://dl.infragistics.com/x/css/samples/shared.v8.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/samples/charts/data-chart/range-bar-chart/package.json b/samples/charts/data-chart/range-bar-chart/package.json
new file mode 100644
index 0000000000..30d54efef7
--- /dev/null
+++ b/samples/charts/data-chart/range-bar-chart/package.json
@@ -0,0 +1,48 @@
+{
+  "name": "example-ignite-ui-react",
+  "description": "This project provides example of using Ignite UI for React components",
+  "author": "Infragistics",
+  "version": "1.4.0",
+  "license": "",
+  "homepage": ".",
+  "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",
+    "lint": "eslint ./src/**/*.{ts,tsx}"
+  },
+  "dependencies": {
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
+    "lit-html": "^3.2.0",
+    "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",
+    "eslint": "^8.33.0",
+    "eslint-config-react": "^1.1.7",
+    "eslint-plugin-react": "^7.20.0",
+    "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/charts/data-chart/range-bar-chart/sandbox.config.json b/samples/charts/data-chart/range-bar-chart/sandbox.config.json
new file mode 100644
index 0000000000..07f53508eb
--- /dev/null
+++ b/samples/charts/data-chart/range-bar-chart/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+}
\ No newline at end of file
diff --git a/samples/charts/data-chart/range-bar-chart/src/TemperatureRangeData.ts b/samples/charts/data-chart/range-bar-chart/src/TemperatureRangeData.ts
new file mode 100644
index 0000000000..03846d1526
--- /dev/null
+++ b/samples/charts/data-chart/range-bar-chart/src/TemperatureRangeData.ts
@@ -0,0 +1,35 @@
+export class TemperatureRangeDataItem {
+    public constructor(init: Partial<TemperatureRangeDataItem>) {
+        Object.assign(this, init);
+    }
+
+    public month: string;
+    public highNY: number;
+    public lowNY: number;
+    public highLA: number;
+    public lowLA: number;
+
+}
+export class TemperatureRangeData extends Array<TemperatureRangeDataItem> {
+    public constructor(items: Array<TemperatureRangeDataItem> | number = -1) {
+        if (Array.isArray(items)) {
+            super(...items);
+        } else {
+            const newItems = [
+                new TemperatureRangeDataItem({ month: `Jan`, highNY: 10.6, lowNY: -6.6, highLA: 28.3, lowLA: 7.8 }),
+                new TemperatureRangeDataItem({ month: `Feb`, highNY: 7.8, lowNY: -9.9, highLA: 31.1, lowLA: 5.6 }),
+                new TemperatureRangeDataItem({ month: `Mar`, highNY: 12.2, lowNY: -3.8, highLA: 27.8, lowLA: 8.3 }),
+                new TemperatureRangeDataItem({ month: `Apr`, highNY: 11.7, lowNY: 2.2, highLA: 33.9, lowLA: 10.6 }),
+                new TemperatureRangeDataItem({ month: `May`, highNY: 19.4, lowNY: 1.1, highLA: 35, lowLA: 13.9 }),
+                new TemperatureRangeDataItem({ month: `Jun`, highNY: 23.3, lowNY: 10.6, highLA: 36.7, lowLA: 16.1 }),
+                new TemperatureRangeDataItem({ month: `Jul`, highNY: 27.2, lowNY: 19.4, highLA: 33.3, lowLA: 15.6 }),
+                new TemperatureRangeDataItem({ month: `Aug`, highNY: 25.6, lowNY: 16.7, highLA: 36.7, lowLA: 15.6 }),
+                new TemperatureRangeDataItem({ month: `Sep`, highNY: 22.8, lowNY: 8.9, highLA: 43.9, lowLA: 16.1 }),
+                new TemperatureRangeDataItem({ month: `Oct`, highNY: 17.8, lowNY: 0, highLA: 38.3, lowLA: 11.1 }),
+                new TemperatureRangeDataItem({ month: `Nov`, highNY: 17.8, lowNY: -1, highLA: 32.8, lowLA: 6.7 }),
+                new TemperatureRangeDataItem({ month: `Dec`, highNY: 8.3, lowNY: -6.6, highLA: 28.9, lowLA: 5.6 }),
+            ];
+            super(...newItems.slice(0));
+        }
+    }
+}
diff --git a/samples/charts/data-chart/range-bar-chart/src/index.css b/samples/charts/data-chart/range-bar-chart/src/index.css
new file mode 100644
index 0000000000..7eb1c7c38e
--- /dev/null
+++ b/samples/charts/data-chart/range-bar-chart/src/index.css
@@ -0,0 +1,2 @@
+/* shared styles are loaded from: */
+/* https://dl.infragistics.com/x/css/samples/shared.v8.css */
diff --git a/samples/charts/data-chart/range-bar-chart/src/index.tsx b/samples/charts/data-chart/range-bar-chart/src/index.tsx
new file mode 100644
index 0000000000..cfe5f0eacb
--- /dev/null
+++ b/samples/charts/data-chart/range-bar-chart/src/index.tsx
@@ -0,0 +1,119 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+
+import { IgrDataChartAnnotationModule, IgrDataChartCategoryModule, IgrDataChartCoreModule, IgrDataChartInteractivityModule, IgrDataChartVerticalCategoryModule, IgrLegendModule, IgrRangeBarSeriesModule } from 'igniteui-react-charts';
+import { IgrLegend, IgrDataChart, IgrCategoryYAxis, IgrNumericXAxis, IgrRangeBarSeries, IgrDataToolTipLayer } from 'igniteui-react-charts';
+import { TemperatureRangeDataItem, TemperatureRangeData } from './TemperatureRangeData';
+
+const mods: any[] = [
+    IgrDataChartAnnotationModule,
+    IgrDataChartCategoryModule,
+    IgrDataChartCoreModule,
+    IgrDataChartInteractivityModule,
+    IgrDataChartVerticalCategoryModule,
+    IgrLegendModule,
+    IgrRangeBarSeriesModule
+];
+mods.forEach((m) => m.register());
+
+export default class Sample extends React.Component<any, any> {
+    private legend: IgrLegend
+    private legendRef(r: IgrLegend) {
+        this.legend = r;
+        this.setState({});
+    }
+    private chart: IgrDataChart
+    private chartRef(r: IgrDataChart) {
+        this.chart = r;
+        this.setState({});
+    }
+    private yAxis: IgrCategoryYAxis
+    private xAxis: IgrNumericXAxis
+    private rangeBarSeries1: IgrRangeBarSeries
+    private rangeBarSeries2: IgrRangeBarSeries
+    private dataToolTipLayer: IgrDataToolTipLayer
+
+    constructor(props: any) {
+        super(props);
+
+        this.legendRef = this.legendRef.bind(this);
+        this.chartRef = this.chartRef.bind(this);
+    }
+
+    public render(): JSX.Element {
+        return (
+        <div className="container sample">
+
+            <div className="legend-title">
+                Monthly Temperature Range in LA and NYC
+            </div>
+
+            <div className="legend">
+                <IgrLegend
+                    ref={this.legendRef}
+                    orientation="Horizontal">
+                </IgrLegend>
+            </div>
+
+            <div className="container fill">
+                <IgrDataChart
+                    ref={this.chartRef}
+                    isHorizontalZoomEnabled="false"
+                    isVerticalZoomEnabled="false"
+                    legend={this.legend}>
+                    <IgrCategoryYAxis
+                        name="yAxis"
+                        label="month"
+                        interval="1"
+                        dataSource={this.temperatureRangeData}>
+                    </IgrCategoryYAxis>
+                    <IgrNumericXAxis
+                        name="xAxis"
+                        title="Temperature (in Celsius)"
+                        titleAngle="0"
+                        titleTopMargin="10">
+                    </IgrNumericXAxis>
+                    <IgrRangeBarSeries
+                        name="RangeBarSeries1"
+                        xAxisName="xAxis"
+                        yAxisName="yAxis"
+                        title="Los Angeles"
+                        lowMemberPath="lowLA"
+                        highMemberPath="highLA"
+                        showDefaultTooltip="false"
+                        dataSource={this.temperatureRangeData}>
+                    </IgrRangeBarSeries>
+                    <IgrRangeBarSeries
+                        name="RangeBarSeries2"
+                        xAxisName="xAxis"
+                        yAxisName="yAxis"
+                        title="New York"
+                        lowMemberPath="lowNY"
+                        highMemberPath="highNY"
+                        showDefaultTooltip="false"
+                        dataSource={this.temperatureRangeData}>
+                    </IgrRangeBarSeries>
+                    <IgrDataToolTipLayer
+                        name="dataToolTipLayer">
+                    </IgrDataToolTipLayer>
+                </IgrDataChart>
+            </div>
+        </div>
+        );
+    }
+
+    private _temperatureRangeData: TemperatureRangeData = null;
+    public get temperatureRangeData(): TemperatureRangeData {
+        if (this._temperatureRangeData == null)
+        {
+            this._temperatureRangeData = new TemperatureRangeData();
+        }
+        return this._temperatureRangeData;
+    }
+
+}
+
+// rendering above component in the React DOM
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<Sample/>);
\ No newline at end of file
diff --git a/samples/charts/data-chart/range-bar-chart/tsconfig.json b/samples/charts/data-chart/range-bar-chart/tsconfig.json
new file mode 100644
index 0000000000..8c0d146f95
--- /dev/null
+++ b/samples/charts/data-chart/range-bar-chart/tsconfig.json
@@ -0,0 +1,44 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "outDir": "build/dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react-jsx",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "acceptance-tests",
+    "webpack",
+    "jest",
+    "src/setupTests.ts",
+    "**/odatajs-4.0.0.js",
+    "config-overrides.js"
+  ],
+  "include": [
+    "src"
+  ]
+}
diff --git a/samples/charts/data-chart/range-bar-chart/vite.config.js b/samples/charts/data-chart/range-bar-chart/vite.config.js
new file mode 100644
index 0000000000..1744dbc719
--- /dev/null
+++ b/samples/charts/data-chart/range-bar-chart/vite.config.js
@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    outDir: 'build'
+  },
+  server: {
+    open: false
+  },
+});
\ No newline at end of file
diff --git a/samples/charts/data-chart/range-column-chart/package.json b/samples/charts/data-chart/range-column-chart/package.json
index 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/range-column-chart/package.json
+++ b/samples/charts/data-chart/range-column-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 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
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 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
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 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
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/scatter-line-chart/package.json
+++ b/samples/charts/data-chart/scatter-line-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 2b37e66b67..5bb566821d 100644
--- a/samples/charts/data-chart/scatter-line-threshold/package.json
+++ b/samples/charts/data-chart/scatter-line-threshold/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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/.devcontainer/devcontainer.json b/samples/charts/data-chart/scatter-marker-options/.devcontainer/devcontainer.json
new file mode 100644
index 0000000000..e0b8e9c925
--- /dev/null
+++ b/samples/charts/data-chart/scatter-marker-options/.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/charts/data-chart/scatter-marker-options/.eslintrc.js b/samples/charts/data-chart/scatter-marker-options/.eslintrc.js
new file mode 100644
index 0000000000..7168b71441
--- /dev/null
+++ b/samples/charts/data-chart/scatter-marker-options/.eslintrc.js
@@ -0,0 +1,78 @@
+// 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",
+      "jsx-a11y/alt-text": "off",
+      "jsx-a11y/iframe-has-title": "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",
+      "no-mixed-spaces-and-tabs": 0,
+      "prefer-const": "off",
+      "prefer-rest-params": "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",
+            "jsx-a11y/alt-text": "off",
+            "jsx-a11y/iframe-has-title": "off",
+            "no-var": "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-mixed-spaces-and-tabs": 0,
+            "no-prototype-builtins": "off",
+            "prefer-const": "off",
+            "prefer-rest-params": "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/charts/data-chart/scatter-marker-options/ReadMe.md b/samples/charts/data-chart/scatter-marker-options/ReadMe.md
new file mode 100644
index 0000000000..8fd96bef63
--- /dev/null
+++ b/samples/charts/data-chart/scatter-marker-options/ReadMe.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
+
+This folder contains implementation of React application with example of Scatter Marker Options feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://dl.infragistics.com/x/img/browsers/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://dl.infragistics.com/x/img/browsers/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/charts/data-chart/scatter-marker-options" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://dl.infragistics.com/x/img/browsers/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/charts/data-chart/scatter-marker-options?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://dl.infragistics.com/x/img/browsers/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## 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/charts/data-chart/scatter-marker-options
+```
+
+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/charts/data-chart/scatter-marker-options/index.html b/samples/charts/data-chart/scatter-marker-options/index.html
new file mode 100644
index 0000000000..7ccd41dace
--- /dev/null
+++ b/samples/charts/data-chart/scatter-marker-options/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Sample | Ignite UI | React | infragistics</title>
+    <link rel="shortcut icon" href="https://dl.infragistics.com/x/img/browsers/react.png" >
+    <link rel="stylesheet"    href="https://dl.infragistics.com/x/css/samples/shared.v8.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/samples/charts/data-chart/scatter-marker-options/package.json b/samples/charts/data-chart/scatter-marker-options/package.json
new file mode 100644
index 0000000000..1d25861c4a
--- /dev/null
+++ b/samples/charts/data-chart/scatter-marker-options/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "example-ignite-ui-react",
+  "description": "This project provides example of using Ignite UI for React components",
+  "author": "Infragistics",
+  "version": "1.4.0",
+  "license": "",
+  "homepage": ".",
+  "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",
+    "lint": "eslint ./src/**/*.{ts,tsx}"
+  },
+  "dependencies": {
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
+    "lit-html": "^3.2.0",
+    "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",
+    "eslint": "^8.33.0",
+    "eslint-config-react": "^1.1.7",
+    "eslint-plugin-react": "^7.20.0",
+    "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/charts/data-chart/scatter-marker-options/sandbox.config.json b/samples/charts/data-chart/scatter-marker-options/sandbox.config.json
new file mode 100644
index 0000000000..07f53508eb
--- /dev/null
+++ b/samples/charts/data-chart/scatter-marker-options/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+}
\ No newline at end of file
diff --git a/samples/charts/data-chart/scatter-marker-options/src/CountryDemographicAfrican.ts b/samples/charts/data-chart/scatter-marker-options/src/CountryDemographicAfrican.ts
new file mode 100644
index 0000000000..f34edee2c1
--- /dev/null
+++ b/samples/charts/data-chart/scatter-marker-options/src/CountryDemographicAfrican.ts
@@ -0,0 +1,76 @@
+export class CountryDemographicAfricanItem {
+    public constructor(init: Partial<CountryDemographicAfricanItem>) {
+        Object.assign(this, init);
+    }
+
+    public population: number;
+    public birthRate: number;
+    public deathRate: number;
+    public name: string;
+
+}
+export class CountryDemographicAfrican extends Array<CountryDemographicAfricanItem> {
+    public constructor(items: Array<CountryDemographicAfricanItem> | number = -1) {
+        if (Array.isArray(items)) {
+            super(...items);
+        } else {
+            const newItems = [
+                new CountryDemographicAfricanItem({ population: 39728000, birthRate: 23.9, deathRate: 4.77, name: `Algeria` }),
+                new CountryDemographicAfricanItem({ population: 27884000, birthRate: 42.32, deathRate: 8.68, name: `Angola` }),
+                new CountryDemographicAfricanItem({ population: 10576000, birthRate: 37.43, deathRate: 9.32, name: `Benin` }),
+                new CountryDemographicAfricanItem({ population: 2121000, birthRate: 24.14, deathRate: 7.02, name: `Botswana` }),
+                new CountryDemographicAfricanItem({ population: 18111000, birthRate: 39.44, deathRate: 8.82, name: `Burkina Faso` }),
+                new CountryDemographicAfricanItem({ population: 10160000, birthRate: 42.66, deathRate: 11.03, name: `Burundi` }),
+                new CountryDemographicAfricanItem({ population: 23298000, birthRate: 36.84, deathRate: 10.35, name: `Cameroon` }),
+                new CountryDemographicAfricanItem({ population: 525000, birthRate: 21.14, deathRate: 5.61, name: `Cape Verde` }),
+                new CountryDemographicAfricanItem({ population: 4493000, birthRate: 36.11, deathRate: 14.01, name: `C.A.R.` }),
+                new CountryDemographicAfricanItem({ population: 14111000, birthRate: 43.86, deathRate: 13.22, name: `Chad` }),
+                new CountryDemographicAfricanItem({ population: 777000, birthRate: 33.33, deathRate: 7.49, name: `Comoros` }),
+                new CountryDemographicAfricanItem({ population: 4856000, birthRate: 35.23, deathRate: 7.56, name: `Congo` }),
+                new CountryDemographicAfricanItem({ population: 23226000, birthRate: 37.1, deathRate: 12.54, name: `Cote Ivoire` }),
+                new CountryDemographicAfricanItem({ population: 76245000, birthRate: 42.81, deathRate: 10.19, name: `DCongo` }),
+                new CountryDemographicAfricanItem({ population: 914000, birthRate: 23.35, deathRate: 8.37, name: `Djibouti` }),
+                new CountryDemographicAfricanItem({ population: 92443000, birthRate: 27.2, deathRate: 5.96, name: `Egypt` }),
+                new CountryDemographicAfricanItem({ population: 1169000, birthRate: 34.64, deathRate: 10.34, name: `Equatorial Guinea` }),
+                new CountryDemographicAfricanItem({ population: 3343000, birthRate: 32.83, deathRate: 7.07, name: `Eritrea` }),
+                new CountryDemographicAfricanItem({ population: 100835000, birthRate: 32.3, deathRate: 7, name: `Ethiopia` }),
+                new CountryDemographicAfricanItem({ population: 1948000, birthRate: 30.09, deathRate: 7.82, name: `Gabon` }),
+                new CountryDemographicAfricanItem({ population: 2086000, birthRate: 39.99, deathRate: 8.2, name: `Gambia` }),
+                new CountryDemographicAfricanItem({ population: 27849000, birthRate: 31.56, deathRate: 8.31, name: `Ghana` }),
+                new CountryDemographicAfricanItem({ population: 11432000, birthRate: 36.36, deathRate: 9.58, name: `Guinea` }),
+                new CountryDemographicAfricanItem({ population: 1737000, birthRate: 37.15, deathRate: 10.78, name: `Guinea-Bissau` }),
+                new CountryDemographicAfricanItem({ population: 47878000, birthRate: 31.78, deathRate: 5.84, name: `Kenya` }),
+                new CountryDemographicAfricanItem({ population: 2059000, birthRate: 28.16, deathRate: 12.92, name: `Lesotho` }),
+                new CountryDemographicAfricanItem({ population: 4472000, birthRate: 34.72, deathRate: 8.12, name: `Liberia` }),
+                new CountryDemographicAfricanItem({ population: 6418000, birthRate: 20.19, deathRate: 5.2, name: `Libya` }),
+                new CountryDemographicAfricanItem({ population: 24234000, birthRate: 33.4, deathRate: 6.48, name: `Madagascar` }),
+                new CountryDemographicAfricanItem({ population: 16745000, birthRate: 37.05, deathRate: 7.5, name: `Malawi` }),
+                new CountryDemographicAfricanItem({ population: 17439000, birthRate: 43.22, deathRate: 10.67, name: `Mali` }),
+                new CountryDemographicAfricanItem({ population: 4046000, birthRate: 34.57, deathRate: 7.96, name: `Mauritania` }),
+                new CountryDemographicAfricanItem({ population: 1259000, birthRate: 10.1, deathRate: 7.7, name: `Mauritius` }),
+                new CountryDemographicAfricanItem({ population: 34664000, birthRate: 20.4, deathRate: 5.15, name: `Morocco` }),
+                new CountryDemographicAfricanItem({ population: 27042000, birthRate: 39.36, deathRate: 10.38, name: `Mozambique` }),
+                new CountryDemographicAfricanItem({ population: 2315000, birthRate: 29.59, deathRate: 7.46, name: `Namibia` }),
+                new CountryDemographicAfricanItem({ population: 20002000, birthRate: 48.44, deathRate: 9.94, name: `Niger` }),
+                new CountryDemographicAfricanItem({ population: 181136992, birthRate: 39.37, deathRate: 12.77, name: `Nigeria` }),
+                new CountryDemographicAfricanItem({ population: 11369000, birthRate: 31.79, deathRate: 6.13, name: `Rwanda` }),
+                new CountryDemographicAfricanItem({ population: 199000, birthRate: 34.33, deathRate: 6.81, name: `Sao Tome and Principe` }),
+                new CountryDemographicAfricanItem({ population: 14578000, birthRate: 36.21, deathRate: 6.07, name: `Senegal` }),
+                new CountryDemographicAfricanItem({ population: 95000, birthRate: 17, deathRate: 7.5, name: `Seychelles` }),
+                new CountryDemographicAfricanItem({ population: 7172000, birthRate: 35.61, deathRate: 13.03, name: `Sierra Leone` }),
+                new CountryDemographicAfricanItem({ population: 13797000, birthRate: 43.66, deathRate: 11.63, name: `Somalia` }),
+                new CountryDemographicAfricanItem({ population: 55386000, birthRate: 21.3, deathRate: 10.1, name: `South Africa` }),
+                new CountryDemographicAfricanItem({ population: 10716000, birthRate: 36.32, deathRate: 11.24, name: `South Sudan` }),
+                new CountryDemographicAfricanItem({ population: 38903000, birthRate: 33.32, deathRate: 7.52, name: `Sudan` }),
+                new CountryDemographicAfricanItem({ population: 1104000, birthRate: 29.27, deathRate: 9.86, name: `Swaziland` }),
+                new CountryDemographicAfricanItem({ population: 51483000, birthRate: 38.64, deathRate: 7.02, name: `Tanzania` }),
+                new CountryDemographicAfricanItem({ population: 7323000, birthRate: 34.53, deathRate: 8.83, name: `Togo` }),
+                new CountryDemographicAfricanItem({ population: 11180000, birthRate: 18.65, deathRate: 6.36, name: `Tunisia` }),
+                new CountryDemographicAfricanItem({ population: 38225000, birthRate: 42.63, deathRate: 8.87, name: `Uganda` }),
+                new CountryDemographicAfricanItem({ population: 15879000, birthRate: 38.44, deathRate: 8, name: `Zambia` }),
+                new CountryDemographicAfricanItem({ population: 13815000, birthRate: 33.94, deathRate: 8.4, name: `Zimbabwe` }),
+            ];
+            super(...newItems.slice(0));
+        }
+    }
+}
diff --git a/samples/charts/data-chart/scatter-marker-options/src/CountryDemographicEurope.ts b/samples/charts/data-chart/scatter-marker-options/src/CountryDemographicEurope.ts
new file mode 100644
index 0000000000..746d9011e5
--- /dev/null
+++ b/samples/charts/data-chart/scatter-marker-options/src/CountryDemographicEurope.ts
@@ -0,0 +1,67 @@
+export class CountryDemographicEuropeItem {
+    public constructor(init: Partial<CountryDemographicEuropeItem>) {
+        Object.assign(this, init);
+    }
+
+    public population: number;
+    public birthRate: number;
+    public deathRate: number;
+    public name: string;
+
+}
+export class CountryDemographicEurope extends Array<CountryDemographicEuropeItem> {
+    public constructor(items: Array<CountryDemographicEuropeItem> | number = -1) {
+        if (Array.isArray(items)) {
+            super(...items);
+        } else {
+            const newItems = [
+                new CountryDemographicEuropeItem({ population: 2891000, birthRate: 11.88, deathRate: 7.22, name: `Albania` }),
+                new CountryDemographicEuropeItem({ population: 8679000, birthRate: 9.8, deathRate: 9.6, name: `Austria` }),
+                new CountryDemographicEuropeItem({ population: 9439000, birthRate: 12.5, deathRate: 12.6, name: `Belarus` }),
+                new CountryDemographicEuropeItem({ population: 11288000, birthRate: 10.8, deathRate: 9.8, name: `Belgium` }),
+                new CountryDemographicEuropeItem({ population: 3429000, birthRate: 9.12, deathRate: 10.89, name: `Bosnia` }),
+                new CountryDemographicEuropeItem({ population: 7200000, birthRate: 9.2, deathRate: 15.3, name: `Bulgaria` }),
+                new CountryDemographicEuropeItem({ population: 165000, birthRate: 9.39, deathRate: 8.97, name: `Channel Islands` }),
+                new CountryDemographicEuropeItem({ population: 4233000, birthRate: 8.9, deathRate: 12.9, name: `Croatia` }),
+                new CountryDemographicEuropeItem({ population: 1161000, birthRate: 10.98, deathRate: 6.84, name: `Cyprus` }),
+                new CountryDemographicEuropeItem({ population: 10601000, birthRate: 10.5, deathRate: 10.5, name: `Czechia` }),
+                new CountryDemographicEuropeItem({ population: 5689000, birthRate: 10.2, deathRate: 9.2, name: `Denmark` }),
+                new CountryDemographicEuropeItem({ population: 1315000, birthRate: 10.6, deathRate: 11.6, name: `Estonia` }),
+                new CountryDemographicEuropeItem({ population: 48000, birthRate: 12.4, deathRate: 7.7, name: `Faeroe Islands` }),
+                new CountryDemographicEuropeItem({ population: 5481000, birthRate: 10.1, deathRate: 9.6, name: `Finland` }),
+                new CountryDemographicEuropeItem({ population: 64453000, birthRate: 12, deathRate: 8.9, name: `France` }),
+                new CountryDemographicEuropeItem({ population: 81787000, birthRate: 9, deathRate: 11.3, name: `Germany` }),
+                new CountryDemographicEuropeItem({ population: 10660000, birthRate: 8.5, deathRate: 11.2, name: `Greece` }),
+                new CountryDemographicEuropeItem({ population: 9778000, birthRate: 9.4, deathRate: 13.4, name: `Hungary` }),
+                new CountryDemographicEuropeItem({ population: 330000, birthRate: 12.5, deathRate: 6.6, name: `Iceland` }),
+                new CountryDemographicEuropeItem({ population: 4652000, birthRate: 14.1, deathRate: 6.5, name: `Ireland` }),
+                new CountryDemographicEuropeItem({ population: 60578000, birthRate: 8, deathRate: 10.7, name: `Italy` }),
+                new CountryDemographicEuropeItem({ population: 1998000, birthRate: 11.1, deathRate: 14.4, name: `Latvia` }),
+                new CountryDemographicEuropeItem({ population: 37000, birthRate: 8.7, deathRate: 6.7, name: `Liechtenstein` }),
+                new CountryDemographicEuropeItem({ population: 2932000, birthRate: 10.8, deathRate: 14.4, name: `Lithuania` }),
+                new CountryDemographicEuropeItem({ population: 567000, birthRate: 10.7, deathRate: 7, name: `Luxembourg` }),
+                new CountryDemographicEuropeItem({ population: 2079000, birthRate: 11.3, deathRate: 9.75, name: `Macedonia` }),
+                new CountryDemographicEuropeItem({ population: 434000, birthRate: 10, deathRate: 8, name: `Malta` }),
+                new CountryDemographicEuropeItem({ population: 4071000, birthRate: 10.52, deathRate: 11.42, name: `Moldova` }),
+                new CountryDemographicEuropeItem({ population: 38000, birthRate: 8.1, deathRate: 7.6, name: `Monaco` }),
+                new CountryDemographicEuropeItem({ population: 627000, birthRate: 11.52, deathRate: 9.8, name: `Montenegro` }),
+                new CountryDemographicEuropeItem({ population: 16938000, birthRate: 10.1, deathRate: 8.7, name: `Netherlands` }),
+                new CountryDemographicEuropeItem({ population: 5200000, birthRate: 11.3, deathRate: 7.8, name: `Norway` }),
+                new CountryDemographicEuropeItem({ population: 38034000, birthRate: 9.7, deathRate: 10.4, name: `Poland` }),
+                new CountryDemographicEuropeItem({ population: 10368000, birthRate: 8.3, deathRate: 10.5, name: `Portugal` }),
+                new CountryDemographicEuropeItem({ population: 19925000, birthRate: 10, deathRate: 13.2, name: `Romania` }),
+                new CountryDemographicEuropeItem({ population: 144984992, birthRate: 13.3, deathRate: 13, name: `Russia` }),
+                new CountryDemographicEuropeItem({ population: 33000, birthRate: 8.2, deathRate: 7.1, name: `San Marino` }),
+                new CountryDemographicEuropeItem({ population: 8877000, birthRate: 9.3, deathRate: 14.6, name: `Serbia` }),
+                new CountryDemographicEuropeItem({ population: 5436000, birthRate: 10.3, deathRate: 9.9, name: `Slovakia` }),
+                new CountryDemographicEuropeItem({ population: 2071000, birthRate: 10, deathRate: 9.6, name: `Slovenia` }),
+                new CountryDemographicEuropeItem({ population: 46672000, birthRate: 9, deathRate: 9.1, name: `Spain` }),
+                new CountryDemographicEuropeItem({ population: 9765000, birthRate: 11.7, deathRate: 9.3, name: `Sweden` }),
+                new CountryDemographicEuropeItem({ population: 8297000, birthRate: 10.5, deathRate: 8.2, name: `Switzerland` }),
+                new CountryDemographicEuropeItem({ population: 44922000, birthRate: 10.7, deathRate: 14.9, name: `Ukraine` }),
+                new CountryDemographicEuropeItem({ population: 65860000, birthRate: 11.9, deathRate: 9.2, name: `United Kingdom` }),
+            ];
+            super(...newItems.slice(0));
+        }
+    }
+}
diff --git a/samples/charts/data-chart/scatter-marker-options/src/index.css b/samples/charts/data-chart/scatter-marker-options/src/index.css
new file mode 100644
index 0000000000..7eb1c7c38e
--- /dev/null
+++ b/samples/charts/data-chart/scatter-marker-options/src/index.css
@@ -0,0 +1,2 @@
+/* shared styles are loaded from: */
+/* https://dl.infragistics.com/x/css/samples/shared.v8.css */
diff --git a/samples/charts/data-chart/scatter-marker-options/src/index.tsx b/samples/charts/data-chart/scatter-marker-options/src/index.tsx
new file mode 100644
index 0000000000..eb3e565d55
--- /dev/null
+++ b/samples/charts/data-chart/scatter-marker-options/src/index.tsx
@@ -0,0 +1,210 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+
+import { IgrPropertyEditorPanelModule } from 'igniteui-react-layouts';
+import { IgrLegendModule, IgrDataChartCoreModule, IgrDataChartScatterModule, IgrDataChartScatterCoreModule, IgrDataChartInteractivityModule, IgrDataChartAnnotationModule } from 'igniteui-react-charts';
+import { IgrPropertyEditorPanel, IgrPropertyEditorPropertyDescription } from 'igniteui-react-layouts';
+import { IgrLegend, IgrDataChart, IgrNumericXAxis, IgrNumericYAxis, IgrScatterSeries } from 'igniteui-react-charts';
+import { ComponentRenderer, PropertyEditorPanelDescriptionModule, LegendDescriptionModule, DataChartCoreDescriptionModule, DataChartScatterDescriptionModule, DataChartScatterCoreDescriptionModule, DataChartInteractivityDescriptionModule, DataChartAnnotationDescriptionModule } from 'igniteui-react-core';
+import { CountryDemographicEuropeItem, CountryDemographicEurope } from './CountryDemographicEurope';
+import { CountryDemographicAfricanItem, CountryDemographicAfrican } from './CountryDemographicAfrican';
+import { IgrPropertyEditorPropertyDescriptionChangedEventArgs } from 'igniteui-react-layouts';
+
+import 'igniteui-webcomponents/themes/light/bootstrap.css';
+
+const mods: any[] = [
+    IgrPropertyEditorPanelModule,
+    IgrLegendModule,
+    IgrDataChartCoreModule,
+    IgrDataChartScatterModule,
+    IgrDataChartScatterCoreModule,
+    IgrDataChartInteractivityModule,
+    IgrDataChartAnnotationModule
+];
+mods.forEach((m) => m.register());
+
+export default class Sample extends React.Component<any, any> {
+    private propertyEditor: IgrPropertyEditorPanel
+    private propertyEditorRef(r: IgrPropertyEditorPanel) {
+        this.propertyEditor = r;
+        this.setState({});
+    }
+    private markerSizeEditor: IgrPropertyEditorPropertyDescription
+    private markerTypeEditor: IgrPropertyEditorPropertyDescription
+    private legend: IgrLegend
+    private legendRef(r: IgrLegend) {
+        this.legend = r;
+        this.setState({});
+    }
+    private chart: IgrDataChart
+    private chartRef(r: IgrDataChart) {
+        this.chart = r;
+        this.setState({});
+    }
+    private xAxis: IgrNumericXAxis
+    private yAxis: IgrNumericYAxis
+    private scatterSeries1: IgrScatterSeries
+    private scatterSeries2: IgrScatterSeries
+
+    constructor(props: any) {
+        super(props);
+
+        this.propertyEditorRef = this.propertyEditorRef.bind(this);
+        this.editorChangeUpdateDataChartMarkerSize = this.editorChangeUpdateDataChartMarkerSize.bind(this);
+        this.editorChangeUpdateDataChartMarkerType = this.editorChangeUpdateDataChartMarkerType.bind(this);
+        this.legendRef = this.legendRef.bind(this);
+        this.chartRef = this.chartRef.bind(this);
+    }
+
+    public render(): JSX.Element {
+        return (
+        <div className="container sample">
+            <div className="options vertical">
+                <IgrPropertyEditorPanel
+                    ref={this.propertyEditorRef}
+                    componentRenderer={this.renderer}
+                    target={this.chart}
+                    descriptionType="DataChart"
+                    isHorizontal="true"
+                    isWrappingEnabled="true">
+                    <IgrPropertyEditorPropertyDescription
+                        propertyPath="MarkerSizeHandler"
+                        name="MarkerSizeEditor"
+                        label="Marker Size"
+                        shouldOverrideDefaultEditor="true"
+                        valueType="EnumValue"
+                        dropDownNames={["3", "5", "7", "10", "12", "15", "20", "25", "30"]}
+                        dropDownValues={["3", "5", "7", "10", "12", "15", "20", "25", "30"]}
+                        primitiveValue="10"
+                        changed={this.editorChangeUpdateDataChartMarkerSize}>
+                    </IgrPropertyEditorPropertyDescription>
+                    <IgrPropertyEditorPropertyDescription
+                        propertyPath="MarkerTypeHandler"
+                        name="MarkerTypeEditor"
+                        label="Marker Type"
+                        shouldOverrideDefaultEditor="true"
+                        valueType="EnumValue"
+                        dropDownValues={["Circle", "Checkmark", "Triangle", "Pyramid", "Square", "Diamond", "Pentagon", "Hexagon", "Tetragram", "Pentagram", "Hexagram", "Hidden", "Automatic", "None"]}
+                        dropDownNames={["Circle", "Checkmark", "Triangle", "Pyramid", "Square", "Diamond", "Pentagon", "Hexagon", "Tetragram", "Pentagram", "Hexagram", "Hidden", "Automatic", "None"]}
+                        primitiveValue="Circle"
+                        changed={this.editorChangeUpdateDataChartMarkerType}>
+                    </IgrPropertyEditorPropertyDescription>
+                </IgrPropertyEditorPanel>
+            </div>
+
+            <div className="legend-title">
+                Population Statistics for Selected Continents
+            </div>
+
+            <div className="legend">
+                <IgrLegend
+                    ref={this.legendRef}
+                    orientation="Horizontal">
+                </IgrLegend>
+            </div>
+
+            <div className="container fill">
+                <IgrDataChart
+                    ref={this.chartRef}
+                    legend={this.legend}>
+                    <IgrNumericXAxis
+                        name="xAxis"
+                        title="Death Rate (per 1,000 people)"
+                        minimumValue="5"
+                        maximumValue="15">
+                    </IgrNumericXAxis>
+                    <IgrNumericYAxis
+                        name="yAxis"
+                        title="Birth Rate (per 1,000 people)"
+                        minimumValue="0"
+                        maximumValue="50"
+                        interval="10">
+                    </IgrNumericYAxis>
+                    <IgrScatterSeries
+                        name="scatterSeries1"
+                        title="Europe"
+                        xAxisName="xAxis"
+                        yAxisName="yAxis"
+                        xMemberPath="deathRate"
+                        yMemberPath="birthRate"
+                        dataSource={this.countryDemographicEurope}
+                        markerType="Circle"
+                        markerSize="10"
+                        showDefaultTooltip="true">
+                    </IgrScatterSeries>
+                    <IgrScatterSeries
+                        name="scatterSeries2"
+                        title="Africa"
+                        xAxisName="xAxis"
+                        yAxisName="yAxis"
+                        xMemberPath="deathRate"
+                        yMemberPath="birthRate"
+                        dataSource={this.countryDemographicAfrican}
+                        markerType="Circle"
+                        markerSize="10"
+                        showDefaultTooltip="true">
+                    </IgrScatterSeries>
+                </IgrDataChart>
+            </div>
+        </div>
+        );
+    }
+
+    private _countryDemographicEurope: CountryDemographicEurope = null;
+    public get countryDemographicEurope(): CountryDemographicEurope {
+        if (this._countryDemographicEurope == null)
+        {
+            this._countryDemographicEurope = new CountryDemographicEurope();
+        }
+        return this._countryDemographicEurope;
+    }
+
+    private _countryDemographicAfrican: CountryDemographicAfrican = null;
+    public get countryDemographicAfrican(): CountryDemographicAfrican {
+        if (this._countryDemographicAfrican == null)
+        {
+            this._countryDemographicAfrican = new CountryDemographicAfrican();
+        }
+        return this._countryDemographicAfrican;
+    }
+
+    private _componentRenderer: ComponentRenderer = null;
+    public get renderer(): ComponentRenderer {
+        if (this._componentRenderer == null) {
+            this._componentRenderer = new ComponentRenderer();
+            var context = this._componentRenderer.context;
+            PropertyEditorPanelDescriptionModule.register(context);
+            LegendDescriptionModule.register(context);
+            DataChartCoreDescriptionModule.register(context);
+            DataChartScatterDescriptionModule.register(context);
+            DataChartScatterCoreDescriptionModule.register(context);
+            DataChartInteractivityDescriptionModule.register(context);
+            DataChartAnnotationDescriptionModule.register(context);
+        }
+        return this._componentRenderer;
+    }
+
+    public editorChangeUpdateDataChartMarkerSize(sender: any, args: IgrPropertyEditorPropertyDescriptionChangedEventArgs): void {
+        var chart = this.chart;
+        var markerSizeVal = parseInt(args.newValue);
+        var series = chart.actualSeries;
+        for (var i = 0; i < series.length; i++) {
+            (series[i] as any).markerSize = markerSizeVal;
+        }
+    }
+
+    public editorChangeUpdateDataChartMarkerType(sender: any, args: IgrPropertyEditorPropertyDescriptionChangedEventArgs): void {
+        var chart = this.chart;
+        var markerTypeVal = args.newValue;
+        var series = chart.actualSeries;
+        for (var i = 0; i < series.length; i++) {
+            (series[i] as any).markerType = markerTypeVal;
+        }
+    }
+
+}
+
+// rendering above component in the React DOM
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<Sample/>);
\ No newline at end of file
diff --git a/samples/charts/data-chart/scatter-marker-options/tsconfig.json b/samples/charts/data-chart/scatter-marker-options/tsconfig.json
new file mode 100644
index 0000000000..8c0d146f95
--- /dev/null
+++ b/samples/charts/data-chart/scatter-marker-options/tsconfig.json
@@ -0,0 +1,44 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "outDir": "build/dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react-jsx",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "acceptance-tests",
+    "webpack",
+    "jest",
+    "src/setupTests.ts",
+    "**/odatajs-4.0.0.js",
+    "config-overrides.js"
+  ],
+  "include": [
+    "src"
+  ]
+}
diff --git a/samples/charts/data-chart/scatter-marker-options/vite.config.js b/samples/charts/data-chart/scatter-marker-options/vite.config.js
new file mode 100644
index 0000000000..1744dbc719
--- /dev/null
+++ b/samples/charts/data-chart/scatter-marker-options/vite.config.js
@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    outDir: 'build'
+  },
+  server: {
+    open: false
+  },
+});
\ No newline at end of file
diff --git a/samples/charts/data-chart/scatter-point-chart/package.json b/samples/charts/data-chart/scatter-point-chart/package.json
index 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/scatter-point-chart/package.json
+++ b/samples/charts/data-chart/scatter-point-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/scatter-spline-chart/package.json
+++ b/samples/charts/data-chart/scatter-spline-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/selection-matcher/package.json
+++ b/samples/charts/data-chart/selection-matcher/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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/series-annotations/package.json b/samples/charts/data-chart/series-annotations/package.json
index f0cb6cc030..d8f6500735 100644
--- a/samples/charts/data-chart/series-annotations/package.json
+++ b/samples/charts/data-chart/series-annotations/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/series-highlighting/package.json b/samples/charts/data-chart/series-highlighting/package.json
index 53e6051289..38cf36ba6b 100644
--- a/samples/charts/data-chart/series-highlighting/package.json
+++ b/samples/charts/data-chart/series-highlighting/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/series-marker-template/package.json b/samples/charts/data-chart/series-marker-template/package.json
index 2bb08fc34f..d26d9a5cc6 100644
--- a/samples/charts/data-chart/series-marker-template/package.json
+++ b/samples/charts/data-chart/series-marker-template/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/series-markers/package.json b/samples/charts/data-chart/series-markers/package.json
index 5121a0702d..f9e2f93ca9 100644
--- a/samples/charts/data-chart/series-markers/package.json
+++ b/samples/charts/data-chart/series-markers/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/series-tooltips/package.json b/samples/charts/data-chart/series-tooltips/package.json
index 61207577bd..059882ef12 100644
--- a/samples/charts/data-chart/series-tooltips/package.json
+++ b/samples/charts/data-chart/series-tooltips/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/series-trendlines/package.json b/samples/charts/data-chart/series-trendlines/package.json
index d5e9fc1c6e..d9ec725e8f 100644
--- a/samples/charts/data-chart/series-trendlines/package.json
+++ b/samples/charts/data-chart/series-trendlines/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/series-value-overlay/package.json b/samples/charts/data-chart/series-value-overlay/package.json
index d34748fb02..72515c623b 100644
--- a/samples/charts/data-chart/series-value-overlay/package.json
+++ b/samples/charts/data-chart/series-value-overlay/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/stacked-100-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-area-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/stacked-100-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-bar-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/stacked-100-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-column-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/stacked-100-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-line-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 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
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/stacked-100-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-spline-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/stacked-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-area-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/stacked-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-bar-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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-chart-types/package.json b/samples/charts/data-chart/stacked-chart-types/package.json
index bc59d3259d..fe89466683 100644
--- a/samples/charts/data-chart/stacked-chart-types/package.json
+++ b/samples/charts/data-chart/stacked-chart-types/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/stacked-column-chart/package.json b/samples/charts/data-chart/stacked-column-chart/package.json
index 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/stacked-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-column-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/stacked-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-line-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/stacked-spline-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-area-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/stacked-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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/tooltip-template/package.json b/samples/charts/data-chart/tooltip-template/package.json
index 7fc37f0f27..5d82ddf800 100644
--- a/samples/charts/data-chart/tooltip-template/package.json
+++ b/samples/charts/data-chart/tooltip-template/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/transition-event/package.json b/samples/charts/data-chart/transition-event/package.json
index 904d716649..1d25861c4a 100644
--- a/samples/charts/data-chart/transition-event/package.json
+++ b/samples/charts/data-chart/transition-event/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/trendline-layer/package.json
+++ b/samples/charts/data-chart/trendline-layer/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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/type-financial-candlestick-series/package.json b/samples/charts/data-chart/type-financial-candlestick-series/package.json
index a681aae72f..f013ee1f31 100644
--- a/samples/charts/data-chart/type-financial-candlestick-series/package.json
+++ b/samples/charts/data-chart/type-financial-candlestick-series/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/type-financial-indicators-column/package.json b/samples/charts/data-chart/type-financial-indicators-column/package.json
index 0e5ec9b4b0..fe59c06e82 100644
--- a/samples/charts/data-chart/type-financial-indicators-column/package.json
+++ b/samples/charts/data-chart/type-financial-indicators-column/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/type-financial-indicators-line/package.json b/samples/charts/data-chart/type-financial-indicators-line/package.json
index 410d66a90e..724cdf3586 100644
--- a/samples/charts/data-chart/type-financial-indicators-line/package.json
+++ b/samples/charts/data-chart/type-financial-indicators-line/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/type-financial-ohlc-series/package.json b/samples/charts/data-chart/type-financial-ohlc-series/package.json
index ae7ea5b7a6..28635799dc 100644
--- a/samples/charts/data-chart/type-financial-ohlc-series/package.json
+++ b/samples/charts/data-chart/type-financial-ohlc-series/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/type-financial-overlays/package.json b/samples/charts/data-chart/type-financial-overlays/package.json
index 94c96accdd..5ac3dd3e4d 100644
--- a/samples/charts/data-chart/type-financial-overlays/package.json
+++ b/samples/charts/data-chart/type-financial-overlays/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/type-financial-series/package.json b/samples/charts/data-chart/type-financial-series/package.json
index b8801a2181..0ef00fa863 100644
--- a/samples/charts/data-chart/type-financial-series/package.json
+++ b/samples/charts/data-chart/type-financial-series/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/type-range-area-series/package.json b/samples/charts/data-chart/type-range-area-series/package.json
index 505f71e4e5..6775cea16a 100644
--- a/samples/charts/data-chart/type-range-area-series/package.json
+++ b/samples/charts/data-chart/type-range-area-series/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/type-range-column-series/package.json b/samples/charts/data-chart/type-range-column-series/package.json
index a68dee1b13..4caee8ee5f 100644
--- a/samples/charts/data-chart/type-range-column-series/package.json
+++ b/samples/charts/data-chart/type-range-column-series/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/type-range-series/package.json b/samples/charts/data-chart/type-range-series/package.json
index 27764896a0..51645f97b8 100644
--- a/samples/charts/data-chart/type-range-series/package.json
+++ b/samples/charts/data-chart/type-range-series/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/type-scatter-area-series/package.json b/samples/charts/data-chart/type-scatter-area-series/package.json
index fe9edb4b73..3f99d53f0a 100644
--- a/samples/charts/data-chart/type-scatter-area-series/package.json
+++ b/samples/charts/data-chart/type-scatter-area-series/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/type-scatter-bubble-series/package.json b/samples/charts/data-chart/type-scatter-bubble-series/package.json
index 1e62f690d1..ec807ab386 100644
--- a/samples/charts/data-chart/type-scatter-bubble-series/package.json
+++ b/samples/charts/data-chart/type-scatter-bubble-series/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/type-scatter-contour-series/package.json b/samples/charts/data-chart/type-scatter-contour-series/package.json
index 1762385cec..e90f2a8f18 100644
--- a/samples/charts/data-chart/type-scatter-contour-series/package.json
+++ b/samples/charts/data-chart/type-scatter-contour-series/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/type-scatter-hd-series/package.json b/samples/charts/data-chart/type-scatter-hd-series/package.json
index e1f75b1b19..e2266a421c 100644
--- a/samples/charts/data-chart/type-scatter-hd-series/package.json
+++ b/samples/charts/data-chart/type-scatter-hd-series/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/type-scatter-polygon-series/package.json b/samples/charts/data-chart/type-scatter-polygon-series/package.json
index 43599c983f..3ad2df5f47 100644
--- a/samples/charts/data-chart/type-scatter-polygon-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polygon-series/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/type-scatter-polyline-series/package.json b/samples/charts/data-chart/type-scatter-polyline-series/package.json
index 5b81d6aa7c..e6353b8829 100644
--- a/samples/charts/data-chart/type-scatter-polyline-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polyline-series/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/type-scatter-series/package.json b/samples/charts/data-chart/type-scatter-series/package.json
index 8bf4bb8a85..928a9dbda2 100644
--- a/samples/charts/data-chart/type-scatter-series/package.json
+++ b/samples/charts/data-chart/type-scatter-series/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/type-shape-series/package.json b/samples/charts/data-chart/type-shape-series/package.json
index d2d4254058..814cadde05 100644
--- a/samples/charts/data-chart/type-shape-series/package.json
+++ b/samples/charts/data-chart/type-shape-series/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/data-chart/user-annotation-layer/package.json b/samples/charts/data-chart/user-annotation-layer/package.json
index 904d716649..1d25861c4a 100644
--- a/samples/charts/data-chart/user-annotation-layer/package.json
+++ b/samples/charts/data-chart/user-annotation-layer/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-chart/waterfall-chart/package.json
+++ b/samples/charts/data-chart/waterfall-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/data-pie-chart/animation-replay/package.json
+++ b/samples/charts/data-pie-chart/animation-replay/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/data-pie-chart/animation/package.json
+++ b/samples/charts/data-pie-chart/animation/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-pie-chart/highlight-filter/package.json
+++ b/samples/charts/data-pie-chart/highlight-filter/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/data-pie-chart/highlighting/package.json
+++ b/samples/charts/data-pie-chart/highlighting/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/data-pie-chart/legend/package.json
+++ b/samples/charts/data-pie-chart/legend/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/data-pie-chart/others/package.json
+++ b/samples/charts/data-pie-chart/others/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/data-pie-chart/overview/package.json
+++ b/samples/charts/data-pie-chart/overview/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/data-pie-chart/selection/package.json
+++ b/samples/charts/data-pie-chart/selection/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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/animation/package.json b/samples/charts/doughnut-chart/animation/package.json
index d316c93734..a254ecc0b4 100644
--- a/samples/charts/doughnut-chart/animation/package.json
+++ b/samples/charts/doughnut-chart/animation/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/doughnut-chart/explosion/package.json b/samples/charts/doughnut-chart/explosion/package.json
index 79774f5bab..8f1bf6a93e 100644
--- a/samples/charts/doughnut-chart/explosion/package.json
+++ b/samples/charts/doughnut-chart/explosion/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/doughnut-chart/legend/package.json b/samples/charts/doughnut-chart/legend/package.json
index 665b605069..30d54efef7 100644
--- a/samples/charts/doughnut-chart/legend/package.json
+++ b/samples/charts/doughnut-chart/legend/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/doughnut-chart/overview/package.json
+++ b/samples/charts/doughnut-chart/overview/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/doughnut-chart/rings/package.json
+++ b/samples/charts/doughnut-chart/rings/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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/selection/package.json b/samples/charts/doughnut-chart/selection/package.json
index 940e5b893c..f6b46bf926 100644
--- a/samples/charts/doughnut-chart/selection/package.json
+++ b/samples/charts/doughnut-chart/selection/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/financial-chart/annotations/package.json b/samples/charts/financial-chart/annotations/package.json
index 56e597cb4e..6c7955fb58 100644
--- a/samples/charts/financial-chart/annotations/package.json
+++ b/samples/charts/financial-chart/annotations/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/financial-chart/axis-types/package.json b/samples/charts/financial-chart/axis-types/package.json
index 2cb5681a05..3ee8638f8e 100644
--- a/samples/charts/financial-chart/axis-types/package.json
+++ b/samples/charts/financial-chart/axis-types/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.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 665b605069..30d54efef7 100644
--- a/samples/charts/financial-chart/data-legend-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-legend-formatting-currency/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/financial-chart/data-legend-styling-props/package.json
+++ b/samples/charts/financial-chart/data-legend-styling-props/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/financial-chart/data-legend/package.json
+++ b/samples/charts/financial-chart/data-legend/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/financial-chart/data-tooltip-styling-props/package.json
+++ b/samples/charts/financial-chart/data-tooltip-styling-props/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/financial-chart/data-tooltip/package.json
+++ b/samples/charts/financial-chart/data-tooltip/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/financial-chart/format-specifiers/package.json
+++ b/samples/charts/financial-chart/format-specifiers/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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/high-frequency/package.json b/samples/charts/financial-chart/high-frequency/package.json
index 63970a5b2c..851fef18d5 100644
--- a/samples/charts/financial-chart/high-frequency/package.json
+++ b/samples/charts/financial-chart/high-frequency/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/financial-chart/high-volume/package.json b/samples/charts/financial-chart/high-volume/package.json
index f9e6af4851..740b08479d 100644
--- a/samples/charts/financial-chart/high-volume/package.json
+++ b/samples/charts/financial-chart/high-volume/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/financial-chart/indicator-customization/package.json b/samples/charts/financial-chart/indicator-customization/package.json
index a307b43ae9..2cde6e0bdb 100644
--- a/samples/charts/financial-chart/indicator-customization/package.json
+++ b/samples/charts/financial-chart/indicator-customization/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/financial-chart/indicator-types/package.json b/samples/charts/financial-chart/indicator-types/package.json
index 9024591c2b..b026f889d0 100644
--- a/samples/charts/financial-chart/indicator-types/package.json
+++ b/samples/charts/financial-chart/indicator-types/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/financial-chart/multiple-data/package.json b/samples/charts/financial-chart/multiple-data/package.json
index 7f9a97edab..3c37a50593 100644
--- a/samples/charts/financial-chart/multiple-data/package.json
+++ b/samples/charts/financial-chart/multiple-data/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/financial-chart/overview/package.json b/samples/charts/financial-chart/overview/package.json
index 3a525abdb0..f014444bad 100644
--- a/samples/charts/financial-chart/overview/package.json
+++ b/samples/charts/financial-chart/overview/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/financial-chart/panes/package.json b/samples/charts/financial-chart/panes/package.json
index c5c97255d1..00fc0d3019 100644
--- a/samples/charts/financial-chart/panes/package.json
+++ b/samples/charts/financial-chart/panes/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/financial-chart/performance/package.json b/samples/charts/financial-chart/performance/package.json
index 3705bc6119..b9114c0d85 100644
--- a/samples/charts/financial-chart/performance/package.json
+++ b/samples/charts/financial-chart/performance/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/financial-chart/scrollbars/package.json b/samples/charts/financial-chart/scrollbars/package.json
index 665b605069..30d54efef7 100644
--- a/samples/charts/financial-chart/scrollbars/package.json
+++ b/samples/charts/financial-chart/scrollbars/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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/stock-index-chart/package.json b/samples/charts/financial-chart/stock-index-chart/package.json
index 36b8832638..b0919dbf5d 100644
--- a/samples/charts/financial-chart/stock-index-chart/package.json
+++ b/samples/charts/financial-chart/stock-index-chart/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/financial-chart/styling/package.json b/samples/charts/financial-chart/styling/package.json
index e3c91dda2a..7aa1b5e65e 100644
--- a/samples/charts/financial-chart/styling/package.json
+++ b/samples/charts/financial-chart/styling/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/financial-chart/titles/package.json b/samples/charts/financial-chart/titles/package.json
index c7bcc5ae82..525fe073ce 100644
--- a/samples/charts/financial-chart/titles/package.json
+++ b/samples/charts/financial-chart/titles/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/financial-chart/tooltip-types/package.json b/samples/charts/financial-chart/tooltip-types/package.json
index d5bf10b6d4..17ca6b1bc4 100644
--- a/samples/charts/financial-chart/tooltip-types/package.json
+++ b/samples/charts/financial-chart/tooltip-types/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/financial-chart/trendlines/package.json b/samples/charts/financial-chart/trendlines/package.json
index cb4f568c49..88ca7c4d77 100644
--- a/samples/charts/financial-chart/trendlines/package.json
+++ b/samples/charts/financial-chart/trendlines/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/financial-chart/volume-types/package.json b/samples/charts/financial-chart/volume-types/package.json
index 8c52c95228..a817769a1b 100644
--- a/samples/charts/financial-chart/volume-types/package.json
+++ b/samples/charts/financial-chart/volume-types/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/pie-chart/animation/package.json b/samples/charts/pie-chart/animation/package.json
index 46d6d763da..cbba225d0a 100644
--- a/samples/charts/pie-chart/animation/package.json
+++ b/samples/charts/pie-chart/animation/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/pie-chart/explosion/package.json b/samples/charts/pie-chart/explosion/package.json
index fe968924ae..b853eb5b40 100644
--- a/samples/charts/pie-chart/explosion/package.json
+++ b/samples/charts/pie-chart/explosion/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/pie-chart/legend/package.json b/samples/charts/pie-chart/legend/package.json
index 665b605069..30d54efef7 100644
--- a/samples/charts/pie-chart/legend/package.json
+++ b/samples/charts/pie-chart/legend/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/pie-chart/others/package.json
+++ b/samples/charts/pie-chart/others/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/pie-chart/overview/package.json
+++ b/samples/charts/pie-chart/overview/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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/selection/package.json b/samples/charts/pie-chart/selection/package.json
index 5b78d37da4..88412eb0fc 100644
--- a/samples/charts/pie-chart/selection/package.json
+++ b/samples/charts/pie-chart/selection/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/pie-chart/styling/package.json b/samples/charts/pie-chart/styling/package.json
index 665b605069..30d54efef7 100644
--- a/samples/charts/pie-chart/styling/package.json
+++ b/samples/charts/pie-chart/styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/sparkline/display-area/package.json
+++ b/samples/charts/sparkline/display-area/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/sparkline/display-column/package.json
+++ b/samples/charts/sparkline/display-column/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/sparkline/display-lines/package.json
+++ b/samples/charts/sparkline/display-lines/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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-types/package.json b/samples/charts/sparkline/display-types/package.json
index fd8f49e279..f335d8bbb0 100644
--- a/samples/charts/sparkline/display-types/package.json
+++ b/samples/charts/sparkline/display-types/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/sparkline/display-winloss/package.json b/samples/charts/sparkline/display-winloss/package.json
index 665b605069..30d54efef7 100644
--- a/samples/charts/sparkline/display-winloss/package.json
+++ b/samples/charts/sparkline/display-winloss/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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/grid/package.json b/samples/charts/sparkline/grid/package.json
index f50eb95718..bffb24d35f 100644
--- a/samples/charts/sparkline/grid/package.json
+++ b/samples/charts/sparkline/grid/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/sparkline/markers/package.json b/samples/charts/sparkline/markers/package.json
index 904d716649..1d25861c4a 100644
--- a/samples/charts/sparkline/markers/package.json
+++ b/samples/charts/sparkline/markers/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/sparkline/normal-range/package.json
+++ b/samples/charts/sparkline/normal-range/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/sparkline/trendlines/package.json
+++ b/samples/charts/sparkline/trendlines/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/sparkline/unknown-values/package.json
+++ b/samples/charts/sparkline/unknown-values/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 7d01c60560..d38c106eb7 100644
--- a/samples/charts/toolbar/actions-built-in-category-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-category-chart/package.json
@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/toolbar/actions-built-in-data-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-data-chart/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/toolbar/color-editor-support/package.json
+++ b/samples/charts/toolbar/color-editor-support/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/toolbar/custom-tool/package.json
+++ b/samples/charts/toolbar/custom-tool/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/toolbar/layout-actions-for-data-chart/package.json
+++ b/samples/charts/toolbar/layout-actions-for-data-chart/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/toolbar/layout-in-vertical-orientation/package.json
+++ b/samples/charts/toolbar/layout-in-vertical-orientation/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/toolbar/theming/package.json
+++ b/samples/charts/toolbar/theming/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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/events/package.json b/samples/charts/tree-map/events/package.json
index 27bc8f44ae..23b0c4e8ef 100644
--- a/samples/charts/tree-map/events/package.json
+++ b/samples/charts/tree-map/events/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/charts/tree-map/highlighting-percent-based/package.json b/samples/charts/tree-map/highlighting-percent-based/package.json
index 665b605069..30d54efef7 100644
--- a/samples/charts/tree-map/highlighting-percent-based/package.json
+++ b/samples/charts/tree-map/highlighting-percent-based/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/tree-map/highlighting/package.json
+++ b/samples/charts/tree-map/highlighting/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 904d716649..1d25861c4a 100644
--- a/samples/charts/tree-map/layout/package.json
+++ b/samples/charts/tree-map/layout/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/tree-map/overview/package.json
+++ b/samples/charts/tree-map/overview/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 665b605069..30d54efef7 100644
--- a/samples/charts/tree-map/styling/package.json
+++ b/samples/charts/tree-map/styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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/zoomslider/overview/package.json b/samples/charts/zoomslider/overview/package.json
index 2d62cab9d9..ecd7f07708 100644
--- a/samples/charts/zoomslider/overview/package.json
+++ b/samples/charts/zoomslider/overview/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/editors/multi-column-combobox/overview/package.json b/samples/editors/multi-column-combobox/overview/package.json
index 8ce34cf518..2836753db9 100644
--- a/samples/editors/multi-column-combobox/overview/package.json
+++ b/samples/editors/multi-column-combobox/overview/package.json
@@ -12,10 +12,10 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/editors/x-date-picker/date-limits/package.json b/samples/editors/x-date-picker/date-limits/package.json
index f89723ebfc..cfa4962725 100644
--- a/samples/editors/x-date-picker/date-limits/package.json
+++ b/samples/editors/x-date-picker/date-limits/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/editors/x-date-picker/editing/package.json b/samples/editors/x-date-picker/editing/package.json
index db8f62ce77..83c0a114cc 100644
--- a/samples/editors/x-date-picker/editing/package.json
+++ b/samples/editors/x-date-picker/editing/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/editors/x-date-picker/format/package.json b/samples/editors/x-date-picker/format/package.json
index db8f62ce77..83c0a114cc 100644
--- a/samples/editors/x-date-picker/format/package.json
+++ b/samples/editors/x-date-picker/format/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/editors/x-date-picker/overview/package.json b/samples/editors/x-date-picker/overview/package.json
index 80378550d8..4eb66cd5cb 100644
--- a/samples/editors/x-date-picker/overview/package.json
+++ b/samples/editors/x-date-picker/overview/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/editors/x-date-picker/range/package.json b/samples/editors/x-date-picker/range/package.json
index 74d4018232..4e6e65343b 100644
--- a/samples/editors/x-date-picker/range/package.json
+++ b/samples/editors/x-date-picker/range/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/excel/excel-library/operations-on-workbooks/package.json b/samples/excel/excel-library/operations-on-workbooks/package.json
index 34b77122d4..1909812896 100644
--- a/samples/excel/excel-library/operations-on-workbooks/package.json
+++ b/samples/excel/excel-library/operations-on-workbooks/package.json
@@ -14,11 +14,11 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-excel": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-excel": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/excel/excel-library/operations-on-worksheets/package.json b/samples/excel/excel-library/operations-on-worksheets/package.json
index 89e1bb7fcd..0daa2ccdbe 100644
--- a/samples/excel/excel-library/operations-on-worksheets/package.json
+++ b/samples/excel/excel-library/operations-on-worksheets/package.json
@@ -14,8 +14,8 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-excel": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-excel": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/excel/excel-library/overview/package.json b/samples/excel/excel-library/overview/package.json
index f5436626bf..ff0465ffa8 100644
--- a/samples/excel/excel-library/overview/package.json
+++ b/samples/excel/excel-library/overview/package.json
@@ -14,8 +14,8 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-excel": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-excel": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/excel/excel-library/working-with-cells/package.json b/samples/excel/excel-library/working-with-cells/package.json
index 859f77be10..aeb83d1d61 100644
--- a/samples/excel/excel-library/working-with-cells/package.json
+++ b/samples/excel/excel-library/working-with-cells/package.json
@@ -14,8 +14,8 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-excel": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-excel": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/excel/excel-library/working-with-charts/package.json b/samples/excel/excel-library/working-with-charts/package.json
index b654fb8f48..00c66b51d9 100644
--- a/samples/excel/excel-library/working-with-charts/package.json
+++ b/samples/excel/excel-library/working-with-charts/package.json
@@ -14,12 +14,12 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-excel": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-excel": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/excel/excel-library/working-with-sparklines/package.json b/samples/excel/excel-library/working-with-sparklines/package.json
index 34df14ce77..e06045cd78 100644
--- a/samples/excel/excel-library/working-with-sparklines/package.json
+++ b/samples/excel/excel-library/working-with-sparklines/package.json
@@ -14,12 +14,12 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-excel": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-excel": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/excel/spreadsheet/activation/package.json b/samples/excel/spreadsheet/activation/package.json
index c381a08771..6a7cf85a23 100644
--- a/samples/excel/spreadsheet/activation/package.json
+++ b/samples/excel/spreadsheet/activation/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-excel": "19.3.2",
-    "igniteui-react-spreadsheet": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-excel": "19.6.0",
+    "igniteui-react-spreadsheet": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/excel/spreadsheet/adapter-chart/package.json b/samples/excel/spreadsheet/adapter-chart/package.json
index 203e405396..d2826967c3 100644
--- a/samples/excel/spreadsheet/adapter-chart/package.json
+++ b/samples/excel/spreadsheet/adapter-chart/package.json
@@ -14,11 +14,11 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-excel": "19.3.2",
-    "igniteui-react-spreadsheet": "19.3.2",
-    "igniteui-react-spreadsheet-chart-adapter": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-excel": "19.6.0",
+    "igniteui-react-spreadsheet": "19.6.0",
+    "igniteui-react-spreadsheet-chart-adapter": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/excel/spreadsheet/adapter-combo/package.json b/samples/excel/spreadsheet/adapter-combo/package.json
index 6ce6dba1ee..062b23852a 100644
--- a/samples/excel/spreadsheet/adapter-combo/package.json
+++ b/samples/excel/spreadsheet/adapter-combo/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-excel": "19.3.2",
-    "igniteui-react-spreadsheet": "19.3.2",
-    "igniteui-react-spreadsheet-chart-adapter": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-excel": "19.6.0",
+    "igniteui-react-spreadsheet": "19.6.0",
+    "igniteui-react-spreadsheet-chart-adapter": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/excel/spreadsheet/clipboard/package.json b/samples/excel/spreadsheet/clipboard/package.json
index b5b1447bc7..612615adf0 100644
--- a/samples/excel/spreadsheet/clipboard/package.json
+++ b/samples/excel/spreadsheet/clipboard/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-excel": "19.3.2",
-    "igniteui-react-spreadsheet": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-excel": "19.6.0",
+    "igniteui-react-spreadsheet": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/excel/spreadsheet/commands/package.json b/samples/excel/spreadsheet/commands/package.json
index 18c741c36b..30d393996e 100644
--- a/samples/excel/spreadsheet/commands/package.json
+++ b/samples/excel/spreadsheet/commands/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-excel": "19.3.2",
-    "igniteui-react-spreadsheet": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-excel": "19.6.0",
+    "igniteui-react-spreadsheet": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/excel/spreadsheet/conditional-formatting/package.json b/samples/excel/spreadsheet/conditional-formatting/package.json
index e938306ead..1ed7bfc1d2 100644
--- a/samples/excel/spreadsheet/conditional-formatting/package.json
+++ b/samples/excel/spreadsheet/conditional-formatting/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-excel": "19.3.2",
-    "igniteui-react-spreadsheet": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-excel": "19.6.0",
+    "igniteui-react-spreadsheet": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/excel/spreadsheet/config-options/package.json b/samples/excel/spreadsheet/config-options/package.json
index 69b6730ed4..52a235bf55 100644
--- a/samples/excel/spreadsheet/config-options/package.json
+++ b/samples/excel/spreadsheet/config-options/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-excel": "19.3.2",
-    "igniteui-react-spreadsheet": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-excel": "19.6.0",
+    "igniteui-react-spreadsheet": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/excel/spreadsheet/data-validation/package.json b/samples/excel/spreadsheet/data-validation/package.json
index c8c72c0e11..5a371451c9 100644
--- a/samples/excel/spreadsheet/data-validation/package.json
+++ b/samples/excel/spreadsheet/data-validation/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-excel": "19.3.2",
-    "igniteui-react-spreadsheet": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-excel": "19.6.0",
+    "igniteui-react-spreadsheet": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/excel/spreadsheet/filter-dialog/package.json b/samples/excel/spreadsheet/filter-dialog/package.json
index 431374524b..b97e161f8e 100644
--- a/samples/excel/spreadsheet/filter-dialog/package.json
+++ b/samples/excel/spreadsheet/filter-dialog/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-excel": "19.3.2",
-    "igniteui-react-spreadsheet": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-excel": "19.6.0",
+    "igniteui-react-spreadsheet": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/excel/spreadsheet/format-dialog/package.json b/samples/excel/spreadsheet/format-dialog/package.json
index d32f62b594..700b3e0f6e 100644
--- a/samples/excel/spreadsheet/format-dialog/package.json
+++ b/samples/excel/spreadsheet/format-dialog/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-excel": "19.3.2",
-    "igniteui-react-spreadsheet": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-excel": "19.6.0",
+    "igniteui-react-spreadsheet": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/excel/spreadsheet/hyperlinks/package.json b/samples/excel/spreadsheet/hyperlinks/package.json
index 10364940e6..bcb72a73c8 100644
--- a/samples/excel/spreadsheet/hyperlinks/package.json
+++ b/samples/excel/spreadsheet/hyperlinks/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-excel": "19.3.2",
-    "igniteui-react-spreadsheet": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-excel": "19.6.0",
+    "igniteui-react-spreadsheet": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/excel/spreadsheet/overview/package.json b/samples/excel/spreadsheet/overview/package.json
index c15d2fa9c5..182b2298d0 100644
--- a/samples/excel/spreadsheet/overview/package.json
+++ b/samples/excel/spreadsheet/overview/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-excel": "19.3.2",
-    "igniteui-react-spreadsheet": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-excel": "19.6.0",
+    "igniteui-react-spreadsheet": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/excel/spreadsheet/sort-dialog/package.json b/samples/excel/spreadsheet/sort-dialog/package.json
index 0e954c1ff5..fd3d4d6729 100644
--- a/samples/excel/spreadsheet/sort-dialog/package.json
+++ b/samples/excel/spreadsheet/sort-dialog/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-excel": "19.3.2",
-    "igniteui-react-spreadsheet": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-excel": "19.6.0",
+    "igniteui-react-spreadsheet": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/bullet-graph/animation/package.json b/samples/gauges/bullet-graph/animation/package.json
index ee7646cea4..6906fdcd59 100644
--- a/samples/gauges/bullet-graph/animation/package.json
+++ b/samples/gauges/bullet-graph/animation/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/bullet-graph/background/package.json b/samples/gauges/bullet-graph/background/package.json
index 925e91ff69..99a326204b 100644
--- a/samples/gauges/bullet-graph/background/package.json
+++ b/samples/gauges/bullet-graph/background/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/bullet-graph/highlight-needle/package.json b/samples/gauges/bullet-graph/highlight-needle/package.json
index d63772fbc1..0aca150920 100644
--- a/samples/gauges/bullet-graph/highlight-needle/package.json
+++ b/samples/gauges/bullet-graph/highlight-needle/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/bullet-graph/labels/package.json b/samples/gauges/bullet-graph/labels/package.json
index 84b9ca0d69..7aa2412678 100644
--- a/samples/gauges/bullet-graph/labels/package.json
+++ b/samples/gauges/bullet-graph/labels/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/bullet-graph/measures/package.json b/samples/gauges/bullet-graph/measures/package.json
index efa2d70608..72caf1293a 100644
--- a/samples/gauges/bullet-graph/measures/package.json
+++ b/samples/gauges/bullet-graph/measures/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/bullet-graph/ranges/package.json b/samples/gauges/bullet-graph/ranges/package.json
index 6629b24de8..c358f744fb 100644
--- a/samples/gauges/bullet-graph/ranges/package.json
+++ b/samples/gauges/bullet-graph/ranges/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/bullet-graph/scale/package.json b/samples/gauges/bullet-graph/scale/package.json
index a570f1b64e..dbba099bf9 100644
--- a/samples/gauges/bullet-graph/scale/package.json
+++ b/samples/gauges/bullet-graph/scale/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/bullet-graph/tickmarks/package.json b/samples/gauges/bullet-graph/tickmarks/package.json
index 97a5459afc..5cd665725c 100644
--- a/samples/gauges/bullet-graph/tickmarks/package.json
+++ b/samples/gauges/bullet-graph/tickmarks/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/bullet-graph/type-filled/package.json b/samples/gauges/bullet-graph/type-filled/package.json
index 536fa9cb2b..4b1b62b353 100644
--- a/samples/gauges/bullet-graph/type-filled/package.json
+++ b/samples/gauges/bullet-graph/type-filled/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/bullet-graph/type-horizontal/package.json b/samples/gauges/bullet-graph/type-horizontal/package.json
index 8723c5848e..d934fa89a6 100644
--- a/samples/gauges/bullet-graph/type-horizontal/package.json
+++ b/samples/gauges/bullet-graph/type-horizontal/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/bullet-graph/type-reversed/package.json b/samples/gauges/bullet-graph/type-reversed/package.json
index 7fef6cbfe4..34501354f5 100644
--- a/samples/gauges/bullet-graph/type-reversed/package.json
+++ b/samples/gauges/bullet-graph/type-reversed/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/bullet-graph/type-segmented/package.json b/samples/gauges/bullet-graph/type-segmented/package.json
index 5faea7652b..3c54dc8678 100644
--- a/samples/gauges/bullet-graph/type-segmented/package.json
+++ b/samples/gauges/bullet-graph/type-segmented/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/bullet-graph/type-vertical/package.json b/samples/gauges/bullet-graph/type-vertical/package.json
index c25c396e95..ef50b9e98c 100644
--- a/samples/gauges/bullet-graph/type-vertical/package.json
+++ b/samples/gauges/bullet-graph/type-vertical/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/linear-gauge/animation/package.json b/samples/gauges/linear-gauge/animation/package.json
index 6644fdb88e..206fc04f5a 100644
--- a/samples/gauges/linear-gauge/animation/package.json
+++ b/samples/gauges/linear-gauge/animation/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/linear-gauge/backing/package.json b/samples/gauges/linear-gauge/backing/package.json
index 08cdc8dce6..d587915852 100644
--- a/samples/gauges/linear-gauge/backing/package.json
+++ b/samples/gauges/linear-gauge/backing/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/linear-gauge/highlight-needle/package.json b/samples/gauges/linear-gauge/highlight-needle/package.json
index 3643de8135..ae81ba3b30 100644
--- a/samples/gauges/linear-gauge/highlight-needle/package.json
+++ b/samples/gauges/linear-gauge/highlight-needle/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/linear-gauge/labels/package.json b/samples/gauges/linear-gauge/labels/package.json
index cdf3548cb8..4b74bc07c6 100644
--- a/samples/gauges/linear-gauge/labels/package.json
+++ b/samples/gauges/linear-gauge/labels/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/linear-gauge/needle/package.json b/samples/gauges/linear-gauge/needle/package.json
index 33cb5cef66..968ab386df 100644
--- a/samples/gauges/linear-gauge/needle/package.json
+++ b/samples/gauges/linear-gauge/needle/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/linear-gauge/ranges/package.json b/samples/gauges/linear-gauge/ranges/package.json
index 20203f850f..0cb2749357 100644
--- a/samples/gauges/linear-gauge/ranges/package.json
+++ b/samples/gauges/linear-gauge/ranges/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/linear-gauge/scale/package.json b/samples/gauges/linear-gauge/scale/package.json
index 623388f98b..69b4eb23d1 100644
--- a/samples/gauges/linear-gauge/scale/package.json
+++ b/samples/gauges/linear-gauge/scale/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/linear-gauge/tickmarks/package.json b/samples/gauges/linear-gauge/tickmarks/package.json
index 753a4f07e4..ca41afb027 100644
--- a/samples/gauges/linear-gauge/tickmarks/package.json
+++ b/samples/gauges/linear-gauge/tickmarks/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/linear-gauge/type-curved/package.json b/samples/gauges/linear-gauge/type-curved/package.json
index 9cfa52ece0..460af4d956 100644
--- a/samples/gauges/linear-gauge/type-curved/package.json
+++ b/samples/gauges/linear-gauge/type-curved/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/linear-gauge/type-filled/package.json b/samples/gauges/linear-gauge/type-filled/package.json
index c6653e0363..197be61db9 100644
--- a/samples/gauges/linear-gauge/type-filled/package.json
+++ b/samples/gauges/linear-gauge/type-filled/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/linear-gauge/type-horizontal/package.json b/samples/gauges/linear-gauge/type-horizontal/package.json
index 380af90c49..f8e385599f 100644
--- a/samples/gauges/linear-gauge/type-horizontal/package.json
+++ b/samples/gauges/linear-gauge/type-horizontal/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/linear-gauge/type-multi-range/package.json b/samples/gauges/linear-gauge/type-multi-range/package.json
index d391254010..364dd7254e 100644
--- a/samples/gauges/linear-gauge/type-multi-range/package.json
+++ b/samples/gauges/linear-gauge/type-multi-range/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/linear-gauge/type-multi-scale/package.json b/samples/gauges/linear-gauge/type-multi-scale/package.json
index 6c51d6ce9a..7a2170d10d 100644
--- a/samples/gauges/linear-gauge/type-multi-scale/package.json
+++ b/samples/gauges/linear-gauge/type-multi-scale/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/linear-gauge/type-segmented/package.json b/samples/gauges/linear-gauge/type-segmented/package.json
index c1ef1fe3ec..e55d62c8fc 100644
--- a/samples/gauges/linear-gauge/type-segmented/package.json
+++ b/samples/gauges/linear-gauge/type-segmented/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/linear-gauge/type-vertical/package.json b/samples/gauges/linear-gauge/type-vertical/package.json
index d0889bbbd2..d09536f49e 100644
--- a/samples/gauges/linear-gauge/type-vertical/package.json
+++ b/samples/gauges/linear-gauge/type-vertical/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/radial-gauge/animation/package.json b/samples/gauges/radial-gauge/animation/package.json
index 2928e25c66..9d1819cde0 100644
--- a/samples/gauges/radial-gauge/animation/package.json
+++ b/samples/gauges/radial-gauge/animation/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/radial-gauge/backing/package.json b/samples/gauges/radial-gauge/backing/package.json
index 43032b9643..ad30a4a855 100644
--- a/samples/gauges/radial-gauge/backing/package.json
+++ b/samples/gauges/radial-gauge/backing/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/radial-gauge/highlight-needle/package.json b/samples/gauges/radial-gauge/highlight-needle/package.json
index 76c68ad164..c1cd32d97e 100644
--- a/samples/gauges/radial-gauge/highlight-needle/package.json
+++ b/samples/gauges/radial-gauge/highlight-needle/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/radial-gauge/labels/package.json b/samples/gauges/radial-gauge/labels/package.json
index f06d069b06..fbbb6fc57c 100644
--- a/samples/gauges/radial-gauge/labels/package.json
+++ b/samples/gauges/radial-gauge/labels/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/radial-gauge/needle/package.json b/samples/gauges/radial-gauge/needle/package.json
index 1b3e8a374f..f5894adf64 100644
--- a/samples/gauges/radial-gauge/needle/package.json
+++ b/samples/gauges/radial-gauge/needle/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/radial-gauge/optical-scaling/package.json b/samples/gauges/radial-gauge/optical-scaling/package.json
index f06d069b06..fbbb6fc57c 100644
--- a/samples/gauges/radial-gauge/optical-scaling/package.json
+++ b/samples/gauges/radial-gauge/optical-scaling/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/radial-gauge/ranges/package.json b/samples/gauges/radial-gauge/ranges/package.json
index 199899b674..c6ff7831aa 100644
--- a/samples/gauges/radial-gauge/ranges/package.json
+++ b/samples/gauges/radial-gauge/ranges/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/radial-gauge/scale/package.json b/samples/gauges/radial-gauge/scale/package.json
index fa799b9b5b..0a2facc7be 100644
--- a/samples/gauges/radial-gauge/scale/package.json
+++ b/samples/gauges/radial-gauge/scale/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/radial-gauge/tickmarks/package.json b/samples/gauges/radial-gauge/tickmarks/package.json
index 28958794f3..cc8b6d8600 100644
--- a/samples/gauges/radial-gauge/tickmarks/package.json
+++ b/samples/gauges/radial-gauge/tickmarks/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/radial-gauge/type-column/package.json b/samples/gauges/radial-gauge/type-column/package.json
index c41d8a32b4..773bd8b375 100644
--- a/samples/gauges/radial-gauge/type-column/package.json
+++ b/samples/gauges/radial-gauge/type-column/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/radial-gauge/type-curved/package.json b/samples/gauges/radial-gauge/type-curved/package.json
index f0419a3a33..8cc4390433 100644
--- a/samples/gauges/radial-gauge/type-curved/package.json
+++ b/samples/gauges/radial-gauge/type-curved/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/radial-gauge/type-direction/package.json b/samples/gauges/radial-gauge/type-direction/package.json
index d4337a1327..e99392499a 100644
--- a/samples/gauges/radial-gauge/type-direction/package.json
+++ b/samples/gauges/radial-gauge/type-direction/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/radial-gauge/type-full/package.json b/samples/gauges/radial-gauge/type-full/package.json
index c65a8fdf85..d424385e80 100644
--- a/samples/gauges/radial-gauge/type-full/package.json
+++ b/samples/gauges/radial-gauge/type-full/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/radial-gauge/type-half/package.json b/samples/gauges/radial-gauge/type-half/package.json
index 029c48afc5..4cf789971a 100644
--- a/samples/gauges/radial-gauge/type-half/package.json
+++ b/samples/gauges/radial-gauge/type-half/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/radial-gauge/type-quatre/package.json b/samples/gauges/radial-gauge/type-quatre/package.json
index 2dd8031279..d1cc10fe5a 100644
--- a/samples/gauges/radial-gauge/type-quatre/package.json
+++ b/samples/gauges/radial-gauge/type-quatre/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/radial-gauge/type-ring/package.json b/samples/gauges/radial-gauge/type-ring/package.json
index 8203e04d18..4f4acab2be 100644
--- a/samples/gauges/radial-gauge/type-ring/package.json
+++ b/samples/gauges/radial-gauge/type-ring/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/radial-gauge/type-segmented/package.json b/samples/gauges/radial-gauge/type-segmented/package.json
index f566e9abea..8a5e5b8363 100644
--- a/samples/gauges/radial-gauge/type-segmented/package.json
+++ b/samples/gauges/radial-gauge/type-segmented/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/gauges/radial-gauge/type-semi/package.json b/samples/gauges/radial-gauge/type-semi/package.json
index b42cd12777..a0b99feae8 100644
--- a/samples/gauges/radial-gauge/type-semi/package.json
+++ b/samples/gauges/radial-gauge/type-semi/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/grids/data-grid/accessibility/package.json b/samples/grids/data-grid/accessibility/package.json
index 85156f83a9..5ecf124493 100644
--- a/samples/grids/data-grid/accessibility/package.json
+++ b/samples/grids/data-grid/accessibility/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 f576771135..04c4f0bb35 100644
--- a/samples/grids/data-grid/binding-data-service/package.json
+++ b/samples/grids/data-grid/binding-data-service/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 6c6b788ec7..6151b0777c 100644
--- a/samples/grids/data-grid/binding-live-data/package.json
+++ b/samples/grids/data-grid/binding-live-data/package.json
@@ -13,13 +13,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 518813fcd3..3954bb43f6 100644
--- a/samples/grids/data-grid/binding-local-data/package.json
+++ b/samples/grids/data-grid/binding-local-data/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 c345a7b980..867b21818a 100644
--- a/samples/grids/data-grid/binding-remote-data/package.json
+++ b/samples/grids/data-grid/binding-remote-data/package.json
@@ -12,12 +12,12 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 d48479d164..aae2ab0c86 100644
--- a/samples/grids/data-grid/cell-activation/package.json
+++ b/samples/grids/data-grid/cell-activation/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 792ec51806..55c023f43b 100644
--- a/samples/grids/data-grid/cell-editing/package.json
+++ b/samples/grids/data-grid/cell-editing/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 c7f9d392b1..3a7be65d0e 100644
--- a/samples/grids/data-grid/cell-merging/package.json
+++ b/samples/grids/data-grid/cell-merging/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 98e5d414e8..a35b17e764 100644
--- a/samples/grids/data-grid/cell-selection/package.json
+++ b/samples/grids/data-grid/cell-selection/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 1a7383f0c5..ae47377342 100644
--- a/samples/grids/data-grid/column-animation/package.json
+++ b/samples/grids/data-grid/column-animation/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 e296d69283..2430941457 100644
--- a/samples/grids/data-grid/column-chooser-picker/package.json
+++ b/samples/grids/data-grid/column-chooser-picker/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 3ba5364e14..743afa93af 100644
--- a/samples/grids/data-grid/column-chooser-toolbar/package.json
+++ b/samples/grids/data-grid/column-chooser-toolbar/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 174aaec0c1..17a7f989cc 100644
--- a/samples/grids/data-grid/column-filter-expressions/package.json
+++ b/samples/grids/data-grid/column-filter-expressions/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 707cd3e71c..804edc0f2b 100644
--- a/samples/grids/data-grid/column-filter-operands/package.json
+++ b/samples/grids/data-grid/column-filter-operands/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 12b537005f..d016165c75 100644
--- a/samples/grids/data-grid/column-filtering/package.json
+++ b/samples/grids/data-grid/column-filtering/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 87a6c15415..6fb5841be5 100644
--- a/samples/grids/data-grid/column-moving/package.json
+++ b/samples/grids/data-grid/column-moving/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 d30eb14d74..c1c54708c4 100644
--- a/samples/grids/data-grid/column-options/package.json
+++ b/samples/grids/data-grid/column-options/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 e32bcda2ae..e69536d89f 100644
--- a/samples/grids/data-grid/column-pinning-picker/package.json
+++ b/samples/grids/data-grid/column-pinning-picker/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 ab91b122aa..56eaf73166 100644
--- a/samples/grids/data-grid/column-pinning-toolbar/package.json
+++ b/samples/grids/data-grid/column-pinning-toolbar/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 753a2f6303..f7f9590d70 100644
--- a/samples/grids/data-grid/column-resizing/package.json
+++ b/samples/grids/data-grid/column-resizing/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 15f823d0db..8ca4e156e9 100644
--- a/samples/grids/data-grid/column-scrolling/package.json
+++ b/samples/grids/data-grid/column-scrolling/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 862554cc44..6a39969082 100644
--- a/samples/grids/data-grid/column-sorting/package.json
+++ b/samples/grids/data-grid/column-sorting/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 df4696bc4e..4a5255b8f0 100644
--- a/samples/grids/data-grid/column-summaries/package.json
+++ b/samples/grids/data-grid/column-summaries/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 68eb5d6f71..95c735228b 100644
--- a/samples/grids/data-grid/column-types/package.json
+++ b/samples/grids/data-grid/column-types/package.json
@@ -12,12 +12,12 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 44a0ffa87f..4cecf115aa 100644
--- a/samples/grids/data-grid/load-save-layout/package.json
+++ b/samples/grids/data-grid/load-save-layout/package.json
@@ -13,13 +13,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 abe5a15641..75a6a772e1 100644
--- a/samples/grids/data-grid/localization/package.json
+++ b/samples/grids/data-grid/localization/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 816a5f4684..f7f5ddbd48 100644
--- a/samples/grids/data-grid/overview/package.json
+++ b/samples/grids/data-grid/overview/package.json
@@ -12,12 +12,12 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 1cba469638..9c2a97b507 100644
--- a/samples/grids/data-grid/pager/package.json
+++ b/samples/grids/data-grid/pager/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 fcf2456f36..e2405af8eb 100644
--- a/samples/grids/data-grid/performance/package.json
+++ b/samples/grids/data-grid/performance/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 8eb1b39952..3f02eca65c 100644
--- a/samples/grids/data-grid/row-group-descriptions/package.json
+++ b/samples/grids/data-grid/row-group-descriptions/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 8eb1b39952..3f02eca65c 100644
--- a/samples/grids/data-grid/row-grouping/package.json
+++ b/samples/grids/data-grid/row-grouping/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 f86ce8fcd4..258303670a 100644
--- a/samples/grids/data-grid/row-highlighting/package.json
+++ b/samples/grids/data-grid/row-highlighting/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 2d864e059d..dd46ec36a0 100644
--- a/samples/grids/data-grid/row-paging/package.json
+++ b/samples/grids/data-grid/row-paging/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 60263efe7d..6770024baf 100644
--- a/samples/grids/data-grid/row-pinning/package.json
+++ b/samples/grids/data-grid/row-pinning/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 e93b0646f6..f6ff695b0d 100644
--- a/samples/grids/data-grid/row-selection/package.json
+++ b/samples/grids/data-grid/row-selection/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 df79f5a075..41320259c3 100644
--- a/samples/grids/data-grid/type-comparison-table/package.json
+++ b/samples/grids/data-grid/type-comparison-table/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 b39b6637e4..06c047caf8 100644
--- a/samples/grids/data-grid/type-heatmap-table/package.json
+++ b/samples/grids/data-grid/type-heatmap-table/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 ec1597156d..9483f729af 100644
--- a/samples/grids/data-grid/type-marketing-table/package.json
+++ b/samples/grids/data-grid/type-marketing-table/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 9bcca5977c..ef410564dc 100644
--- a/samples/grids/data-grid/type-matrix-table/package.json
+++ b/samples/grids/data-grid/type-matrix-table/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 e83e879c33..6ff7bc47d7 100644
--- a/samples/grids/data-grid/type-periodic-table/package.json
+++ b/samples/grids/data-grid/type-periodic-table/package.json
@@ -12,11 +12,11 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-data-grids": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-data-grids": "19.6.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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..9f4ee05506 100644
--- a/samples/grids/grid-lite/column-config-basic/package.json
+++ b/samples/grids/grid-lite/column-config-basic/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-grid-lite": "~0.7.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-grid-lite": "~0.8.0",
+    "igniteui-react": "19.7.0",
+    "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..9f4ee05506 100644
--- a/samples/grids/grid-lite/column-config-dynamic/package.json
+++ b/samples/grids/grid-lite/column-config-dynamic/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-grid-lite": "~0.7.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-grid-lite": "~0.8.0",
+    "igniteui-react": "19.7.0",
+    "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..9f4ee05506 100644
--- a/samples/grids/grid-lite/column-config-headers/package.json
+++ b/samples/grids/grid-lite/column-config-headers/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-grid-lite": "~0.7.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-grid-lite": "~0.8.0",
+    "igniteui-react": "19.7.0",
+    "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..9f4ee05506 100644
--- a/samples/grids/grid-lite/data-binding/package.json
+++ b/samples/grids/grid-lite/data-binding/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-grid-lite": "~0.7.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-grid-lite": "~0.8.0",
+    "igniteui-react": "19.7.0",
+    "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..9f4ee05506 100644
--- a/samples/grids/grid-lite/filtering-config-events/package.json
+++ b/samples/grids/grid-lite/filtering-config-events/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-grid-lite": "~0.7.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-grid-lite": "~0.8.0",
+    "igniteui-react": "19.7.0",
+    "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..9f4ee05506 100644
--- a/samples/grids/grid-lite/filtering-config-remote/package.json
+++ b/samples/grids/grid-lite/filtering-config-remote/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-grid-lite": "~0.7.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-grid-lite": "~0.8.0",
+    "igniteui-react": "19.7.0",
+    "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..9f4ee05506 100644
--- a/samples/grids/grid-lite/filtering-config/package.json
+++ b/samples/grids/grid-lite/filtering-config/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-grid-lite": "~0.7.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-grid-lite": "~0.8.0",
+    "igniteui-react": "19.7.0",
+    "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..9f4ee05506 100644
--- a/samples/grids/grid-lite/overview/package.json
+++ b/samples/grids/grid-lite/overview/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-grid-lite": "~0.7.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-grid-lite": "~0.8.0",
+    "igniteui-react": "19.7.0",
+    "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..9f4ee05506 100644
--- a/samples/grids/grid-lite/sort-config-events/package.json
+++ b/samples/grids/grid-lite/sort-config-events/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-grid-lite": "~0.7.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-grid-lite": "~0.8.0",
+    "igniteui-react": "19.7.0",
+    "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..9f4ee05506 100644
--- a/samples/grids/grid-lite/sort-config-grid/package.json
+++ b/samples/grids/grid-lite/sort-config-grid/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-grid-lite": "~0.7.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-grid-lite": "~0.8.0",
+    "igniteui-react": "19.7.0",
+    "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..9f4ee05506 100644
--- a/samples/grids/grid-lite/sort-config-pipeline/package.json
+++ b/samples/grids/grid-lite/sort-config-pipeline/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-grid-lite": "~0.7.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-grid-lite": "~0.8.0",
+    "igniteui-react": "19.7.0",
+    "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..9f4ee05506 100644
--- a/samples/grids/grid-lite/sort-config-sample/package.json
+++ b/samples/grids/grid-lite/sort-config-sample/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-grid-lite": "~0.7.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-grid-lite": "~0.8.0",
+    "igniteui-react": "19.7.0",
+    "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..0a2800e909 100644
--- a/samples/grids/grid-lite/styling-config-themes/package.json
+++ b/samples/grids/grid-lite/styling-config-themes/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-grid-lite": "~0.7.0",
-    "igniteui-react": "^19.6.2",
+    "igniteui-grid-lite": "~0.8.0",
+    "igniteui-react": "19.7.0",
     "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..b2d6f09700 100644
--- a/samples/grids/grid-lite/styling-custom-theme/package.json
+++ b/samples/grids/grid-lite/styling-custom-theme/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-grid-lite": "~0.7.0",
-    "igniteui-react": "^19.6.2",
+    "igniteui-grid-lite": "~0.8.0",
+    "igniteui-react": "19.7.0",
     "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/action-strip/package.json
+++ b/samples/grids/grid/action-strip/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/advanced-filtering-options/package.json
+++ b/samples/grids/grid/advanced-filtering-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/advanced-filtering-style/package.json
+++ b/samples/grids/grid/advanced-filtering-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/binding-composite-data/package.json
+++ b/samples/grids/grid/binding-composite-data/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/binding-crud-data/package.json
+++ b/samples/grids/grid/binding-crud-data/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/binding-nested-data-1/package.json
+++ b/samples/grids/grid/binding-nested-data-1/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/cascading-combo/package.json
+++ b/samples/grids/grid/cascading-combo/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/cell-editing-sample/package.json
+++ b/samples/grids/grid/cell-editing-sample/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/cell-editing-styling/package.json
+++ b/samples/grids/grid/cell-editing-styling/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 e18f2dbad8..6a0f4b6e10 100644
--- a/samples/grids/grid/cell-merge-custom-sample/package.json
+++ b/samples/grids/grid/cell-merge-custom-sample/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 e18f2dbad8..6a0f4b6e10 100644
--- a/samples/grids/grid/cell-merge/package.json
+++ b/samples/grids/grid/cell-merge/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/cell-selection-mode/package.json
+++ b/samples/grids/grid/cell-selection-mode/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/cell-selection-style/package.json
+++ b/samples/grids/grid/cell-selection-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/grid/change-icons-custom/package.json
+++ b/samples/grids/grid/change-icons-custom/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/grid/clipboard-operations/package.json
+++ b/samples/grids/grid/clipboard-operations/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/column-auto-sizing/package.json
+++ b/samples/grids/grid/column-auto-sizing/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/column-collapsible-groups/package.json
+++ b/samples/grids/grid/column-collapsible-groups/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/column-data-types/package.json
+++ b/samples/grids/grid/column-data-types/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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/src/index.tsx b/samples/grids/grid/column-data-types/src/index.tsx
index 7f5e345fd4..7a2065392c 100644
--- a/samples/grids/grid/column-data-types/src/index.tsx
+++ b/samples/grids/grid/column-data-types/src/index.tsx
@@ -24,7 +24,6 @@ export default class Sample extends React.Component<any, any> {
         if (this._columnPipeArgs1 == null)
         {
             var columnPipeArgs1: IgrColumnPipeArgs = {} as IgrColumnPipeArgs;
-            columnPipeArgs1.currencyCode = "";
             columnPipeArgs1.digitsInfo = "1.4-4";
 
             this._columnPipeArgs1 = columnPipeArgs1;
@@ -37,7 +36,6 @@ export default class Sample extends React.Component<any, any> {
         {
             var columnPipeArgs2: IgrColumnPipeArgs = {} as IgrColumnPipeArgs;
             columnPipeArgs2.format = "long";
-            columnPipeArgs2.timezone = "UTC+0";
 
             this._columnPipeArgs2 = columnPipeArgs2;
         }
@@ -60,7 +58,6 @@ export default class Sample extends React.Component<any, any> {
         {
             var columnPipeArgs4: IgrColumnPipeArgs = {} as IgrColumnPipeArgs;
             columnPipeArgs4.format = "shortTime";
-            columnPipeArgs4.timezone = "UTC+0";
 
             this._columnPipeArgs4 = columnPipeArgs4;
         }
@@ -71,7 +68,6 @@ export default class Sample extends React.Component<any, any> {
         if (this._columnPipeArgs5 == null)
         {
             var columnPipeArgs5: IgrColumnPipeArgs = {} as IgrColumnPipeArgs;
-            columnPipeArgs5.currencyCode = "";
             columnPipeArgs5.digitsInfo = "1.4-4";
 
             this._columnPipeArgs5 = columnPipeArgs5;
@@ -83,7 +79,6 @@ export default class Sample extends React.Component<any, any> {
         if (this._columnPipeArgs6 == null)
         {
             var columnPipeArgs6: IgrColumnPipeArgs = {} as IgrColumnPipeArgs;
-            columnPipeArgs6.currencyCode = "";
             columnPipeArgs6.digitsInfo = "1.4-4";
 
             this._columnPipeArgs6 = columnPipeArgs6;
diff --git a/samples/grids/grid/column-hiding-options/package.json b/samples/grids/grid/column-hiding-options/package.json
index 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/column-hiding-options/package.json
+++ b/samples/grids/grid/column-hiding-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/grid/column-hiding-toolbar-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/column-hiding-toolbar/package.json
+++ b/samples/grids/grid/column-hiding-toolbar/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/column-moving-options/package.json
+++ b/samples/grids/grid/column-moving-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/column-moving-styles/package.json
+++ b/samples/grids/grid/column-moving-styles/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 e18f2dbad8..6a0f4b6e10 100644
--- a/samples/grids/grid/column-pinning-both-sides/package.json
+++ b/samples/grids/grid/column-pinning-both-sides/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/column-pinning-options/package.json
+++ b/samples/grids/grid/column-pinning-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/column-pinning-right-side/package.json
+++ b/samples/grids/grid/column-pinning-right-side/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/column-pinning-styles/package.json
+++ b/samples/grids/grid/column-pinning-styles/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/column-pinning/package.json
+++ b/samples/grids/grid/column-pinning/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/column-resize-styling/package.json
+++ b/samples/grids/grid/column-resize-styling/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/column-resizing/package.json
+++ b/samples/grids/grid/column-resizing/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/column-selection-group/package.json
+++ b/samples/grids/grid/column-selection-group/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/column-selection-mode/package.json
+++ b/samples/grids/grid/column-selection-mode/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/column-selection-styles/package.json
+++ b/samples/grids/grid/column-selection-styles/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/column-sorting-indicators/package.json
+++ b/samples/grids/grid/column-sorting-indicators/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/column-sorting-options/package.json
+++ b/samples/grids/grid/column-sorting-options/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/column-sorting-style/package.json
+++ b/samples/grids/grid/column-sorting-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/conditional-cell-style-1/package.json
+++ b/samples/grids/grid/conditional-cell-style-1/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/conditional-cell-style-2/package.json
+++ b/samples/grids/grid/conditional-cell-style-2/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/conditional-row-selectors/package.json
+++ b/samples/grids/grid/conditional-row-selectors/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/grid/custom-context-menu/package.json
+++ b/samples/grids/grid/custom-context-menu/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/data-batch-editing-actions/package.json
+++ b/samples/grids/grid/data-batch-editing-actions/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/grid/data-exporting-indicator/package.json
+++ b/samples/grids/grid/data-exporting-indicator/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/data-performance-virtualization/package.json
+++ b/samples/grids/grid/data-performance-virtualization/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/grid/data-searching/package.json
+++ b/samples/grids/grid/data-searching/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/data-summary-formatter/package.json
+++ b/samples/grids/grid/data-summary-formatter/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/data-summary-options/package.json
+++ b/samples/grids/grid/data-summary-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/data-summary-template/package.json
+++ b/samples/grids/grid/data-summary-template/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/data-validation-style/package.json
+++ b/samples/grids/grid/data-validation-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/data-validator-service-cross-field/package.json
+++ b/samples/grids/grid/data-validator-service-cross-field/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/data-validator-service-extended/package.json
+++ b/samples/grids/grid/data-validator-service-extended/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/data-validator-service/package.json
+++ b/samples/grids/grid/data-validator-service/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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/disabled-summaries/package.json b/samples/grids/grid/disabled-summaries/package.json
index 5c1463f1bf..5ff90ce951 100644
--- a/samples/grids/grid/disabled-summaries/package.json
+++ b/samples/grids/grid/disabled-summaries/package.json
@@ -9,12 +9,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
     "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/editing-columns/package.json
+++ b/samples/grids/grid/editing-columns/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/editing-events/package.json
+++ b/samples/grids/grid/editing-events/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/grid/editing-excel-style/package.json
+++ b/samples/grids/grid/editing-excel-style/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/editing-lifecycle/package.json
+++ b/samples/grids/grid/editing-lifecycle/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/excel-exporting/package.json
+++ b/samples/grids/grid/excel-exporting/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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/src/index.tsx b/samples/grids/grid/excel-exporting/src/index.tsx
index 98492509f5..36e9fb4c0b 100644
--- a/samples/grids/grid/excel-exporting/src/index.tsx
+++ b/samples/grids/grid/excel-exporting/src/index.tsx
@@ -60,9 +60,13 @@ export default class Sample extends React.Component<any, any> {
                     id="grid"
                     groupingExpressions={this.groupingExpression1}
                     hideGroupedColumns={true}>
-                    <IgrGridToolbar>
-                        <IgrGridToolbarActions>
-                            <IgrGridToolbarExporter>
+                    <IgrGridToolbar
+                    >
+                        <IgrGridToolbarActions
+                        >
+                            <IgrGridToolbarExporter
+                                exportCSV={false}
+                                exportExcel={true}>
                             </IgrGridToolbarExporter>
                         </IgrGridToolbarActions>
                     </IgrGridToolbar>
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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-1/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-2/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-3/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/excel-style-filtering-style/package.json
+++ b/samples/grids/grid/excel-style-filtering-style/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/external-advanced-filtering/package.json
+++ b/samples/grids/grid/external-advanced-filtering/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/filtering-options/package.json
+++ b/samples/grids/grid/filtering-options/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/filtering-strategy/package.json
+++ b/samples/grids/grid/filtering-strategy/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/filtering-style/package.json
+++ b/samples/grids/grid/filtering-style/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 c65bf2ec6d..4d8fd849e8 100644
--- a/samples/grids/grid/finjs/package.json
+++ b/samples/grids/grid/finjs/package.json
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/grid/groupby-custom/package.json
+++ b/samples/grids/grid/groupby-custom/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/groupby-expressions/package.json
+++ b/samples/grids/grid/groupby-expressions/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/groupby-paging/package.json
+++ b/samples/grids/grid/groupby-paging/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/groupby-styling/package.json
+++ b/samples/grids/grid/groupby-styling/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/groupby-summary-options/package.json
+++ b/samples/grids/grid/groupby-summary-options/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/groupby-summary-styling/package.json
+++ b/samples/grids/grid/groupby-summary-styling/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/grid/infinite-scroll/package.json
+++ b/samples/grids/grid/infinite-scroll/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/keyboard-custom-navigation/package.json
+++ b/samples/grids/grid/keyboard-custom-navigation/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/keyboard-mrl-navigation/package.json
+++ b/samples/grids/grid/keyboard-mrl-navigation/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/layout-display-density/package.json
+++ b/samples/grids/grid/layout-display-density/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 c5f919a970..8f9c7cd294 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-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-i18n-resources": "^1.0.5",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/master-detail/package.json
+++ b/samples/grids/grid/master-detail/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/grid/multi-cell-selection-mode/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/multi-column-headers-export/package.json
+++ b/samples/grids/grid/multi-column-headers-export/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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/src/index.tsx b/samples/grids/grid/multi-column-headers-export/src/index.tsx
index 6466659d20..2f5d8fd4c3 100644
--- a/samples/grids/grid/multi-column-headers-export/src/index.tsx
+++ b/samples/grids/grid/multi-column-headers-export/src/index.tsx
@@ -47,16 +47,19 @@ export default class Sample extends React.Component<any, any> {
                     data={this.customersData}
                     moving={true}
                     allowFiltering={true}>
-                    <IgrGridToolbar>
-                        <IgrGridToolbarActions>
-                            <IgrGridToolbarHiding>
+                    <IgrGridToolbar
+                    >
+                        <IgrGridToolbarActions
+                        >
+                            <IgrGridToolbarHiding
+                            >
                             </IgrGridToolbarHiding>
-                            <IgrGridToolbarPinning>
+                            <IgrGridToolbarPinning
+                            >
                             </IgrGridToolbarPinning>
                             <IgrGridToolbarExporter
                                 exportCSV={false}
                                 exportExcel={true}
-                                exportPDF={true}
                                 onExportStarted={this.webGridExportEventMultiColumnHeaders}>
                             </IgrGridToolbarExporter>
                         </IgrGridToolbarActions>
diff --git a/samples/grids/grid/multi-column-headers-overview/package.json b/samples/grids/grid/multi-column-headers-overview/package.json
index 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/multi-column-headers-overview/package.json
+++ b/samples/grids/grid/multi-column-headers-overview/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/multi-column-headers-styling/package.json
+++ b/samples/grids/grid/multi-column-headers-styling/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/multi-column-headers-template/package.json
+++ b/samples/grids/grid/multi-column-headers-template/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/multi-row-layout-options/package.json
+++ b/samples/grids/grid/multi-row-layout-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/multi-row-layout-style/package.json
+++ b/samples/grids/grid/multi-row-layout-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/overview/package.json
+++ b/samples/grids/grid/overview/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/paste/package.json
+++ b/samples/grids/grid/paste/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/remote-paging-data/package.json
+++ b/samples/grids/grid/remote-paging-data/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 b03acbaa02..e3b03b976a 100644
--- a/samples/grids/grid/remote-paging-grid/package.json
+++ b/samples/grids/grid/remote-paging-grid/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/row-adding/package.json
+++ b/samples/grids/grid/row-adding/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/row-classes/package.json
+++ b/samples/grids/grid/row-classes/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/grid/row-drag-base/package.json
+++ b/samples/grids/grid/row-drag-base/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/row-editing-options/package.json
+++ b/samples/grids/grid/row-editing-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/row-editing-style/package.json
+++ b/samples/grids/grid/row-editing-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/row-paging-basic/package.json
+++ b/samples/grids/grid/row-paging-basic/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/row-paging-options/package.json
+++ b/samples/grids/grid/row-paging-options/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/row-pinning-drag/package.json
+++ b/samples/grids/grid/row-pinning-drag/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/row-pinning-extra-column/package.json
+++ b/samples/grids/grid/row-pinning-extra-column/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/row-pinning-options/package.json
+++ b/samples/grids/grid/row-pinning-options/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/row-pinning-style/package.json
+++ b/samples/grids/grid/row-pinning-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/row-reorder/package.json
+++ b/samples/grids/grid/row-reorder/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/row-selection-mode/package.json
+++ b/samples/grids/grid/row-selection-mode/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/grid/row-selection-template-excel/package.json
+++ b/samples/grids/grid/row-selection-template-excel/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/row-selection-template-numbers/package.json
+++ b/samples/grids/grid/row-selection-template-numbers/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/row-styles/package.json
+++ b/samples/grids/grid/row-styles/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/grid/state-persistence-about/package.json
+++ b/samples/grids/grid/state-persistence-about/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/grid/state-persistence-main/package.json
+++ b/samples/grids/grid/state-persistence-main/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/styling-custom-CSS/package.json
+++ b/samples/grids/grid/styling-custom-CSS/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/toolbar-sample-1/package.json
+++ b/samples/grids/grid/toolbar-sample-1/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/toolbar-sample-2/package.json
+++ b/samples/grids/grid/toolbar-sample-2/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/toolbar-sample-3/package.json
+++ b/samples/grids/grid/toolbar-sample-3/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/grid/toolbar-style/package.json
+++ b/samples/grids/grid/toolbar-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/action-strip/package.json
+++ b/samples/grids/hierarchical-grid/action-strip/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
+++ b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/cell-editing-sample/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/cell-editing-styling/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-styling/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 e18f2dbad8..6a0f4b6e10 100644
--- a/samples/grids/hierarchical-grid/cell-merge-custom-sample/package.json
+++ b/samples/grids/hierarchical-grid/cell-merge-custom-sample/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 e18f2dbad8..6a0f4b6e10 100644
--- a/samples/grids/hierarchical-grid/cell-merge/package.json
+++ b/samples/grids/hierarchical-grid/cell-merge/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/hierarchical-grid/cell-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/hierarchical-grid/cell-selection-overview/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/hierarchical-grid/cell-selection-style/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-style/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/hierarchical-grid/column-auto-sizing/package.json
+++ b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
+++ b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/column-moving-options/package.json
+++ b/samples/grids/hierarchical-grid/column-moving-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/column-moving-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-moving-styles/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 e18f2dbad8..6a0f4b6e10 100644
--- a/samples/grids/hierarchical-grid/column-pinning-both-sides/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-both-sides/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/column-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/column-pinning-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-styles/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/column-pinning/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/column-resize-styling/package.json
+++ b/samples/grids/hierarchical-grid/column-resize-styling/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/column-resizing/package.json
+++ b/samples/grids/hierarchical-grid/column-resizing/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/column-selection-group/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-group/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/hierarchical-grid/column-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-mode/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/column-selection-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-styles/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/column-sorting-options/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/column-sorting-style/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
+++ b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/custom-filtering/package.json
+++ b/samples/grids/hierarchical-grid/custom-filtering/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
+++ b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
+++ b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/data-summary-formatter/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-formatter/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/data-summary-options/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/hierarchical-grid/data-summary-template/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-template/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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/disabled-summaries/package.json b/samples/grids/hierarchical-grid/disabled-summaries/package.json
index 5c1463f1bf..5ff90ce951 100644
--- a/samples/grids/hierarchical-grid/disabled-summaries/package.json
+++ b/samples/grids/hierarchical-grid/disabled-summaries/package.json
@@ -9,12 +9,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
     "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/editing-columns/package.json
+++ b/samples/grids/hierarchical-grid/editing-columns/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/editing-events/package.json
+++ b/samples/grids/hierarchical-grid/editing-events/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/editing-lifecycle/package.json
+++ b/samples/grids/hierarchical-grid/editing-lifecycle/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/excel-exporting/package.json
+++ b/samples/grids/hierarchical-grid/excel-exporting/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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/src/index.tsx b/samples/grids/hierarchical-grid/excel-exporting/src/index.tsx
index 74e50cbe38..89c01581d4 100644
--- a/samples/grids/hierarchical-grid/excel-exporting/src/index.tsx
+++ b/samples/grids/hierarchical-grid/excel-exporting/src/index.tsx
@@ -43,9 +43,13 @@ export default class Sample extends React.Component<any, any> {
                     primaryKey="ID"
                     allowFiltering={true}
                     filterMode="excelStyleFilter">
-                    <IgrGridToolbar>
-                        <IgrGridToolbarActions>
-                            <IgrGridToolbarExporter>
+                    <IgrGridToolbar
+                    >
+                        <IgrGridToolbarActions
+                        >
+                            <IgrGridToolbarExporter
+                                exportCSV={false}
+                                exportExcel={true}>
                             </IgrGridToolbarExporter>
                         </IgrGridToolbarActions>
                     </IgrGridToolbar>
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 902ce736a9..9f9b1d879b 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
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 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
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 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
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/filtering-options/package.json
+++ b/samples/grids/hierarchical-grid/filtering-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/filtering-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/package.json
+++ b/samples/grids/hierarchical-grid/layout-display-density/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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/src/index.tsx b/samples/grids/hierarchical-grid/multi-column-headers-export/src/index.tsx
index a655a6157d..a9eb33c1c5 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-export/src/index.tsx
+++ b/samples/grids/hierarchical-grid/multi-column-headers-export/src/index.tsx
@@ -54,7 +54,6 @@ export default class Sample extends React.Component<any, any> {
                             <IgrGridToolbarExporter
                                 exportCSV={false}
                                 exportExcel={true}
-                                exportPDF={true}
                                 onExportStarted={this.webHierarchicalGridExportMultiColumnHeaders}>
                             </IgrGridToolbarExporter>
                         </IgrGridToolbarActions>
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 1ee949bec2..0aea397993 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/overview/package.json
+++ b/samples/grids/hierarchical-grid/overview/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/hierarchical-grid/remote-paging-hgrid/package.json
+++ b/samples/grids/hierarchical-grid/remote-paging-hgrid/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/row-adding/package.json
+++ b/samples/grids/hierarchical-grid/row-adding/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/row-classes/package.json
+++ b/samples/grids/hierarchical-grid/row-classes/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/hierarchical-grid/row-drag-base/package.json
+++ b/samples/grids/hierarchical-grid/row-drag-base/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/row-editing-options/package.json
+++ b/samples/grids/hierarchical-grid/row-editing-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/row-editing-style/package.json
+++ b/samples/grids/hierarchical-grid/row-editing-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/hierarchical-grid/row-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-options/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/row-pinning-style/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/row-reorder/package.json
+++ b/samples/grids/hierarchical-grid/row-reorder/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/hierarchical-grid/row-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-mode/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/row-styles/package.json
+++ b/samples/grids/hierarchical-grid/row-styles/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/hierarchical-grid/state-persistence-about/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-about/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/hierarchical-grid/state-persistence-main/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-main/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/hierarchical-grid/toolbar-style/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-webcomponents": "^7.2.1",
     "lit-html": "^3.2.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
diff --git a/samples/grids/list/add-list-items/package.json b/samples/grids/list/add-list-items/package.json
index 97f6285b7a..0e1c1109ba 100644
--- a/samples/grids/list/add-list-items/package.json
+++ b/samples/grids/list/add-list-items/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/grids/list/list-item-content/package.json b/samples/grids/list/list-item-content/package.json
index 51c4f87c82..5a01b07629 100644
--- a/samples/grids/list/list-item-content/package.json
+++ b/samples/grids/list/list-item-content/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/grids/list/overview/package.json b/samples/grids/list/overview/package.json
index dccd6c25a6..9f52a1a293 100644
--- a/samples/grids/list/overview/package.json
+++ b/samples/grids/list/overview/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/grids/list/styling/package.json b/samples/grids/list/styling/package.json
index 25eb2a15bd..a8782b9067 100644
--- a/samples/grids/list/styling/package.json
+++ b/samples/grids/list/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/grids/pivot-grid/aggregate-max-sales/package.json b/samples/grids/pivot-grid/aggregate-max-sales/package.json
index 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/pivot-grid/aggregate-max-sales/package.json
+++ b/samples/grids/pivot-grid/aggregate-max-sales/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/pivot-grid/aggregate-units-sold/package.json
+++ b/samples/grids/pivot-grid/aggregate-units-sold/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/pivot-grid/data-selector/package.json
+++ b/samples/grids/pivot-grid/data-selector/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/pivot-grid/features/package.json
+++ b/samples/grids/pivot-grid/features/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/pivot-grid/state-persistence-about/package.json
+++ b/samples/grids/pivot-grid/state-persistence-about/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/pivot-grid/state-persistence-main/package.json
+++ b/samples/grids/pivot-grid/state-persistence-main/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/action-strip/package.json
+++ b/samples/grids/tree-grid/action-strip/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/advanced-filtering-options/package.json
+++ b/samples/grids/tree-grid/advanced-filtering-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/advanced-filtering-style/package.json
+++ b/samples/grids/tree-grid/advanced-filtering-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/cell-editing-sample/package.json
+++ b/samples/grids/tree-grid/cell-editing-sample/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/cell-editing-styling/package.json
+++ b/samples/grids/tree-grid/cell-editing-styling/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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/src/index.css b/samples/grids/tree-grid/cell-editing-styling/src/index.css
index c84bc5ce94..b3837ca288 100644
--- a/samples/grids/tree-grid/cell-editing-styling/src/index.css
+++ b/samples/grids/tree-grid/cell-editing-styling/src/index.css
@@ -2,8 +2,8 @@
 /* https://dl.infragistics.com/x/css/samples/shared.v8.css */
 
 #treeGrid {
-	--cell-editing-background: #4567bb;
-    --cell-active-border-color: #4567bb;
-    --cell-edited-value-color: #fff;
+    --ig-grid-edit-mode-color: #FFA500;
+    --ig-grid-cell-active-border-color: #AAFF00;
+    --ig-grid-cell-editing-background: #ADD8E6;
 }
 
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 e18f2dbad8..6a0f4b6e10 100644
--- a/samples/grids/tree-grid/cell-merge-custom-sample/package.json
+++ b/samples/grids/tree-grid/cell-merge-custom-sample/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 e18f2dbad8..6a0f4b6e10 100644
--- a/samples/grids/tree-grid/cell-merge/package.json
+++ b/samples/grids/tree-grid/cell-merge/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/tree-grid/cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/cell-selection-mode/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/cell-selection-style/package.json
+++ b/samples/grids/tree-grid/cell-selection-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/tree-grid/clipboard-operations/package.json
+++ b/samples/grids/tree-grid/clipboard-operations/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/column-auto-sizing/package.json
+++ b/samples/grids/tree-grid/column-auto-sizing/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/column-collapsible-groups/package.json
+++ b/samples/grids/tree-grid/column-collapsible-groups/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/tree-grid/column-data-types/package.json
+++ b/samples/grids/tree-grid/column-data-types/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar/package.json
+++ b/samples/grids/tree-grid/column-hiding-toolbar/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/column-moving-options/package.json
+++ b/samples/grids/tree-grid/column-moving-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/column-moving-styles/package.json
+++ b/samples/grids/tree-grid/column-moving-styles/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 e18f2dbad8..6a0f4b6e10 100644
--- a/samples/grids/tree-grid/column-pinning-both-sides/package.json
+++ b/samples/grids/tree-grid/column-pinning-both-sides/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/column-pinning-options/package.json
+++ b/samples/grids/tree-grid/column-pinning-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/column-pinning-right-side/package.json
+++ b/samples/grids/tree-grid/column-pinning-right-side/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/column-pinning-styles/package.json
+++ b/samples/grids/tree-grid/column-pinning-styles/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/column-pinning-toolbar/package.json
+++ b/samples/grids/tree-grid/column-pinning-toolbar/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/column-pinning/package.json
+++ b/samples/grids/tree-grid/column-pinning/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/column-resize-styling/package.json
+++ b/samples/grids/tree-grid/column-resize-styling/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/column-resizing/package.json
+++ b/samples/grids/tree-grid/column-resizing/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/column-selection-group/package.json
+++ b/samples/grids/tree-grid/column-selection-group/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/tree-grid/column-selection-mode/package.json
+++ b/samples/grids/tree-grid/column-selection-mode/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/tree-grid/column-selection-style/package.json
+++ b/samples/grids/tree-grid/column-selection-style/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/column-selection-styles/package.json
+++ b/samples/grids/tree-grid/column-selection-styles/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/column-sorting-indicators/package.json
+++ b/samples/grids/tree-grid/column-sorting-indicators/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/tree-grid/column-sorting-options/package.json
+++ b/samples/grids/tree-grid/column-sorting-options/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/tree-grid/column-sorting-style/package.json
+++ b/samples/grids/tree-grid/column-sorting-style/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/conditional-cell-style-1/package.json
+++ b/samples/grids/tree-grid/conditional-cell-style-1/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/conditional-cell-style-2/package.json
+++ b/samples/grids/tree-grid/conditional-cell-style-2/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/conditional-row-selectors/package.json
+++ b/samples/grids/tree-grid/conditional-row-selectors/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/tree-grid/data-exporting-indicator/package.json
+++ b/samples/grids/tree-grid/data-exporting-indicator/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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-searching/package.json b/samples/grids/tree-grid/data-searching/package.json
index 44a0f5631e..e20854c52a 100644
--- a/samples/grids/tree-grid/data-searching/package.json
+++ b/samples/grids/tree-grid/data-searching/package.json
@@ -14,8 +14,8 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-grids": "^19.6.2",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-grids": "19.7.0",
     "lit-html": "^2.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 1ee949bec2..0aea397993 100644
--- a/samples/grids/tree-grid/data-summary-children/package.json
+++ b/samples/grids/tree-grid/data-summary-children/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/data-summary-formatter/package.json
+++ b/samples/grids/tree-grid/data-summary-formatter/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/data-summary-options-styling/package.json
+++ b/samples/grids/tree-grid/data-summary-options-styling/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/data-summary-options/package.json
+++ b/samples/grids/tree-grid/data-summary-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/tree-grid/data-summary-template/package.json
+++ b/samples/grids/tree-grid/data-summary-template/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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/disabled-summaries/package.json b/samples/grids/tree-grid/disabled-summaries/package.json
index 5c1463f1bf..5ff90ce951 100644
--- a/samples/grids/tree-grid/disabled-summaries/package.json
+++ b/samples/grids/tree-grid/disabled-summaries/package.json
@@ -9,12 +9,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
     "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/editing-columns/package.json
+++ b/samples/grids/tree-grid/editing-columns/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/editing-events/package.json
+++ b/samples/grids/tree-grid/editing-events/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/editing-lifecycle/package.json
+++ b/samples/grids/tree-grid/editing-lifecycle/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/excel-exporting/package.json
+++ b/samples/grids/tree-grid/excel-exporting/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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/src/index.tsx b/samples/grids/tree-grid/excel-exporting/src/index.tsx
index 282eb22abe..4af4f374ae 100644
--- a/samples/grids/tree-grid/excel-exporting/src/index.tsx
+++ b/samples/grids/tree-grid/excel-exporting/src/index.tsx
@@ -38,9 +38,13 @@ export default class Sample extends React.Component<any, any> {
                     id="treeGrid"
                     data={this.employeesNestedData}
                     childDataKey="Employees">
-                    <IgrGridToolbar>
-                        <IgrGridToolbarActions>
-                            <IgrGridToolbarExporter>
+                    <IgrGridToolbar
+                    >
+                        <IgrGridToolbarActions
+                        >
+                            <IgrGridToolbarExporter
+                                exportCSV={false}
+                                exportExcel={true}>
                             </IgrGridToolbarExporter>
                         </IgrGridToolbarActions>
                     </IgrGridToolbar>
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 1ee949bec2..0aea397993 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
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 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
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 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
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/excel-style-filtering-style/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/filtering-options/package.json
+++ b/samples/grids/tree-grid/filtering-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/filtering-style/package.json
+++ b/samples/grids/tree-grid/filtering-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/tree-grid/keyboard-custom-navigation/package.json
+++ b/samples/grids/tree-grid/keyboard-custom-navigation/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/tree-grid/layout-display-density/package.json
+++ b/samples/grids/tree-grid/layout-display-density/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/tree-grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/multi-cell-selection-mode/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/multi-column-headers-export/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-export/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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/src/index.tsx b/samples/grids/tree-grid/multi-column-headers-export/src/index.tsx
index 193a15f476..4a9fae4ebe 100644
--- a/samples/grids/tree-grid/multi-column-headers-export/src/index.tsx
+++ b/samples/grids/tree-grid/multi-column-headers-export/src/index.tsx
@@ -42,16 +42,19 @@ export default class Sample extends React.Component<any, any> {
                     data={this.employeesFlatDetails}
                     foreignKey="ParentID"
                     primaryKey="ID">
-                    <IgrGridToolbar>
-                        <IgrGridToolbarActions>
-                            <IgrGridToolbarPinning>
+                    <IgrGridToolbar
+                    >
+                        <IgrGridToolbarActions
+                        >
+                            <IgrGridToolbarPinning
+                            >
                             </IgrGridToolbarPinning>
-                            <IgrGridToolbarHiding>
+                            <IgrGridToolbarHiding
+                            >
                             </IgrGridToolbarHiding>
                             <IgrGridToolbarExporter
                                 exportCSV={false}
                                 exportExcel={true}
-                                exportPDF={true}
                                 onExportStarted={this.webGridExportEventMultiColumnHeaders}>
                             </IgrGridToolbarExporter>
                         </IgrGridToolbarActions>
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 1ee949bec2..0aea397993 100644
--- a/samples/grids/tree-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-overview/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/multi-column-headers-styling/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-styling/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/multi-column-headers-template/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-template/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/overview-styling/package.json
+++ b/samples/grids/tree-grid/overview-styling/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/tree-grid/overview/package.json
+++ b/samples/grids/tree-grid/overview/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/row-adding/package.json
+++ b/samples/grids/tree-grid/row-adding/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/row-classes/package.json
+++ b/samples/grids/tree-grid/row-classes/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/tree-grid/row-drag-base/package.json
+++ b/samples/grids/tree-grid/row-drag-base/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/row-editing-options/package.json
+++ b/samples/grids/tree-grid/row-editing-options/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/row-editing-style/package.json
+++ b/samples/grids/tree-grid/row-editing-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/row-paging-basic/package.json
+++ b/samples/grids/tree-grid/row-paging-basic/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/tree-grid/row-paging-options/package.json
+++ b/samples/grids/tree-grid/row-paging-options/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/row-paging-style/package.json
+++ b/samples/grids/tree-grid/row-paging-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/tree-grid/row-pinning-extra-column/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/tree-grid/row-pinning-options/package.json
+++ b/samples/grids/tree-grid/row-pinning-options/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/row-pinning-style/package.json
+++ b/samples/grids/tree-grid/row-pinning-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/row-reorder/package.json
+++ b/samples/grids/tree-grid/row-reorder/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 1ee949bec2..0aea397993 100644
--- a/samples/grids/tree-grid/row-selection-mode/package.json
+++ b/samples/grids/tree-grid/row-selection-mode/package.json
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/row-selection-template-excel/package.json
+++ b/samples/grids/tree-grid/row-selection-template-excel/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/tree-grid/row-selection-template-numbers/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/row-styles/package.json
+++ b/samples/grids/tree-grid/row-styles/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/tree-grid/state-persistence-about/package.json
+++ b/samples/grids/tree-grid/state-persistence-about/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/tree-grid/state-persistence-main/package.json
+++ b/samples/grids/tree-grid/state-persistence-main/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/toolbar-sample-1/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-1/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/tree-grid/toolbar-sample-2/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-2/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/toolbar-sample-3/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-3/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 cf3f2e9595..43ae315005 100644
--- a/samples/grids/tree-grid/toolbar-sample-4/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-4/package.json
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-datasources": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-datasources": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/toolbar-style/package.json
+++ b/samples/grids/tree-grid/toolbar-style/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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 902ce736a9..9f9b1d879b 100644
--- a/samples/grids/tree-grid/using-primary-foreign-keys/package.json
+++ b/samples/grids/tree-grid/using-primary-foreign-keys/package.json
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "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/basic-example/package.json b/samples/grids/tree/basic-example/package.json
index 93049074cc..4f838fc8fe 100644
--- a/samples/grids/tree/basic-example/package.json
+++ b/samples/grids/tree/basic-example/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/grids/tree/styling/package.json b/samples/grids/tree/styling/package.json
index 93049074cc..4f838fc8fe 100644
--- a/samples/grids/tree/styling/package.json
+++ b/samples/grids/tree/styling/package.json
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/inputs/badge/outlined/package.json b/samples/inputs/badge/outlined/package.json
index e90219341f..71f8941f4a 100644
--- a/samples/inputs/badge/outlined/package.json
+++ b/samples/inputs/badge/outlined/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 414109afd9..d6aafe19cb 100644
--- a/samples/inputs/badge/shape/package.json
+++ b/samples/inputs/badge/shape/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 414109afd9..d6aafe19cb 100644
--- a/samples/inputs/badge/styling/package.json
+++ b/samples/inputs/badge/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 f3c62da976..26f8fa5ed9 100644
--- a/samples/inputs/badge/variants/package.json
+++ b/samples/inputs/badge/variants/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 3cd24cfd25..9121ae09cb 100644
--- a/samples/inputs/button-group/alignment/package.json
+++ b/samples/inputs/button-group/alignment/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 4572195eba..7cd1dae8a3 100644
--- a/samples/inputs/button-group/overview/package.json
+++ b/samples/inputs/button-group/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 6a521921f0..7cbfcebe00 100644
--- a/samples/inputs/button-group/selection/package.json
+++ b/samples/inputs/button-group/selection/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 5d3b9d2e82..75ac5ca36a 100644
--- a/samples/inputs/button-group/size/package.json
+++ b/samples/inputs/button-group/size/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 9ce9c43fab..78a6cad023 100644
--- a/samples/inputs/button-group/styling/package.json
+++ b/samples/inputs/button-group/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 85b9152d98..9ab2b1a210 100644
--- a/samples/inputs/button/contained/package.json
+++ b/samples/inputs/button/contained/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 5ccbadd009..c845ef72de 100644
--- a/samples/inputs/button/download/package.json
+++ b/samples/inputs/button/download/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 03b73ff728..19cc71ab77 100644
--- a/samples/inputs/button/fab/package.json
+++ b/samples/inputs/button/fab/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 3f351b0c1d..e205b694a6 100644
--- a/samples/inputs/button/flat/package.json
+++ b/samples/inputs/button/flat/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 a2f12d0237..d3a84a352b 100644
--- a/samples/inputs/button/outlined/package.json
+++ b/samples/inputs/button/outlined/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 127485ad4f..6ff7eff818 100644
--- a/samples/inputs/button/overview/package.json
+++ b/samples/inputs/button/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 d44c7c4714..43ad02041d 100644
--- a/samples/inputs/button/size/package.json
+++ b/samples/inputs/button/size/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 44a07a7c99..f7a53a64ab 100644
--- a/samples/inputs/button/styling/package.json
+++ b/samples/inputs/button/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 9f01d8c619..3c6f5bd68b 100644
--- a/samples/inputs/checkbox/checking/package.json
+++ b/samples/inputs/checkbox/checking/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 f77e333556..762f30cb2b 100644
--- a/samples/inputs/checkbox/disabled/package.json
+++ b/samples/inputs/checkbox/disabled/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 1a0224da97..250e3bf096 100644
--- a/samples/inputs/checkbox/indeterminate/package.json
+++ b/samples/inputs/checkbox/indeterminate/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 bcb03f6f40..7291ea8f45 100644
--- a/samples/inputs/checkbox/label/package.json
+++ b/samples/inputs/checkbox/label/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 151b45ca1e..d9e6f3d6bf 100644
--- a/samples/inputs/checkbox/overview/package.json
+++ b/samples/inputs/checkbox/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 151b45ca1e..d9e6f3d6bf 100644
--- a/samples/inputs/checkbox/styling/package.json
+++ b/samples/inputs/checkbox/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 c5043db80a..d5cde38af2 100644
--- a/samples/inputs/chip/multiple/package.json
+++ b/samples/inputs/chip/multiple/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 65260d14f9..2c578ab533 100644
--- a/samples/inputs/chip/overview/package.json
+++ b/samples/inputs/chip/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 54d9630709..6af04e9219 100644
--- a/samples/inputs/chip/size/package.json
+++ b/samples/inputs/chip/size/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 1a601af85e..062d5ab04b 100644
--- a/samples/inputs/chip/styling/package.json
+++ b/samples/inputs/chip/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 4c442e9316..fb3da7eeaa 100644
--- a/samples/inputs/chip/variants/package.json
+++ b/samples/inputs/chip/variants/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 645a0c0da8..88de5fb14c 100644
--- a/samples/inputs/circular-progress-indicator/dynamic/package.json
+++ b/samples/inputs/circular-progress-indicator/dynamic/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 b4a7e1af25..55a0a3424c 100644
--- a/samples/inputs/circular-progress-indicator/indeterminate/package.json
+++ b/samples/inputs/circular-progress-indicator/indeterminate/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 93f9782d37..53ddd99c67 100644
--- a/samples/inputs/circular-progress-indicator/simple/package.json
+++ b/samples/inputs/circular-progress-indicator/simple/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 99ec7e5c93..e81df78fa9 100644
--- a/samples/inputs/circular-progress-indicator/styling/package.json
+++ b/samples/inputs/circular-progress-indicator/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 a911a38749..6ba09a74af 100644
--- a/samples/inputs/color-editor/overview/package.json
+++ b/samples/inputs/color-editor/overview/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-inputs": "19.6.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 cc21f0c96d..73e8cc528a 100644
--- a/samples/inputs/combo/features/package.json
+++ b/samples/inputs/combo/features/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 c7dc2816be..b1daa7674b 100644
--- a/samples/inputs/combo/overview/package.json
+++ b/samples/inputs/combo/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 90f7ac68cf..da8634cac2 100644
--- a/samples/inputs/combo/selection/package.json
+++ b/samples/inputs/combo/selection/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 8c5382274e..895905e4ec 100644
--- a/samples/inputs/combo/simplified/package.json
+++ b/samples/inputs/combo/simplified/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 a34a9d17a2..c4b13b4569 100644
--- a/samples/inputs/combo/styling/package.json
+++ b/samples/inputs/combo/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 e6492e1e38..3d79206226 100644
--- a/samples/inputs/combo/templates/package.json
+++ b/samples/inputs/combo/templates/package.json
@@ -13,12 +13,12 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
-    "igniteui-react-inputs": "19.3.2",
-    "igniteui-react-layouts": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
+    "igniteui-react-inputs": "19.6.0",
+    "igniteui-react-layouts": "19.6.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 913fec64ff..f433fb0d84 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
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 4819a3f561..126e7ad650 100644
--- a/samples/inputs/date-time-input/min-max-value/package.json
+++ b/samples/inputs/date-time-input/min-max-value/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 508c3e73d6..f694965500 100644
--- a/samples/inputs/date-time-input/overview/package.json
+++ b/samples/inputs/date-time-input/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 b1f15546f7..4c07656c4c 100644
--- a/samples/inputs/date-time-input/step-up-down/package.json
+++ b/samples/inputs/date-time-input/step-up-down/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 508c3e73d6..f694965500 100644
--- a/samples/inputs/date-time-input/styling/package.json
+++ b/samples/inputs/date-time-input/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 f4ca4241d5..84b97090ff 100644
--- a/samples/inputs/dropdown/group/package.json
+++ b/samples/inputs/dropdown/group/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 33c79e2e7c..b15836faee 100644
--- a/samples/inputs/dropdown/header/package.json
+++ b/samples/inputs/dropdown/header/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 e9717bdc52..6f62180d5a 100644
--- a/samples/inputs/dropdown/item/package.json
+++ b/samples/inputs/dropdown/item/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 bd705fe33c..821ee2e6f2 100644
--- a/samples/inputs/dropdown/overview/package.json
+++ b/samples/inputs/dropdown/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 d2dc65c0f7..2370fe80db 100644
--- a/samples/inputs/dropdown/position/package.json
+++ b/samples/inputs/dropdown/position/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 30b8ef2225..767dd29c8b 100644
--- a/samples/inputs/dropdown/styling/package.json
+++ b/samples/inputs/dropdown/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 539d2b1044..8b789eb4bf 100644
--- a/samples/inputs/dropdown/target/package.json
+++ b/samples/inputs/dropdown/target/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/inputs/highlight/helper-text/.devcontainer/devcontainer.json b/samples/inputs/highlight/helper-text/.devcontainer/devcontainer.json
new file mode 100644
index 0000000000..e0b8e9c925
--- /dev/null
+++ b/samples/inputs/highlight/helper-text/.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/inputs/highlight/helper-text/.eslintrc.js b/samples/inputs/highlight/helper-text/.eslintrc.js
new file mode 100644
index 0000000000..b45160a9ee
--- /dev/null
+++ b/samples/inputs/highlight/helper-text/.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/inputs/highlight/helper-text/README.md b/samples/inputs/highlight/helper-text/README.md
new file mode 100644
index 0000000000..6b6764182c
--- /dev/null
+++ b/samples/inputs/highlight/helper-text/README.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
+
+This folder contains implementation of React application with example of Helper Text feature using [Highlight](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://dl.infragistics.com/x/img/browsers/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://dl.infragistics.com/x/img/browsers/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/inputs/highlight/helper-text" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://dl.infragistics.com/x/img/browsers/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/inputs/highlight/helper-text?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://dl.infragistics.com/x/img/browsers/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## 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/inputs/highlight/helper-text
+```
+
+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/inputs/highlight/helper-text/index.html b/samples/inputs/highlight/helper-text/index.html
new file mode 100644
index 0000000000..7949be08be
--- /dev/null
+++ b/samples/inputs/highlight/helper-text/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Highlight Helper Text</title>
+    <link href="https://dl.infragistics.com/x/css/samples/shared.v8.css" rel="stylesheet" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/samples/inputs/highlight/helper-text/package.json b/samples/inputs/highlight/helper-text/package.json
new file mode 100644
index 0000000000..c1ea425c4b
--- /dev/null
+++ b/samples/inputs/highlight/helper-text/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "react-highlight-helper-text",
+  "description": "This project provides example of Highlight Helper Text 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.7.0",
+    "igniteui-react-core": "19.6.0",
+    "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/inputs/highlight/helper-text/sandbox.config.json b/samples/inputs/highlight/helper-text/sandbox.config.json
new file mode 100644
index 0000000000..00acba0c10
--- /dev/null
+++ b/samples/inputs/highlight/helper-text/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+} 
\ No newline at end of file
diff --git a/samples/inputs/highlight/helper-text/src/index.css b/samples/inputs/highlight/helper-text/src/index.css
new file mode 100644
index 0000000000..1f53b8aa05
--- /dev/null
+++ b/samples/inputs/highlight/helper-text/src/index.css
@@ -0,0 +1,2 @@
+/* shared styles are loaded from: */
+/* https://dl.infragistics.com/x/css/samples/shared.v8.css */
\ No newline at end of file
diff --git a/samples/inputs/highlight/helper-text/src/index.tsx b/samples/inputs/highlight/helper-text/src/index.tsx
new file mode 100644
index 0000000000..e5d48a62e0
--- /dev/null
+++ b/samples/inputs/highlight/helper-text/src/index.tsx
@@ -0,0 +1,89 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { IgrInput, IgrHighlight, IgrIconButton, IgrDivider, IgrExpansionPanel } from 'igniteui-react';
+import 'igniteui-webcomponents/themes/light/bootstrap.css';
+
+export default class HighlightHelperText extends React.Component<any, any> {
+  private highlightRef = React.createRef<IgrHighlight>();
+  private statusRef = React.createRef<HTMLParagraphElement>();
+
+  private updateStatus() {
+    const highlight = this.highlightRef.current;
+    const status = this.statusRef.current;
+    if (!highlight || !status) return;
+
+    status.textContent = highlight.size
+      ? `${highlight.current + 1} of ${highlight.size} match${highlight.size === 1 ? '' : 'es'}`
+      : '';
+  }
+
+  private onInput = ({ detail }: CustomEvent<string>) => {
+    if (!this.highlightRef.current) return;
+    this.highlightRef.current.searchText = detail;
+    this.updateStatus();
+  };
+
+  private prev = () => {
+    this.highlightRef.current?.previous({preventScroll: true});
+    this.updateStatus();
+  };
+
+  private next = () => {
+    this.highlightRef.current?.next({preventScroll: true});
+    this.updateStatus();
+  };
+
+  public render(): JSX.Element {
+    return (
+      <div className="sample">
+        <div className="search-bar">
+          <IgrInput label="Search" onigcInput={this.onInput as any}>
+            <IgrIconButton variant="flat" name="navigate_before" collection="internal" slot="suffix" onClick={this.prev}></IgrIconButton>
+            <IgrIconButton variant="flat" name="navigate_next" collection="internal" slot="suffix" onClick={this.next}></IgrIconButton>
+            <p ref={this.statusRef} slot="helper-text"></p>
+          </IgrInput>
+        </div>
+        <IgrDivider></IgrDivider>
+        <IgrHighlight ref={this.highlightRef}>
+          <h1>Document Object Model</h1>
+          <IgrExpansionPanel open>
+            <h2 slot="title">Overview</h2>
+            <section>
+              <p>
+                The Document Object Model (DOM) is a cross-platform and
+                language-independent interface that treats an HTML or XML document
+                as a tree structure wherein each node is an object representing a
+                part of the document. The DOM represents a document with a logical
+                tree. Each branch of the tree ends in a node, and each node
+                contains objects. DOM methods allow programmatic access to the
+                tree; with them one can change the structure, style or content of
+                a document. Nodes can have event handlers (also known as event
+                listeners) attached to them. Once an event is triggered, the event
+                handlers get executed.
+              </p>
+              <p>
+                The principal standardization of the DOM was handled by the World
+                Wide Web Consortium (W3C), which last developed a recommendation
+                in 2004. WHATWG took over the development of the standard,
+                publishing it as a living document. The W3C now publishes stable
+                snapshots of the WHATWG standard.
+              </p>
+              <p>In HTML DOM (Document Object Model), every element is a node:</p>
+              <ul>
+                <li>A document is a document node.</li>
+                <li>All HTML elements are element nodes.</li>
+                <li>All HTML attributes are attribute nodes.</li>
+                <li>Text inserted into HTML elements are text nodes.</li>
+                <li>Comments are comment nodes.</li>
+              </ul>
+            </section>
+          </IgrExpansionPanel>
+        </IgrHighlight>
+      </div>
+    );
+  }
+}
+
+// rendering above class to the React DOM
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<HighlightHelperText/>);
diff --git a/samples/inputs/highlight/helper-text/tsconfig.json b/samples/inputs/highlight/helper-text/tsconfig.json
new file mode 100644
index 0000000000..e7db8a94f5
--- /dev/null
+++ b/samples/inputs/highlight/helper-text/tsconfig.json
@@ -0,0 +1,44 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "outDir": "build/dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "acceptance-tests",
+    "webpack",
+    "jest",
+    "src/setupTests.ts",
+    "**/odatajs-4.0.0.js",
+    "config-overrides.js"
+  ],
+  "include": [
+    "src"
+  ]
+}
diff --git a/samples/inputs/highlight/helper-text/vite.config.js b/samples/inputs/highlight/helper-text/vite.config.js
new file mode 100644
index 0000000000..1744dbc719
--- /dev/null
+++ b/samples/inputs/highlight/helper-text/vite.config.js
@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    outDir: 'build'
+  },
+  server: {
+    open: false
+  },
+});
\ No newline at end of file
diff --git a/samples/inputs/highlight/overview/.devcontainer/devcontainer.json b/samples/inputs/highlight/overview/.devcontainer/devcontainer.json
new file mode 100644
index 0000000000..e0b8e9c925
--- /dev/null
+++ b/samples/inputs/highlight/overview/.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/inputs/highlight/overview/.eslintrc.js b/samples/inputs/highlight/overview/.eslintrc.js
new file mode 100644
index 0000000000..b45160a9ee
--- /dev/null
+++ b/samples/inputs/highlight/overview/.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/inputs/highlight/overview/README.md b/samples/inputs/highlight/overview/README.md
new file mode 100644
index 0000000000..481e4ce48a
--- /dev/null
+++ b/samples/inputs/highlight/overview/README.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
+
+This folder contains implementation of React application with example of Overview feature using [Highlight](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://dl.infragistics.com/x/img/browsers/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://dl.infragistics.com/x/img/browsers/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/inputs/highlight/overview" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://dl.infragistics.com/x/img/browsers/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/inputs/highlight/overview?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://dl.infragistics.com/x/img/browsers/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## 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/inputs/highlight/overview
+```
+
+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/inputs/highlight/overview/index.html b/samples/inputs/highlight/overview/index.html
new file mode 100644
index 0000000000..fe9f0b37f4
--- /dev/null
+++ b/samples/inputs/highlight/overview/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Highlight Overview</title>
+    <link href="https://dl.infragistics.com/x/css/samples/shared.v8.css" rel="stylesheet" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/samples/inputs/highlight/overview/package.json b/samples/inputs/highlight/overview/package.json
new file mode 100644
index 0000000000..80bd0271e0
--- /dev/null
+++ b/samples/inputs/highlight/overview/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "react-highlight-overview",
+  "description": "This project provides example of Highlight Overview 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.7.0",
+    "igniteui-react-core": "19.6.0",
+    "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/inputs/highlight/overview/sandbox.config.json b/samples/inputs/highlight/overview/sandbox.config.json
new file mode 100644
index 0000000000..00acba0c10
--- /dev/null
+++ b/samples/inputs/highlight/overview/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+} 
\ No newline at end of file
diff --git a/samples/inputs/highlight/overview/src/index.css b/samples/inputs/highlight/overview/src/index.css
new file mode 100644
index 0000000000..1f53b8aa05
--- /dev/null
+++ b/samples/inputs/highlight/overview/src/index.css
@@ -0,0 +1,2 @@
+/* shared styles are loaded from: */
+/* https://dl.infragistics.com/x/css/samples/shared.v8.css */
\ No newline at end of file
diff --git a/samples/inputs/highlight/overview/src/index.tsx b/samples/inputs/highlight/overview/src/index.tsx
new file mode 100644
index 0000000000..552469569c
--- /dev/null
+++ b/samples/inputs/highlight/overview/src/index.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { IgrHighlight } from 'igniteui-react';
+import 'igniteui-webcomponents/themes/light/bootstrap.css';
+
+export default class HighlightOverview extends React.Component<any, any> {
+
+  public render(): JSX.Element {
+    return (
+      <div className="sample">
+      <IgrHighlight search-text="dolor">
+        <p>
+          Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae doloribus
+          odit id excepturi ipsum provident eaque dignissimos beatae!
+        </p>
+      </IgrHighlight>
+      </div>
+    );
+  }
+}
+
+// rendering above class to the React DOM
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<HighlightOverview/>);
diff --git a/samples/inputs/highlight/overview/tsconfig.json b/samples/inputs/highlight/overview/tsconfig.json
new file mode 100644
index 0000000000..e7db8a94f5
--- /dev/null
+++ b/samples/inputs/highlight/overview/tsconfig.json
@@ -0,0 +1,44 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "outDir": "build/dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "acceptance-tests",
+    "webpack",
+    "jest",
+    "src/setupTests.ts",
+    "**/odatajs-4.0.0.js",
+    "config-overrides.js"
+  ],
+  "include": [
+    "src"
+  ]
+}
diff --git a/samples/inputs/highlight/overview/vite.config.js b/samples/inputs/highlight/overview/vite.config.js
new file mode 100644
index 0000000000..1744dbc719
--- /dev/null
+++ b/samples/inputs/highlight/overview/vite.config.js
@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    outDir: 'build'
+  },
+  server: {
+    open: false
+  },
+});
\ No newline at end of file
diff --git a/samples/inputs/highlight/search/.devcontainer/devcontainer.json b/samples/inputs/highlight/search/.devcontainer/devcontainer.json
new file mode 100644
index 0000000000..e0b8e9c925
--- /dev/null
+++ b/samples/inputs/highlight/search/.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/inputs/highlight/search/.eslintrc.js b/samples/inputs/highlight/search/.eslintrc.js
new file mode 100644
index 0000000000..b45160a9ee
--- /dev/null
+++ b/samples/inputs/highlight/search/.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/inputs/highlight/search/README.md b/samples/inputs/highlight/search/README.md
new file mode 100644
index 0000000000..98a542b83d
--- /dev/null
+++ b/samples/inputs/highlight/search/README.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
+
+This folder contains implementation of React application with example of Search feature using [Highlight](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://dl.infragistics.com/x/img/browsers/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://dl.infragistics.com/x/img/browsers/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/inputs/highlight/search" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://dl.infragistics.com/x/img/browsers/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/inputs/highlight/search?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://dl.infragistics.com/x/img/browsers/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## 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/inputs/highlight/search
+```
+
+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/inputs/highlight/search/index.html b/samples/inputs/highlight/search/index.html
new file mode 100644
index 0000000000..99fcb5dcd4
--- /dev/null
+++ b/samples/inputs/highlight/search/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Highlight Search</title>
+    <link href="https://dl.infragistics.com/x/css/samples/shared.v8.css" rel="stylesheet" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/samples/inputs/highlight/search/package.json b/samples/inputs/highlight/search/package.json
new file mode 100644
index 0000000000..5bf1a38c6d
--- /dev/null
+++ b/samples/inputs/highlight/search/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "react-highlight-search",
+  "description": "This project provides example of Highlight Search 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.7.0",
+    "igniteui-react-core": "19.6.0",
+    "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/inputs/highlight/search/sandbox.config.json b/samples/inputs/highlight/search/sandbox.config.json
new file mode 100644
index 0000000000..00acba0c10
--- /dev/null
+++ b/samples/inputs/highlight/search/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+} 
\ No newline at end of file
diff --git a/samples/inputs/highlight/search/src/index.css b/samples/inputs/highlight/search/src/index.css
new file mode 100644
index 0000000000..c48f077603
--- /dev/null
+++ b/samples/inputs/highlight/search/src/index.css
@@ -0,0 +1,6 @@
+/* shared styles are loaded from: */
+/* https://dl.infragistics.com/x/css/samples/shared.v8.css */
+
+igc-divider {
+  margin-block-start: 20px;
+}
\ No newline at end of file
diff --git a/samples/inputs/highlight/search/src/index.tsx b/samples/inputs/highlight/search/src/index.tsx
new file mode 100644
index 0000000000..fca0a5600b
--- /dev/null
+++ b/samples/inputs/highlight/search/src/index.tsx
@@ -0,0 +1,48 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { IgrInput, IgrHighlight, IgrDivider, IgrIconButton } from 'igniteui-react';
+import 'igniteui-webcomponents/themes/light/bootstrap.css';
+import './index.css';
+
+export default class HighlightSearch extends React.Component<any, any> {
+  private highlightRef = React.createRef<IgrHighlight>();
+
+  private onInput = ({ detail }: CustomEvent<string>) => {
+    if (!this.highlightRef) return;
+    this.highlightRef.current.searchText = detail;
+  };
+
+  private prev = () => {
+    this.highlightRef?.current.previous({preventScroll: true});
+  };
+
+  private next = () => {
+    this.highlightRef?.current.next({preventScroll: true});
+  };
+
+  public render(): JSX.Element {
+    return (
+      <div className="sample">
+      <div className="search-bar">
+        <IgrInput label="Search" onigcInput={this.onInput}>
+          <IgrIconButton onClick={this.prev} id="prev-btn" variant="flat" name="navigate_before" collection="internal" slot="suffix"></IgrIconButton>
+          <IgrIconButton onClick={this.next} id="next-btn" variant="flat" name="navigate_next" collection="internal" slot="suffix"></IgrIconButton>
+        </IgrInput>
+      </div>
+      <IgrDivider></IgrDivider>
+      <IgrHighlight ref={this.highlightRef}>
+        <p>
+          Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae doloribus
+          odit id excepturi ipsum provident eaque dignissimos beatae! Rerum vero
+          distinctio libero, quasi magni quod natus nesciunt doloremque temporibus
+          voluptate?
+        </p>
+      </IgrHighlight>
+      </div>
+    );
+  }
+}
+
+// rendering above class to the React DOM
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<HighlightSearch/>);
diff --git a/samples/inputs/highlight/search/tsconfig.json b/samples/inputs/highlight/search/tsconfig.json
new file mode 100644
index 0000000000..e7db8a94f5
--- /dev/null
+++ b/samples/inputs/highlight/search/tsconfig.json
@@ -0,0 +1,44 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "outDir": "build/dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "acceptance-tests",
+    "webpack",
+    "jest",
+    "src/setupTests.ts",
+    "**/odatajs-4.0.0.js",
+    "config-overrides.js"
+  ],
+  "include": [
+    "src"
+  ]
+}
diff --git a/samples/inputs/highlight/search/vite.config.js b/samples/inputs/highlight/search/vite.config.js
new file mode 100644
index 0000000000..1744dbc719
--- /dev/null
+++ b/samples/inputs/highlight/search/vite.config.js
@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    outDir: 'build'
+  },
+  server: {
+    open: false
+  },
+});
\ No newline at end of file
diff --git a/samples/inputs/highlight/styling/.devcontainer/devcontainer.json b/samples/inputs/highlight/styling/.devcontainer/devcontainer.json
new file mode 100644
index 0000000000..e0b8e9c925
--- /dev/null
+++ b/samples/inputs/highlight/styling/.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/inputs/highlight/styling/.eslintrc.js b/samples/inputs/highlight/styling/.eslintrc.js
new file mode 100644
index 0000000000..b45160a9ee
--- /dev/null
+++ b/samples/inputs/highlight/styling/.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/inputs/highlight/styling/README.md b/samples/inputs/highlight/styling/README.md
new file mode 100644
index 0000000000..52b834703c
--- /dev/null
+++ b/samples/inputs/highlight/styling/README.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
+
+This folder contains implementation of React application with example of Styling feature using [Highlight](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://dl.infragistics.com/x/img/browsers/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://dl.infragistics.com/x/img/browsers/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/inputs/highlight/styling" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://dl.infragistics.com/x/img/browsers/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/inputs/highlight/styling?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://dl.infragistics.com/x/img/browsers/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## 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/inputs/highlight/styling
+```
+
+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/inputs/highlight/styling/index.html b/samples/inputs/highlight/styling/index.html
new file mode 100644
index 0000000000..024b9dcf11
--- /dev/null
+++ b/samples/inputs/highlight/styling/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Highlight Styling</title>
+    <link href="https://dl.infragistics.com/x/css/samples/shared.v8.css" rel="stylesheet" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/samples/inputs/highlight/styling/package.json b/samples/inputs/highlight/styling/package.json
new file mode 100644
index 0000000000..656187ef8f
--- /dev/null
+++ b/samples/inputs/highlight/styling/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "react-highlight-styling",
+  "description": "This project provides example of Highlight Styling 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.7.0",
+    "igniteui-react-core": "19.6.0",
+    "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/inputs/highlight/styling/sandbox.config.json b/samples/inputs/highlight/styling/sandbox.config.json
new file mode 100644
index 0000000000..00acba0c10
--- /dev/null
+++ b/samples/inputs/highlight/styling/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+} 
\ No newline at end of file
diff --git a/samples/inputs/highlight/styling/src/index.css b/samples/inputs/highlight/styling/src/index.css
new file mode 100644
index 0000000000..d794673d37
--- /dev/null
+++ b/samples/inputs/highlight/styling/src/index.css
@@ -0,0 +1,13 @@
+/* shared styles are loaded from: */
+/* https://dl.infragistics.com/x/css/samples/shared.v8.css */
+
+igc-highlight {
+  --background: var(--ig-gray-700);
+  --foreground: var(--ig-gray-700-contrast);
+  --background-active: var(--ig-warn-500);
+  --foreground-active: var(--ig-warn-500-contrast);
+}
+
+igc-divider {
+  margin-block-start: 20px;
+}
\ No newline at end of file
diff --git a/samples/inputs/highlight/styling/src/index.tsx b/samples/inputs/highlight/styling/src/index.tsx
new file mode 100644
index 0000000000..b8112d476f
--- /dev/null
+++ b/samples/inputs/highlight/styling/src/index.tsx
@@ -0,0 +1,48 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { IgrInput, IgrHighlight, IgrDivider, IgrIconButton } from 'igniteui-react';
+import 'igniteui-webcomponents/themes/light/bootstrap.css';
+import './index.css';
+
+export default class HighlightStyling extends React.Component<any, any> {
+  private highlightRef = React.createRef<IgrHighlight>();
+
+  private onInput = ({ detail }: CustomEvent<string>) => {
+    if (!this.highlightRef) return;
+    this.highlightRef.current.searchText = detail;
+  };
+
+  private prev = () => {
+    this.highlightRef?.current.previous({preventScroll: true});
+  };
+
+  private next = () => {
+    this.highlightRef?.current.next({preventScroll: true});
+  };
+
+  public render(): JSX.Element {
+    return (
+      <div className="sample">
+      <div>
+        <IgrInput label="Search" onigcInput={this.onInput as any}>
+          <IgrIconButton onClick={this.prev} id="prev-btn" variant="flat" name="navigate_before" collection="internal" slot="suffix"></IgrIconButton>
+          <IgrIconButton onClick={this.next} id="next-btn" variant="flat" name="navigate_next" collection="internal" slot="suffix"></IgrIconButton>
+        </IgrInput>
+      </div>
+      <IgrDivider></IgrDivider>
+      <IgrHighlight search-text="ipsum" ref={this.highlightRef}>
+        <p>
+          Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae doloribus
+          odit id excepturi ipsum provident eaque dignissimos beatae! Rerum vero
+          distinctio libero, quasi magni quod natus nesciunt doloremque temporibus
+          voluptate?
+        </p>
+      </IgrHighlight>
+      </div>
+    );
+  }
+}
+
+// rendering above class to the React DOM
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<HighlightStyling/>);
diff --git a/samples/inputs/highlight/styling/tsconfig.json b/samples/inputs/highlight/styling/tsconfig.json
new file mode 100644
index 0000000000..e7db8a94f5
--- /dev/null
+++ b/samples/inputs/highlight/styling/tsconfig.json
@@ -0,0 +1,44 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "outDir": "build/dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "acceptance-tests",
+    "webpack",
+    "jest",
+    "src/setupTests.ts",
+    "**/odatajs-4.0.0.js",
+    "config-overrides.js"
+  ],
+  "include": [
+    "src"
+  ]
+}
diff --git a/samples/inputs/highlight/styling/vite.config.js b/samples/inputs/highlight/styling/vite.config.js
new file mode 100644
index 0000000000..1744dbc719
--- /dev/null
+++ b/samples/inputs/highlight/styling/vite.config.js
@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    outDir: 'build'
+  },
+  server: {
+    open: false
+  },
+});
\ No newline at end of file
diff --git a/samples/inputs/icon-button/size/package.json b/samples/inputs/icon-button/size/package.json
index 6a0e1467ee..74fe40b1d0 100644
--- a/samples/inputs/icon-button/size/package.json
+++ b/samples/inputs/icon-button/size/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 d82174c58f..8fce689af0 100644
--- a/samples/inputs/icon-button/styling/package.json
+++ b/samples/inputs/icon-button/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 3e4f69be7e..846c86fc59 100644
--- a/samples/inputs/icon-button/variant/package.json
+++ b/samples/inputs/icon-button/variant/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 c29723711a..dcaa2a4da1 100644
--- a/samples/inputs/input/helper-text/package.json
+++ b/samples/inputs/input/helper-text/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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/overview/package.json b/samples/inputs/input/overview/package.json
index d4b93bef23..50734da336 100644
--- a/samples/inputs/input/overview/package.json
+++ b/samples/inputs/input/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 b21c295f2c..a8fa0f4e70 100644
--- a/samples/inputs/input/prefix-suffix/package.json
+++ b/samples/inputs/input/prefix-suffix/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 50ce8cb246..84626ef289 100644
--- a/samples/inputs/input/size/package.json
+++ b/samples/inputs/input/size/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 8238fd9f03..a0feef7f67 100644
--- a/samples/inputs/input/styling/package.json
+++ b/samples/inputs/input/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 ee5d81afc9..372f939d13 100644
--- a/samples/inputs/linear-progress-indicator/dynamic/package.json
+++ b/samples/inputs/linear-progress-indicator/dynamic/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 eaa4b9f1c8..53d0381ba4 100644
--- a/samples/inputs/linear-progress-indicator/simple/package.json
+++ b/samples/inputs/linear-progress-indicator/simple/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 f2795ac2fd..f32600ba8f 100644
--- a/samples/inputs/linear-progress-indicator/striped/package.json
+++ b/samples/inputs/linear-progress-indicator/striped/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 8198d40b9b..a286db6960 100644
--- a/samples/inputs/linear-progress-indicator/styling/package.json
+++ b/samples/inputs/linear-progress-indicator/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 7d7abecf0e..2878c691aa 100644
--- a/samples/inputs/linear-progress-indicator/types/package.json
+++ b/samples/inputs/linear-progress-indicator/types/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 9618792e7b..c9bb5c779f 100644
--- a/samples/inputs/mask-input/applying-mask/package.json
+++ b/samples/inputs/mask-input/applying-mask/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 f0a3f6f6e5..3258204468 100644
--- a/samples/inputs/mask-input/overview/package.json
+++ b/samples/inputs/mask-input/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 d593373a06..21d839f202 100644
--- a/samples/inputs/mask-input/value-modes/package.json
+++ b/samples/inputs/mask-input/value-modes/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 05a967e732..c601d61ff0 100644
--- a/samples/inputs/radio/alignment/package.json
+++ b/samples/inputs/radio/alignment/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 9efa5998c2..9b31563396 100644
--- a/samples/inputs/radio/disabled/package.json
+++ b/samples/inputs/radio/disabled/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 ecf02aaa07..92c1ea60f5 100644
--- a/samples/inputs/radio/group/package.json
+++ b/samples/inputs/radio/group/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 3ed2add62c..e7b268c21d 100644
--- a/samples/inputs/radio/invalid/package.json
+++ b/samples/inputs/radio/invalid/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 99f39546ea..52b46e745c 100644
--- a/samples/inputs/radio/label/package.json
+++ b/samples/inputs/radio/label/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 e7b81050d3..38cb34f6bb 100644
--- a/samples/inputs/radio/styling/package.json
+++ b/samples/inputs/radio/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 127485ad4f..6ff7eff818 100644
--- a/samples/inputs/rating/basic/package.json
+++ b/samples/inputs/rating/basic/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 127485ad4f..6ff7eff818 100644
--- a/samples/inputs/rating/custom/package.json
+++ b/samples/inputs/rating/custom/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 127485ad4f..6ff7eff818 100644
--- a/samples/inputs/rating/empty/package.json
+++ b/samples/inputs/rating/empty/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 127485ad4f..6ff7eff818 100644
--- a/samples/inputs/rating/single-selection/package.json
+++ b/samples/inputs/rating/single-selection/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 127485ad4f..6ff7eff818 100644
--- a/samples/inputs/rating/styling/package.json
+++ b/samples/inputs/rating/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 bcc0dd48c4..dd33c704b2 100644
--- a/samples/inputs/ripple/button/package.json
+++ b/samples/inputs/ripple/button/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 5696721355..9a856c0c37 100644
--- a/samples/inputs/ripple/color/package.json
+++ b/samples/inputs/ripple/color/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 9291277a83..8e64593eb0 100644
--- a/samples/inputs/select/group/package.json
+++ b/samples/inputs/select/group/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 2db93fa9f7..836509a1d7 100644
--- a/samples/inputs/select/header/package.json
+++ b/samples/inputs/select/header/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 5d58574037..609be5bfc8 100644
--- a/samples/inputs/select/item/package.json
+++ b/samples/inputs/select/item/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 344fb4bc5c..11d0079557 100644
--- a/samples/inputs/select/overview/package.json
+++ b/samples/inputs/select/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 d52251fb3a..ee85fe9f72 100644
--- a/samples/inputs/select/styling/package.json
+++ b/samples/inputs/select/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 98fefabcb8..f2febf0ba9 100644
--- a/samples/inputs/slider/constraints/package.json
+++ b/samples/inputs/slider/constraints/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 0f41b9455b..1348686432 100644
--- a/samples/inputs/slider/disabled/package.json
+++ b/samples/inputs/slider/disabled/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 5cccaa521c..a4d9d4ea79 100644
--- a/samples/inputs/slider/discrete/package.json
+++ b/samples/inputs/slider/discrete/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 2d2fcfa107..6ea6214250 100644
--- a/samples/inputs/slider/labels/package.json
+++ b/samples/inputs/slider/labels/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 3d5bb37779..82c5cbbfca 100644
--- a/samples/inputs/slider/overview/package.json
+++ b/samples/inputs/slider/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 d9ff4b0315..5388c2a041 100644
--- a/samples/inputs/slider/styling/package.json
+++ b/samples/inputs/slider/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 6474277f51..1b23014185 100644
--- a/samples/inputs/slider/tick-labels/package.json
+++ b/samples/inputs/slider/tick-labels/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 23dc09c1cc..c32934f7c9 100644
--- a/samples/inputs/slider/ticks/package.json
+++ b/samples/inputs/slider/ticks/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 6d5d358318..5e30b13afc 100644
--- a/samples/inputs/slider/value-format/package.json
+++ b/samples/inputs/slider/value-format/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 4c2762933f..25225a67c0 100644
--- a/samples/inputs/slider/value/package.json
+++ b/samples/inputs/slider/value/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 20df9ef031..035625c19a 100644
--- a/samples/inputs/switches/checking/package.json
+++ b/samples/inputs/switches/checking/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 ac0050ae86..f1c9f806c5 100644
--- a/samples/inputs/switches/disabled/package.json
+++ b/samples/inputs/switches/disabled/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 37a1858d90..ca7e54766a 100644
--- a/samples/inputs/switches/label/package.json
+++ b/samples/inputs/switches/label/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 fcf1fdef19..e2b77a2c5b 100644
--- a/samples/inputs/switches/overview/package.json
+++ b/samples/inputs/switches/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 20df9ef031..035625c19a 100644
--- a/samples/inputs/switches/styling/package.json
+++ b/samples/inputs/switches/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 beaeacbba7..039e066bea 100644
--- a/samples/inputs/textarea/form-integration/package.json
+++ b/samples/inputs/textarea/form-integration/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 5128c00e7a..7439265740 100644
--- a/samples/inputs/textarea/overview/package.json
+++ b/samples/inputs/textarea/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 76597a55ac..d82b13c78b 100644
--- a/samples/inputs/textarea/resize/package.json
+++ b/samples/inputs/textarea/resize/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 d0193d3d5e..bcff9ec762 100644
--- a/samples/inputs/textarea/slots/package.json
+++ b/samples/inputs/textarea/slots/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 29f2d603e7..35377f0d28 100644
--- a/samples/inputs/textarea/styling/package.json
+++ b/samples/inputs/textarea/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 91591e3a99..8b6117a6fb 100644
--- a/samples/inputs/tooltip/advanced/package.json
+++ b/samples/inputs/tooltip/advanced/package.json
@@ -13,10 +13,10 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.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 127485ad4f..6ff7eff818 100644
--- a/samples/inputs/tooltip/overview/package.json
+++ b/samples/inputs/tooltip/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 127485ad4f..6ff7eff818 100644
--- a/samples/inputs/tooltip/placement/package.json
+++ b/samples/inputs/tooltip/placement/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 127485ad4f..6ff7eff818 100644
--- a/samples/inputs/tooltip/rich/package.json
+++ b/samples/inputs/tooltip/rich/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 127485ad4f..6ff7eff818 100644
--- a/samples/inputs/tooltip/styling/package.json
+++ b/samples/inputs/tooltip/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 127485ad4f..6ff7eff818 100644
--- a/samples/inputs/tooltip/triggers/package.json
+++ b/samples/inputs/tooltip/triggers/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 106d43b003..38618c696f 100644
--- a/samples/interactions/chat/features/package.json
+++ b/samples/interactions/chat/features/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "dompurify": "^3.3.0",
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 6b68c0acfb..c75cdf4f92 100644
--- a/samples/interactions/chat/overview/package.json
+++ b/samples/interactions/chat/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 f882c59e1e..56e7964b3e 100644
--- a/samples/interactions/chat/styling/package.json
+++ b/samples/interactions/chat/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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/src/ChatStyling.css b/samples/interactions/chat/styling/src/ChatStyling.css
index fc1ad8a70d..43bc40e1fb 100644
--- a/samples/interactions/chat/styling/src/ChatStyling.css
+++ b/samples/interactions/chat/styling/src/ChatStyling.css
@@ -1,60 +1,63 @@
-.chat-wrapper {
-    width: 100%;
-    height: 100%;
-}
-
 igc-chat {
-    border: 2px solid var(--ig-gray-300);
+  --message-actions-color: var(--ig-warn-900);
+
+  background: var(--ig-warn-50);
 }
 
 igc-chat::part(header) {
-    display: flex;
-    align-items: center;
-    padding: 10px;
-    border-bottom: 1px solid var(--ig-gray-300);
-    background-color: var(--ig-gray-200);
-    font-family: 'Franklin Gothic Medium';
-    color: var(--ig-gray-700);
+  background-color: var(--ig-gray-800);
+  color: var(--ig-warn-400);
 }
 
 igc-chat::part(message-container) {
-    background: var(--igc-chat-bubble-bg, #eee);
-    color: var(--igc-chat-text-color, #222);
-    padding: 12px;
-    border-radius: 8px;
-    transition: background .15s;
+  background: var(--ig-warn-200);
+  color: var(--ig-warn-200-contrast);
 }
 
 igc-chat::part(message-sent) {
-    background: var(--igc-chat-sent-bubble-bg, #e6f4ff);
-    color: var(--igc-chat-sent-text-color, #03396b);
+  background: var(--ig-warn-500);
+  color: var(--ig-warn-500-contrast);
 }
 
 igc-chat::part(message-header) {
-    color: #c00000; 
-    font-weight: bold; 
-    margin: 8px;
+  color: var(--ig-warn-A700);
+}
+
+igc-chat::part(attachment-header) {
+  background: var(--ig-warn-100);
 }
 
-igc-chat::part(message-actions-container) {
-    border-top: 1px solid var(--ig-gray-300);
+igc-chat::part(attachment-icon) {
+  color: var(--ig-warn-500);
 }
 
 igc-chat::part(suggestion) {
-    background-color: var(--ig-primary-100);
-    color: var(--ig-primary-800);
-    margin: .125rem;
-    border-radius: 20px;
-    cursor: pointer;
-    transition: background-color 0.3s, color 0.3s;
+  background-color: var(--ig-warn-500);
+  color: var(--ig-warn-500-contrast);
+}
+
+igc-chat::part(suggestions-header) {
+  color: var(--ig-success-300);
 }
 
-igc-chat::part(message-attachment) {
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
-    background: var(--igc-chat-sent-bubble-bg);
+igc-chat::part(input-area) {
+  border-color: var(--ig-surface-700);
+}
 
+igc-chat::part(text-input) {
+  --box-background: var(--ig-warn-100);
+  --box-background-hover: var(--ig-warn-100);
+  --box-background-focus: var(--ig-warn-200);
+  --idle-button-line-color: var(--ig-surface-700);
+  --hover-bottom-line-color: var(--ig-surface-700);
+  --focused-bottom-line-color: var(--ig-warn-300);
 }
 
-igc-chat::part(input-attachments-container) {
-    border: 5px solid var(--ig-gray-300);
+igc-chat::part(send-button) {
+  --background: var(--ig-warn-400);
+  --foreground: var(--ig-warn-400-contrast);
+  --hover-background: var(--ig-warn-400);
+  --hover-foreground: var(--ig-warn-400-contrast);
+  --disabled-background: var(--ig-gray-300);
+  --disabled-foreground: var(--ig-gray-700);
 }
\ No newline at end of file
diff --git a/samples/interactions/chat/styling/src/index.css b/samples/interactions/chat/styling/src/index.css
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/samples/interactions/chat/styling/src/index.tsx b/samples/interactions/chat/styling/src/index.tsx
index a3cfd39bb9..f7347fef67 100644
--- a/samples/interactions/chat/styling/src/index.tsx
+++ b/samples/interactions/chat/styling/src/index.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import ReactDOM from "react-dom/client";
-import "./index.css";
+import "./layout.css";
 import "./ChatStyling.css";
 import {
   ChatMessageRenderContext,
@@ -8,7 +8,7 @@ import {
   IgrChat,
   IgrChatOptions
 } from "igniteui-react";
-import "igniteui-webcomponents/themes/light/bootstrap.css";
+import "igniteui-webcomponents/themes/light/material.css";
 
 export default function ChatStyling() {
   const [draftMessage, setDraftMessage] = useState(null);
diff --git a/samples/interactions/chat/styling/src/layout.css b/samples/interactions/chat/styling/src/layout.css
new file mode 100644
index 0000000000..9b7180cf2a
--- /dev/null
+++ b/samples/interactions/chat/styling/src/layout.css
@@ -0,0 +1,18 @@
+.chat-wrapper {
+  width: 100%;
+  height: 100%;
+}
+
+igc-chat {
+  border-radius: .5rem;
+}
+
+igc-chat::part(message-container) {
+  border-radius: .5rem;
+}
+
+igc-chat::part(suggestion) {
+  margin: .125rem;
+  border-radius: 1.25rem;
+  cursor: pointer;
+}
diff --git a/samples/interactions/chat/styling/src/react-app-env.d.ts b/samples/interactions/chat/styling/src/react-app-env.d.ts
deleted file mode 100644
index 6431bc5fc6..0000000000
--- a/samples/interactions/chat/styling/src/react-app-env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-/// <reference types="react-scripts" />
diff --git a/samples/interactions/query-builder/overview/package.json b/samples/interactions/query-builder/overview/package.json
index 10d23c6b86..941c47e88f 100644
--- a/samples/interactions/query-builder/overview/package.json
+++ b/samples/interactions/query-builder/overview/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
     "lit-html": "^3.2.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
diff --git a/samples/interactions/query-builder/template/package.json b/samples/interactions/query-builder/template/package.json
index 33e1079d0b..3091e003e6 100644
--- a/samples/interactions/query-builder/template/package.json
+++ b/samples/interactions/query-builder/template/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-grids": "^19.6.2",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-grids": "19.7.0",
     "lit-html": "^3.2.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
diff --git a/samples/layouts/accordion/customization/package.json b/samples/layouts/accordion/customization/package.json
index 37e36ddb26..358705249d 100644
--- a/samples/layouts/accordion/customization/package.json
+++ b/samples/layouts/accordion/customization/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 9ecc1695c2..fcf6719c6b 100644
--- a/samples/layouts/accordion/nested-scenario/package.json
+++ b/samples/layouts/accordion/nested-scenario/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 9e9fc554f0..d01e0359af 100644
--- a/samples/layouts/accordion/overview/package.json
+++ b/samples/layouts/accordion/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 d711b74e0f..388946038c 100644
--- a/samples/layouts/avatar/icon/package.json
+++ b/samples/layouts/avatar/icon/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 b761b24967..e3fce6a82c 100644
--- a/samples/layouts/avatar/image/package.json
+++ b/samples/layouts/avatar/image/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 f9f9a3e8f2..a5a7b54e4d 100644
--- a/samples/layouts/avatar/initials/package.json
+++ b/samples/layouts/avatar/initials/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 6f65ac230f..359aa5c319 100644
--- a/samples/layouts/avatar/shape/package.json
+++ b/samples/layouts/avatar/shape/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 0d7b2761fa..8777a03310 100644
--- a/samples/layouts/avatar/size/package.json
+++ b/samples/layouts/avatar/size/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 d2520a734f..f72fc0a12d 100644
--- a/samples/layouts/avatar/styling/package.json
+++ b/samples/layouts/avatar/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 61be983a66..1f7b5210c5 100644
--- a/samples/layouts/card/horizontal/package.json
+++ b/samples/layouts/card/horizontal/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 f0d1c6904e..b5eeebc2b1 100644
--- a/samples/layouts/card/overview/package.json
+++ b/samples/layouts/card/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 0a54b526f0..5b9de9656c 100644
--- a/samples/layouts/card/semi-horizontal/package.json
+++ b/samples/layouts/card/semi-horizontal/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 c221eaeb0e..d7c8380a1f 100644
--- a/samples/layouts/card/styling/package.json
+++ b/samples/layouts/card/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 f9edfc77ed..d41ca3e100 100644
--- a/samples/layouts/carousel/animations/package.json
+++ b/samples/layouts/carousel/animations/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 5c798b1133..6ec303b8a6 100644
--- a/samples/layouts/carousel/components/package.json
+++ b/samples/layouts/carousel/components/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 10800cb348..026c2047a7 100644
--- a/samples/layouts/carousel/overview/package.json
+++ b/samples/layouts/carousel/overview/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 825fe7074a..05f3db282c 100644
--- a/samples/layouts/carousel/thumbnail/package.json
+++ b/samples/layouts/carousel/thumbnail/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 d711b74e0f..388946038c 100644
--- a/samples/layouts/divider/dashed/package.json
+++ b/samples/layouts/divider/dashed/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 d711b74e0f..388946038c 100644
--- a/samples/layouts/divider/middle/package.json
+++ b/samples/layouts/divider/middle/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 d711b74e0f..388946038c 100644
--- a/samples/layouts/divider/overview/package.json
+++ b/samples/layouts/divider/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 d711b74e0f..388946038c 100644
--- a/samples/layouts/divider/select/package.json
+++ b/samples/layouts/divider/select/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 d711b74e0f..388946038c 100644
--- a/samples/layouts/divider/vertical/package.json
+++ b/samples/layouts/divider/vertical/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/layouts/dock-manager/customize-buttons/package.json b/samples/layouts/dock-manager/customize-buttons/package.json
index ae5e22f7a2..d8ee419e25 100644
--- a/samples/layouts/dock-manager/customize-buttons/package.json
+++ b/samples/layouts/dock-manager/customize-buttons/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-dockmanager": "^19.4.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-dockmanager": "19.7.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/layouts/dock-manager/embedding-frames/package.json b/samples/layouts/dock-manager/embedding-frames/package.json
index 2face7c287..e303a919de 100644
--- a/samples/layouts/dock-manager/embedding-frames/package.json
+++ b/samples/layouts/dock-manager/embedding-frames/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-dockmanager": "^19.4.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-dockmanager": "19.7.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/layouts/dock-manager/overview/package.json b/samples/layouts/dock-manager/overview/package.json
index ae5e22f7a2..d8ee419e25 100644
--- a/samples/layouts/dock-manager/overview/package.json
+++ b/samples/layouts/dock-manager/overview/package.json
@@ -12,8 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-dockmanager": "^19.4.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-dockmanager": "19.7.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/layouts/dock-manager/styling/package.json b/samples/layouts/dock-manager/styling/package.json
index bb94d72bca..7d0a47231f 100644
--- a/samples/layouts/dock-manager/styling/package.json
+++ b/samples/layouts/dock-manager/styling/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-dockmanager": "^19.4.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-dockmanager": "19.7.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/layouts/dock-manager/updating-panes/package.json b/samples/layouts/dock-manager/updating-panes/package.json
index c0b47aba75..0b2c4fb338 100644
--- a/samples/layouts/dock-manager/updating-panes/package.json
+++ b/samples/layouts/dock-manager/updating-panes/package.json
@@ -12,10 +12,10 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-dockmanager": "^19.4.0",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-dockmanager": "19.7.0",
+    "igniteui-react-maps": "19.6.0",
     "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 65221025d1..09aabfbd83 100644
--- a/samples/layouts/expansion-panel/component-customization/package.json
+++ b/samples/layouts/expansion-panel/component-customization/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 a77b40f3b1..fd634f8ca6 100644
--- a/samples/layouts/expansion-panel/properties-and-events/package.json
+++ b/samples/layouts/expansion-panel/properties-and-events/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 f3e91534ec..bc1fc9ad9f 100644
--- a/samples/layouts/expansion-panel/styling/package.json
+++ b/samples/layouts/expansion-panel/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 475b22cb92..14c58b8e50 100644
--- a/samples/layouts/expansion-panel/usage/package.json
+++ b/samples/layouts/expansion-panel/usage/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 8f85843e81..d3d35066d3 100644
--- a/samples/layouts/icon/sizing/package.json
+++ b/samples/layouts/icon/sizing/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 52562f0215..729ba6b184 100644
--- a/samples/layouts/icon/styling/package.json
+++ b/samples/layouts/icon/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 245990d4a7..841b642ccd 100644
--- a/samples/layouts/splitter/base/package.json
+++ b/samples/layouts/splitter/base/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.5.0",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 3cb81a584b..be7d025833 100644
--- a/samples/layouts/splitter/nested/package.json
+++ b/samples/layouts/splitter/nested/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.5.0",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 58b6eac1ea..a61bdb5336 100644
--- a/samples/layouts/splitter/styling/package.json
+++ b/samples/layouts/splitter/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.5.0",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 ecf02aaa07..92c1ea60f5 100644
--- a/samples/layouts/stepper/animations/package.json
+++ b/samples/layouts/stepper/animations/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 ecf02aaa07..92c1ea60f5 100644
--- a/samples/layouts/stepper/linear/package.json
+++ b/samples/layouts/stepper/linear/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 ecf02aaa07..92c1ea60f5 100644
--- a/samples/layouts/stepper/orientation/package.json
+++ b/samples/layouts/stepper/orientation/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
+
+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.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://dl.infragistics.com/x/img/browsers/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://dl.infragistics.com/x/img/browsers/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/layouts/stepper/step-height" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://dl.infragistics.com/x/img/browsers/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/layouts/stepper/step-height?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://dl.infragistics.com/x/img/browsers/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## 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 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>StepperStepHeight</title>
+    <link href="https://dl.infragistics.com/x/css/samples/shared.v8.css" rel="stylesheet" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>
\ 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..81bf091f1d
--- /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.7.0",
+    "igniteui-react-core": "19.6.0",
+    "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<IgrStepper>(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 (
+    <div className="container sample">
+      <header>
+          <label>1fr</label>
+          <IgrSwitch onChange={onSwitchChange}></IgrSwitch>
+          <label>0fr</label>
+          <output>--body-grid-rows: <span>{rows}</span></output>
+      </header>
+      <IgrStepper ref={stepperRef} contentTop={true}>
+        <IgrStep>
+          <span slot="title">Personal Info</span>
+          <h2>Personal Info</h2>
+          <ul>
+            <li>Please enter your personal information.</li>
+          </ul>
+        </IgrStep>
+        <IgrStep>
+          <span slot="title">Delivery address</span>
+          <h2>Delivery address</h2>
+          <ul>
+            <li>Enter your shipping address for delivery.</li>
+            <li>
+              If you need to change your address, please contact our support
+              team.
+            </li>
+            <li>
+              If you will not be at the address during the delivery time, please
+              provide an alternative address.
+            </li>
+          </ul>
+        </IgrStep>
+        <IgrStep>
+          <span slot="title">Billing address</span>
+          <h2>Billing address</h2>
+          <ul>
+            <li>Please enter your billing address.</li>
+          </ul>
+        </IgrStep>
+        <IgrStep invalid={true}>
+          <span slot="title">Confirmation</span>
+          <h2>Confirmation</h2>
+          <ul>
+            <li>Please review your order details and confirm your purchase.</li>
+          </ul>
+        </IgrStep>
+      </IgrStepper>
+    </div>
+  );
+}
+
+// rendering above class to the React DOM
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<StepHeight />);
diff --git a/samples/layouts/stepper/step-height/tsconfig.json b/samples/layouts/stepper/step-height/tsconfig.json
new file mode 100644
index 0000000000..e7db8a94f5
--- /dev/null
+++ b/samples/layouts/stepper/step-height/tsconfig.json
@@ -0,0 +1,44 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "outDir": "build/dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "acceptance-tests",
+    "webpack",
+    "jest",
+    "src/setupTests.ts",
+    "**/odatajs-4.0.0.js",
+    "config-overrides.js"
+  ],
+  "include": [
+    "src"
+  ]
+}
diff --git a/samples/layouts/stepper/step-height/vite.config.js b/samples/layouts/stepper/step-height/vite.config.js
new file mode 100644
index 0000000000..1744dbc719
--- /dev/null
+++ b/samples/layouts/stepper/step-height/vite.config.js
@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    outDir: 'build'
+  },
+  server: {
+    open: false
+  },
+});
\ No newline at end of file
diff --git a/samples/layouts/stepper/steptypes/package.json b/samples/layouts/stepper/steptypes/package.json
index ecf02aaa07..92c1ea60f5 100644
--- a/samples/layouts/stepper/steptypes/package.json
+++ b/samples/layouts/stepper/steptypes/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.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/styling/package.json b/samples/layouts/stepper/styling/package.json
index 3611d5bf4c..941bae3fe8 100644
--- a/samples/layouts/stepper/styling/package.json
+++ b/samples/layouts/stepper/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/layouts/tabs/alignment/package.json b/samples/layouts/tabs/alignment/package.json
index ecf02aaa07..92c1ea60f5 100644
--- a/samples/layouts/tabs/alignment/package.json
+++ b/samples/layouts/tabs/alignment/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/layouts/tabs/overview/package.json b/samples/layouts/tabs/overview/package.json
index ecf02aaa07..92c1ea60f5 100644
--- a/samples/layouts/tabs/overview/package.json
+++ b/samples/layouts/tabs/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/layouts/tabs/prefix-suffix/package.json b/samples/layouts/tabs/prefix-suffix/package.json
index ecf02aaa07..92c1ea60f5 100644
--- a/samples/layouts/tabs/prefix-suffix/package.json
+++ b/samples/layouts/tabs/prefix-suffix/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/layouts/tabs/scrolling/package.json b/samples/layouts/tabs/scrolling/package.json
index ecf02aaa07..92c1ea60f5 100644
--- a/samples/layouts/tabs/scrolling/package.json
+++ b/samples/layouts/tabs/scrolling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/layouts/tabs/styling/package.json b/samples/layouts/tabs/styling/package.json
index ecf02aaa07..92c1ea60f5 100644
--- a/samples/layouts/tabs/styling/package.json
+++ b/samples/layouts/tabs/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/layouts/tile-manager/actions/package.json b/samples/layouts/tile-manager/actions/package.json
index ecf02aaa07..92c1ea60f5 100644
--- a/samples/layouts/tile-manager/actions/package.json
+++ b/samples/layouts/tile-manager/actions/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/layouts/tile-manager/columngap/package.json b/samples/layouts/tile-manager/columngap/package.json
index ecf02aaa07..92c1ea60f5 100644
--- a/samples/layouts/tile-manager/columngap/package.json
+++ b/samples/layouts/tile-manager/columngap/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/layouts/tile-manager/dragndrop/package.json b/samples/layouts/tile-manager/dragndrop/package.json
index ecf02aaa07..92c1ea60f5 100644
--- a/samples/layouts/tile-manager/dragndrop/package.json
+++ b/samples/layouts/tile-manager/dragndrop/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/layouts/tile-manager/layout/package.json b/samples/layouts/tile-manager/layout/package.json
index ecf02aaa07..92c1ea60f5 100644
--- a/samples/layouts/tile-manager/layout/package.json
+++ b/samples/layouts/tile-manager/layout/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/layouts/tile-manager/overview/package.json b/samples/layouts/tile-manager/overview/package.json
index ecf02aaa07..92c1ea60f5 100644
--- a/samples/layouts/tile-manager/overview/package.json
+++ b/samples/layouts/tile-manager/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/layouts/tile-manager/resize/package.json b/samples/layouts/tile-manager/resize/package.json
index ecf02aaa07..92c1ea60f5 100644
--- a/samples/layouts/tile-manager/resize/package.json
+++ b/samples/layouts/tile-manager/resize/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/layouts/tile-manager/styling/package.json b/samples/layouts/tile-manager/styling/package.json
index ecf02aaa07..92c1ea60f5 100644
--- a/samples/layouts/tile-manager/styling/package.json
+++ b/samples/layouts/tile-manager/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/binding-data-csv/package.json b/samples/maps/geo-map/binding-data-csv/package.json
index 0e9555f279..7307e69e96 100644
--- a/samples/maps/geo-map/binding-data-csv/package.json
+++ b/samples/maps/geo-map/binding-data-csv/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/binding-data-json-points/package.json b/samples/maps/geo-map/binding-data-json-points/package.json
index 8d4ca8d72d..4256195ad9 100644
--- a/samples/maps/geo-map/binding-data-json-points/package.json
+++ b/samples/maps/geo-map/binding-data-json-points/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/binding-data-json-shapes/package.json b/samples/maps/geo-map/binding-data-json-shapes/package.json
index 9f4b5562bd..aab5ab7929 100644
--- a/samples/maps/geo-map/binding-data-json-shapes/package.json
+++ b/samples/maps/geo-map/binding-data-json-shapes/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/binding-data-model/package.json b/samples/maps/geo-map/binding-data-model/package.json
index dc6bcaaf42..4305006257 100644
--- a/samples/maps/geo-map/binding-data-model/package.json
+++ b/samples/maps/geo-map/binding-data-model/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/binding-multiple-shapes/package.json b/samples/maps/geo-map/binding-multiple-shapes/package.json
index c71556175e..d851ebd1d3 100644
--- a/samples/maps/geo-map/binding-multiple-shapes/package.json
+++ b/samples/maps/geo-map/binding-multiple-shapes/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/binding-multiple-sources/package.json b/samples/maps/geo-map/binding-multiple-sources/package.json
index 3e273e5a99..0bc96a9f19 100644
--- a/samples/maps/geo-map/binding-multiple-sources/package.json
+++ b/samples/maps/geo-map/binding-multiple-sources/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/binding-shp-points/package.json b/samples/maps/geo-map/binding-shp-points/package.json
index f1ed739467..020db33595 100644
--- a/samples/maps/geo-map/binding-shp-points/package.json
+++ b/samples/maps/geo-map/binding-shp-points/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/binding-shp-polygons/package.json b/samples/maps/geo-map/binding-shp-polygons/package.json
index 9f4b5562bd..aab5ab7929 100644
--- a/samples/maps/geo-map/binding-shp-polygons/package.json
+++ b/samples/maps/geo-map/binding-shp-polygons/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/binding-shp-polylines/package.json b/samples/maps/geo-map/binding-shp-polylines/package.json
index 4736818d69..7fbffe8ecb 100644
--- a/samples/maps/geo-map/binding-shp-polylines/package.json
+++ b/samples/maps/geo-map/binding-shp-polylines/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/custom-tooltips/package.json b/samples/maps/geo-map/custom-tooltips/package.json
index 247e3d1cf0..bb4c87bc33 100644
--- a/samples/maps/geo-map/custom-tooltips/package.json
+++ b/samples/maps/geo-map/custom-tooltips/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/display-all-imagery/package.json b/samples/maps/geo-map/display-all-imagery/package.json
index 6848fc5bb4..5fefa5700f 100644
--- a/samples/maps/geo-map/display-all-imagery/package.json
+++ b/samples/maps/geo-map/display-all-imagery/package.json
@@ -12,10 +12,10 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/display-azure-imagery/package.json b/samples/maps/geo-map/display-azure-imagery/package.json
index e8905ee71d..b49a014254 100644
--- a/samples/maps/geo-map/display-azure-imagery/package.json
+++ b/samples/maps/geo-map/display-azure-imagery/package.json
@@ -12,10 +12,10 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/display-bing-imagery/package.json b/samples/maps/geo-map/display-bing-imagery/package.json
index ba7896bd96..25109d40db 100644
--- a/samples/maps/geo-map/display-bing-imagery/package.json
+++ b/samples/maps/geo-map/display-bing-imagery/package.json
@@ -12,10 +12,10 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/display-custom-imagery/package.json b/samples/maps/geo-map/display-custom-imagery/package.json
index 45146f6ada..591852905d 100644
--- a/samples/maps/geo-map/display-custom-imagery/package.json
+++ b/samples/maps/geo-map/display-custom-imagery/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/display-esri-imagery/package.json b/samples/maps/geo-map/display-esri-imagery/package.json
index a52b00779d..e8134d3f42 100644
--- a/samples/maps/geo-map/display-esri-imagery/package.json
+++ b/samples/maps/geo-map/display-esri-imagery/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/display-heat-imagery/package.json b/samples/maps/geo-map/display-heat-imagery/package.json
index b84268ce25..3d487006a1 100644
--- a/samples/maps/geo-map/display-heat-imagery/package.json
+++ b/samples/maps/geo-map/display-heat-imagery/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/display-osm-imagery/package.json b/samples/maps/geo-map/display-osm-imagery/package.json
index 9040a515fe..3c7c37f016 100644
--- a/samples/maps/geo-map/display-osm-imagery/package.json
+++ b/samples/maps/geo-map/display-osm-imagery/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/marker-layouts/package.json b/samples/maps/geo-map/marker-layouts/package.json
index c5e5fbcde3..f0adc15c08 100644
--- a/samples/maps/geo-map/marker-layouts/package.json
+++ b/samples/maps/geo-map/marker-layouts/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/marker-template/package.json b/samples/maps/geo-map/marker-template/package.json
index 21d703a641..1ff51dba57 100644
--- a/samples/maps/geo-map/marker-template/package.json
+++ b/samples/maps/geo-map/marker-template/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/marker-type/package.json b/samples/maps/geo-map/marker-type/package.json
index f59e0de33b..6465421aa2 100644
--- a/samples/maps/geo-map/marker-type/package.json
+++ b/samples/maps/geo-map/marker-type/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/nav-grid/package.json b/samples/maps/geo-map/nav-grid/package.json
index 3e273e5a99..0bc96a9f19 100644
--- a/samples/maps/geo-map/nav-grid/package.json
+++ b/samples/maps/geo-map/nav-grid/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/navigation-only-panning/package.json b/samples/maps/geo-map/navigation-only-panning/package.json
index 9f4b5562bd..aab5ab7929 100644
--- a/samples/maps/geo-map/navigation-only-panning/package.json
+++ b/samples/maps/geo-map/navigation-only-panning/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/navigation/package.json b/samples/maps/geo-map/navigation/package.json
index 16f3adc48d..c66944e3f4 100644
--- a/samples/maps/geo-map/navigation/package.json
+++ b/samples/maps/geo-map/navigation/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/overview/package.json b/samples/maps/geo-map/overview/package.json
index 23c480909d..cb07052e52 100644
--- a/samples/maps/geo-map/overview/package.json
+++ b/samples/maps/geo-map/overview/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/shape-selection/package.json b/samples/maps/geo-map/shape-selection/package.json
index fbe6e81a2f..f450075794 100644
--- a/samples/maps/geo-map/shape-selection/package.json
+++ b/samples/maps/geo-map/shape-selection/package.json
@@ -12,10 +12,10 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-gauges": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-gauges": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-icons": "^5.3.0",
diff --git a/samples/maps/geo-map/shape-styling/package.json b/samples/maps/geo-map/shape-styling/package.json
index 9521398f45..3bc938108d 100644
--- a/samples/maps/geo-map/shape-styling/package.json
+++ b/samples/maps/geo-map/shape-styling/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/synchronization/package.json b/samples/maps/geo-map/synchronization/package.json
index 90560ae958..4f2feb19d3 100644
--- a/samples/maps/geo-map/synchronization/package.json
+++ b/samples/maps/geo-map/synchronization/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/triangulating-data/package.json b/samples/maps/geo-map/triangulating-data/package.json
index a887f709de..598dacc59b 100644
--- a/samples/maps/geo-map/triangulating-data/package.json
+++ b/samples/maps/geo-map/triangulating-data/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/type-scatter-area-series/package.json b/samples/maps/geo-map/type-scatter-area-series/package.json
index 974a950bea..10b9f4fb68 100644
--- a/samples/maps/geo-map/type-scatter-area-series/package.json
+++ b/samples/maps/geo-map/type-scatter-area-series/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/type-scatter-bubble-series/package.json b/samples/maps/geo-map/type-scatter-bubble-series/package.json
index 1b76ecc0a4..46f9b8bd21 100644
--- a/samples/maps/geo-map/type-scatter-bubble-series/package.json
+++ b/samples/maps/geo-map/type-scatter-bubble-series/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/type-scatter-contour-series/package.json b/samples/maps/geo-map/type-scatter-contour-series/package.json
index d8cb500e59..0636baefad 100644
--- a/samples/maps/geo-map/type-scatter-contour-series/package.json
+++ b/samples/maps/geo-map/type-scatter-contour-series/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/type-scatter-density-series/package.json b/samples/maps/geo-map/type-scatter-density-series/package.json
index 6f881699b4..761fcb3f65 100644
--- a/samples/maps/geo-map/type-scatter-density-series/package.json
+++ b/samples/maps/geo-map/type-scatter-density-series/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/type-scatter-symbol-series/package.json b/samples/maps/geo-map/type-scatter-symbol-series/package.json
index 540e0874ac..deb9db1f9b 100644
--- a/samples/maps/geo-map/type-scatter-symbol-series/package.json
+++ b/samples/maps/geo-map/type-scatter-symbol-series/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/type-shape-polygon-series/package.json b/samples/maps/geo-map/type-shape-polygon-series/package.json
index 94cabb4158..4b0bb74309 100644
--- a/samples/maps/geo-map/type-shape-polygon-series/package.json
+++ b/samples/maps/geo-map/type-shape-polygon-series/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/maps/geo-map/type-shape-polyline-series/package.json b/samples/maps/geo-map/type-shape-polyline-series/package.json
index 9aa257ded3..a63607a96c 100644
--- a/samples/maps/geo-map/type-shape-polyline-series/package.json
+++ b/samples/maps/geo-map/type-shape-polyline-series/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react-charts": "19.3.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-charts": "19.6.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-react-maps": "19.6.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/menus/nav-bar/overview/package.json b/samples/menus/nav-bar/overview/package.json
index 38f4b00512..e35407c05a 100644
--- a/samples/menus/nav-bar/overview/package.json
+++ b/samples/menus/nav-bar/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/menus/nav-bar/styling/package.json b/samples/menus/nav-bar/styling/package.json
index ea5a47c98f..3184bc289d 100644
--- a/samples/menus/nav-bar/styling/package.json
+++ b/samples/menus/nav-bar/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/menus/nav-drawer/add-drawer-items/package.json b/samples/menus/nav-drawer/add-drawer-items/package.json
index e40c586f87..a16609ee9a 100644
--- a/samples/menus/nav-drawer/add-drawer-items/package.json
+++ b/samples/menus/nav-drawer/add-drawer-items/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/menus/nav-drawer/add-mini/package.json b/samples/menus/nav-drawer/add-mini/package.json
index 7e2a923a5c..e2feec2818 100644
--- a/samples/menus/nav-drawer/add-mini/package.json
+++ b/samples/menus/nav-drawer/add-mini/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/menus/nav-drawer/add-positions-navbar/package.json b/samples/menus/nav-drawer/add-positions-navbar/package.json
index 1130854b6e..1c64e12eb9 100644
--- a/samples/menus/nav-drawer/add-positions-navbar/package.json
+++ b/samples/menus/nav-drawer/add-positions-navbar/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/menus/nav-drawer/styling/package.json b/samples/menus/nav-drawer/styling/package.json
index b6355c7cba..8d3893365e 100644
--- a/samples/menus/nav-drawer/styling/package.json
+++ b/samples/menus/nav-drawer/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/notifications/banner/banner-advanced-sample/package.json b/samples/notifications/banner/banner-advanced-sample/package.json
index 745a08731d..e024a172f2 100644
--- a/samples/notifications/banner/banner-advanced-sample/package.json
+++ b/samples/notifications/banner/banner-advanced-sample/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/notifications/banner/banner-sample-1/package.json b/samples/notifications/banner/banner-sample-1/package.json
index 2361a39b9c..d1680222b8 100644
--- a/samples/notifications/banner/banner-sample-1/package.json
+++ b/samples/notifications/banner/banner-sample-1/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/notifications/banner/banner-sample-2/package.json b/samples/notifications/banner/banner-sample-2/package.json
index 055382403e..b86eacd79d 100644
--- a/samples/notifications/banner/banner-sample-2/package.json
+++ b/samples/notifications/banner/banner-sample-2/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/notifications/banner/banner-styling/package.json b/samples/notifications/banner/banner-styling/package.json
index 5911601f7d..88f84fb33c 100644
--- a/samples/notifications/banner/banner-styling/package.json
+++ b/samples/notifications/banner/banner-styling/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/notifications/dialog/closing-variations/package.json b/samples/notifications/dialog/closing-variations/package.json
index 19beabe745..9ea60e6f56 100644
--- a/samples/notifications/dialog/closing-variations/package.json
+++ b/samples/notifications/dialog/closing-variations/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/notifications/dialog/form/package.json b/samples/notifications/dialog/form/package.json
index 6e5ebddfb4..2f84ef0c06 100644
--- a/samples/notifications/dialog/form/package.json
+++ b/samples/notifications/dialog/form/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/notifications/dialog/overview/package.json b/samples/notifications/dialog/overview/package.json
index b0e09b0e71..309d235566 100644
--- a/samples/notifications/dialog/overview/package.json
+++ b/samples/notifications/dialog/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/notifications/dialog/styling/package.json b/samples/notifications/dialog/styling/package.json
index 630db720ad..9bccedd661 100644
--- a/samples/notifications/dialog/styling/package.json
+++ b/samples/notifications/dialog/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/notifications/snackbar/action-text/package.json b/samples/notifications/snackbar/action-text/package.json
index 228221c89b..a32e284341 100644
--- a/samples/notifications/snackbar/action-text/package.json
+++ b/samples/notifications/snackbar/action-text/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/notifications/snackbar/display-time/package.json b/samples/notifications/snackbar/display-time/package.json
index c2bfb97472..9ffd615c60 100644
--- a/samples/notifications/snackbar/display-time/package.json
+++ b/samples/notifications/snackbar/display-time/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/notifications/snackbar/overview/package.json b/samples/notifications/snackbar/overview/package.json
index 6f37b7d51f..e3f10c71f5 100644
--- a/samples/notifications/snackbar/overview/package.json
+++ b/samples/notifications/snackbar/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/notifications/snackbar/styling/package.json b/samples/notifications/snackbar/styling/package.json
index 0902aab2ef..e55bac64fa 100644
--- a/samples/notifications/snackbar/styling/package.json
+++ b/samples/notifications/snackbar/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/notifications/toast/overview/package.json b/samples/notifications/toast/overview/package.json
index 772fc34462..112b62a8b5 100644
--- a/samples/notifications/toast/overview/package.json
+++ b/samples/notifications/toast/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/notifications/toast/properties/package.json b/samples/notifications/toast/properties/package.json
index d9fca9da17..7116794899 100644
--- a/samples/notifications/toast/properties/package.json
+++ b/samples/notifications/toast/properties/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/notifications/toast/styling/package.json b/samples/notifications/toast/styling/package.json
index c56c21f34d..527a254c32 100644
--- a/samples/notifications/toast/styling/package.json
+++ b/samples/notifications/toast/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/calendar/disabled-dates/package.json b/samples/scheduling/calendar/disabled-dates/package.json
index 8f10532cf7..aa00c5ae14 100644
--- a/samples/scheduling/calendar/disabled-dates/package.json
+++ b/samples/scheduling/calendar/disabled-dates/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/calendar/formatting/package.json b/samples/scheduling/calendar/formatting/package.json
index 7c3bfc2d68..18466804bf 100644
--- a/samples/scheduling/calendar/formatting/package.json
+++ b/samples/scheduling/calendar/formatting/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/calendar/header/package.json b/samples/scheduling/calendar/header/package.json
index eaaaf6d5b2..d6cc1c3de0 100644
--- a/samples/scheduling/calendar/header/package.json
+++ b/samples/scheduling/calendar/header/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/calendar/multiple-months/package.json b/samples/scheduling/calendar/multiple-months/package.json
index 7c18634984..098ef69dc5 100644
--- a/samples/scheduling/calendar/multiple-months/package.json
+++ b/samples/scheduling/calendar/multiple-months/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/calendar/multiple-selection/package.json b/samples/scheduling/calendar/multiple-selection/package.json
index fc98f0bcc0..9ada55ae74 100644
--- a/samples/scheduling/calendar/multiple-selection/package.json
+++ b/samples/scheduling/calendar/multiple-selection/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/calendar/overview/package.json b/samples/scheduling/calendar/overview/package.json
index 543f912044..3155ba6f96 100644
--- a/samples/scheduling/calendar/overview/package.json
+++ b/samples/scheduling/calendar/overview/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/calendar/range-selection/package.json b/samples/scheduling/calendar/range-selection/package.json
index df95b9ab0a..863334ece0 100644
--- a/samples/scheduling/calendar/range-selection/package.json
+++ b/samples/scheduling/calendar/range-selection/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/calendar/size/package.json b/samples/scheduling/calendar/size/package.json
index 768a1b7f60..ad35b79e10 100644
--- a/samples/scheduling/calendar/size/package.json
+++ b/samples/scheduling/calendar/size/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/calendar/special-dates/package.json b/samples/scheduling/calendar/special-dates/package.json
index b7d68a8a6e..730ead6efb 100644
--- a/samples/scheduling/calendar/special-dates/package.json
+++ b/samples/scheduling/calendar/special-dates/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/calendar/styling/package.json b/samples/scheduling/calendar/styling/package.json
index 053343e6ed..564c30272b 100644
--- a/samples/scheduling/calendar/styling/package.json
+++ b/samples/scheduling/calendar/styling/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/calendar/week-numbers/package.json b/samples/scheduling/calendar/week-numbers/package.json
index 49de202a89..35a6f09f4d 100644
--- a/samples/scheduling/calendar/week-numbers/package.json
+++ b/samples/scheduling/calendar/week-numbers/package.json
@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/date-picker/dialog-mode/package.json b/samples/scheduling/date-picker/dialog-mode/package.json
index bf8b24ef68..da66dce959 100644
--- a/samples/scheduling/date-picker/dialog-mode/package.json
+++ b/samples/scheduling/date-picker/dialog-mode/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/date-picker/form/package.json b/samples/scheduling/date-picker/form/package.json
index bf8b24ef68..da66dce959 100644
--- a/samples/scheduling/date-picker/form/package.json
+++ b/samples/scheduling/date-picker/form/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/date-picker/format/package.json b/samples/scheduling/date-picker/format/package.json
index bf8b24ef68..da66dce959 100644
--- a/samples/scheduling/date-picker/format/package.json
+++ b/samples/scheduling/date-picker/format/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/date-picker/overview/package.json b/samples/scheduling/date-picker/overview/package.json
index bf8b24ef68..da66dce959 100644
--- a/samples/scheduling/date-picker/overview/package.json
+++ b/samples/scheduling/date-picker/overview/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/date-picker/styling/package.json b/samples/scheduling/date-picker/styling/package.json
index bf8b24ef68..da66dce959 100644
--- a/samples/scheduling/date-picker/styling/package.json
+++ b/samples/scheduling/date-picker/styling/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/date-range-picker/custom-ranges/package.json b/samples/scheduling/date-range-picker/custom-ranges/package.json
index d51cbe13ea..6c07033897 100644
--- a/samples/scheduling/date-range-picker/custom-ranges/package.json
+++ b/samples/scheduling/date-range-picker/custom-ranges/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/date-range-picker/form/package.json b/samples/scheduling/date-range-picker/form/package.json
index 8fdabdbb1c..c53f96f8c3 100644
--- a/samples/scheduling/date-range-picker/form/package.json
+++ b/samples/scheduling/date-range-picker/form/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/date-range-picker/overview/package.json b/samples/scheduling/date-range-picker/overview/package.json
index b1bd76aa62..b9d5e9c5ce 100644
--- a/samples/scheduling/date-range-picker/overview/package.json
+++ b/samples/scheduling/date-range-picker/overview/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/date-range-picker/slots/package.json b/samples/scheduling/date-range-picker/slots/package.json
index df04c6bb4e..c69db65846 100644
--- a/samples/scheduling/date-range-picker/slots/package.json
+++ b/samples/scheduling/date-range-picker/slots/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"
diff --git a/samples/scheduling/date-range-picker/styling/package.json b/samples/scheduling/date-range-picker/styling/package.json
index dba0fca4cf..94c3c5e46e 100644
--- a/samples/scheduling/date-range-picker/styling/package.json
+++ b/samples/scheduling/date-range-picker/styling/package.json
@@ -12,9 +12,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-react": "^19.6.2",
-    "igniteui-react-core": "19.3.2",
-    "igniteui-webcomponents": "^7.0.0",
+    "igniteui-react": "19.7.0",
+    "igniteui-react-core": "19.6.0",
+    "igniteui-webcomponents": "^7.2.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"