diff --git a/browser/public/index.html b/browser/public/index.html
index d0dd64913..fd559b457 100644
--- a/browser/public/index.html
+++ b/browser/public/index.html
@@ -1092,6 +1092,7 @@
            <a class="nav-link" href="#" data-nav="/samples/maps/geo-map/binding-shp-polygons">─<span>Geo Binding Shp Polygons</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/maps/geo-map/binding-shp-polylines">─<span>Geo Binding Shp Polylines</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/maps/geo-map/display-all-imagery">─<span>Geo Display All Imagery</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/maps/geo-map/display-azure-imagery">─<span>Geo Display Azure Imagery</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/maps/geo-map/display-bing-imagery">─<span>Geo Display Bing Imagery</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/maps/geo-map/display-esri-imagery">─<span>Geo Display Esri Imagery</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/maps/geo-map/display-heat-imagery">─<span>Geo Display Heat Imagery</span></a> 
diff --git a/browser/tasks/gulp-samples.js b/browser/tasks/gulp-samples.js
index 2b10abdac..df04dbc52 100644
--- a/browser/tasks/gulp-samples.js
+++ b/browser/tasks/gulp-samples.js
@@ -999,18 +999,18 @@ function updateIG(cb) {
     // { version: "3.2.12",  name:               "igniteui-webcomponents-core" },   // PUBLIC NPM
     let packageUpgrades = [
         // these IG packages are often updated:
-        { version: "6.0.2-beta.0", name: "igniteui-webcomponents-core" },
-        { version: "6.0.2-beta.0", name: "igniteui-webcomponents-charts" },
-        { version: "6.0.2-beta.0", name: "igniteui-webcomponents-excel" },
-        { version: "6.0.2-beta.0", name: "igniteui-webcomponents-gauges" },
-        { version: "6.0.2-beta.0", name: "igniteui-webcomponents-data-grids" },
-        { version: "6.0.2-beta.0", name: "igniteui-webcomponents-inputs" },
-        { version: "6.0.2-beta.0", name: "igniteui-webcomponents-layouts" },
-        { version: "6.0.2-beta.0", name: "igniteui-webcomponents-maps" },
-        { version: "6.0.2-beta.0", name: "igniteui-webcomponents-spreadsheet-chart-adapter" },
-        { version: "6.0.2-beta.0", name: "igniteui-webcomponents-spreadsheet" },
-        { version: "6.0.2-beta.0", name: "igniteui-webcomponents-datasources" },
-        { version: "6.0.2-beta.0", name: "igniteui-webcomponents-dashboards" },
+        { version: "6.2.1", name: "igniteui-webcomponents-core" },
+        { version: "6.2.1", name: "igniteui-webcomponents-charts" },
+        { version: "6.2.1", name: "igniteui-webcomponents-excel" },
+        { version: "6.2.1", name: "igniteui-webcomponents-gauges" },
+        { version: "6.2.1", name: "igniteui-webcomponents-data-grids" },
+        { version: "6.2.1", name: "igniteui-webcomponents-inputs" },
+        { version: "6.2.1", name: "igniteui-webcomponents-layouts" },
+        { version: "6.2.1", name: "igniteui-webcomponents-maps" },
+        { version: "6.2.1", name: "igniteui-webcomponents-spreadsheet-chart-adapter" },
+        { version: "6.2.1", name: "igniteui-webcomponents-spreadsheet" },
+        { version: "6.2.1", name: "igniteui-webcomponents-datasources" },
+        { version: "6.2.1", name: "igniteui-webcomponents-dashboards" },
         // these IG packages are sometimes updated:        
         { version: "6.0.3", name: "igniteui-webcomponents-grids" },
         { version: "^6.3.1" , name: "igniteui-webcomponents" },
diff --git a/package-lock.json b/package-lock.json
index 381a9db37..673111a86 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,19 +24,19 @@
         "file-saver": "^2.0.2",
         "igniteui-dockmanager": "1.16.0",
         "igniteui-webcomponents": "^6.3.1",
-        "igniteui-webcomponents-charts": "6.0.2-beta.0",
-        "igniteui-webcomponents-core": "6.0.2-beta.0",
-        "igniteui-webcomponents-dashboards": "6.0.2-beta.0",
-        "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-        "igniteui-webcomponents-datasources": "6.0.2-beta.0",
-        "igniteui-webcomponents-excel": "6.0.2-beta.0",
-        "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+        "igniteui-webcomponents-charts": "6.2.1",
+        "igniteui-webcomponents-core": "6.2.1",
+        "igniteui-webcomponents-dashboards": "6.2.1",
+        "igniteui-webcomponents-data-grids": "6.2.1",
+        "igniteui-webcomponents-datasources": "6.2.1",
+        "igniteui-webcomponents-excel": "6.2.1",
+        "igniteui-webcomponents-gauges": "6.2.1",
         "igniteui-webcomponents-grids": "6.0.3",
-        "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-        "igniteui-webcomponents-layouts": "6.0.2-beta.0",
-        "igniteui-webcomponents-maps": "6.0.2-beta.0",
-        "igniteui-webcomponents-spreadsheet": "6.0.2-beta.0",
-        "igniteui-webcomponents-spreadsheet-chart-adapter": "6.0.2-beta.0",
+        "igniteui-webcomponents-inputs": "6.2.1",
+        "igniteui-webcomponents-layouts": "6.2.1",
+        "igniteui-webcomponents-maps": "6.2.1",
+        "igniteui-webcomponents-spreadsheet": "6.2.1",
+        "igniteui-webcomponents-spreadsheet-chart-adapter": "6.2.1",
         "lit": "^3.2.0",
         "lit-html": "^3.3.1",
         "marked": "^16.3.0",
@@ -8356,21 +8356,21 @@
       }
     },
     "node_modules/igniteui-webcomponents-charts": {
-      "version": "6.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-charts/-/igniteui-webcomponents-charts-6.0.2-beta.0.tgz",
-      "integrity": "sha512-x4NyMd1nVbqO0nvme/XwBu7h2QtCayLkaoIjXbyIJvE3CwuZ0ouU4CM2OX9h/IW+xmxpSkxyr/R0jvLoo+gRfQ==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-charts/-/igniteui-webcomponents-charts-6.2.1.tgz",
+      "integrity": "sha512-sS917RJyJeYCbTqb2KZn72SThZ88abqxA8tCsJITtPCdqrcwmBhPFJpftWuBm7lLVPDBB4DYEFohwRGE/qUo6Q==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "25.1.0.80"
+        "igniteui-webcomponents-core": "6.2.1"
       }
     },
     "node_modules/igniteui-webcomponents-core": {
-      "version": "6.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-core/-/igniteui-webcomponents-core-6.0.2-beta.0.tgz",
-      "integrity": "sha512-avy0LZLOGcuKXXW6fFEO3X/3E9dvU7VNiPonH2P2AFmF8xZd7G34ca5EioeKhdEvUuX5TukUeAXclY0Wb1U8wQ==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-core/-/igniteui-webcomponents-core-6.2.1.tgz",
+      "integrity": "sha512-Y7dzkXjND62//9XrJQ9RdEl7S8OUoDyxWtuPpH+7jqs46su0/IbRRY8MgPeETDLS6v2LFXZIt57mJJXz73M9zQ==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
@@ -8380,53 +8380,53 @@
       }
     },
     "node_modules/igniteui-webcomponents-dashboards": {
-      "version": "6.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-dashboards/-/igniteui-webcomponents-dashboards-6.0.2-beta.0.tgz",
-      "integrity": "sha512-m+iSnQ3UNXlMcVhQ+YkyMngsUjJ+ldg0Kon+2x7Ybl4CJughs4Mo2qEop1gm3+ub7IoHh/gOkWihqoBT1a4/Rw==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-dashboards/-/igniteui-webcomponents-dashboards-6.2.1.tgz",
+      "integrity": "sha512-GRWMLS5CsxJxKzS4S6e0FWu13jXce/o3i5TpjocTt5p5aiePkaV1sMRZMlPFAwVH3iTa+tTRCX3FCRPxiyP0wA==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-charts": "25.1.0.80",
-        "igniteui-webcomponents-core": "25.1.0.80",
-        "igniteui-webcomponents-data-grids": "25.1.0.80",
-        "igniteui-webcomponents-gauges": "25.1.0.80",
-        "igniteui-webcomponents-inputs": "25.1.0.80",
-        "igniteui-webcomponents-layouts": "25.1.0.80",
-        "igniteui-webcomponents-maps": "25.1.0.80"
+        "igniteui-webcomponents-charts": "6.2.1",
+        "igniteui-webcomponents-core": "6.2.1",
+        "igniteui-webcomponents-data-grids": "6.2.1",
+        "igniteui-webcomponents-gauges": "6.2.1",
+        "igniteui-webcomponents-inputs": "6.2.1",
+        "igniteui-webcomponents-layouts": "6.2.1",
+        "igniteui-webcomponents-maps": "6.2.1"
       }
     },
     "node_modules/igniteui-webcomponents-data-grids": {
-      "version": "6.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-data-grids/-/igniteui-webcomponents-data-grids-6.0.2-beta.0.tgz",
-      "integrity": "sha512-mftNGGXubUFe10YA7xL+whKx3oAE3iE6MsAqXVdpj7k0Phw+1voNCdFBfKad6UMhq+NIQOyE4ZjvzyBiS+7OEg==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-data-grids/-/igniteui-webcomponents-data-grids-6.2.1.tgz",
+      "integrity": "sha512-KgZe7ciTGsjrZ7Xn/GYqkItzWmkIcNEkjq845ZYj0otGur9PrbIGwFJD81qDJzPuXEVnBaoj3lLpbh8TutdLWQ==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "25.1.0.80",
-        "igniteui-webcomponents-inputs": "25.1.0.80",
-        "igniteui-webcomponents-layouts": "25.1.0.80"
+        "igniteui-webcomponents-core": "6.2.1",
+        "igniteui-webcomponents-inputs": "6.2.1",
+        "igniteui-webcomponents-layouts": "6.2.1"
       }
     },
     "node_modules/igniteui-webcomponents-datasources": {
-      "version": "6.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-datasources/-/igniteui-webcomponents-datasources-6.0.2-beta.0.tgz",
-      "integrity": "sha512-E76nXru2qYdnOW39wBRpxuMIi9eckLeyLiuLvaPQ3IFMzSO/sk4QO2Ddh2QHP5K3UB4/iVrHnAFNPl/NEK9XpQ==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-datasources/-/igniteui-webcomponents-datasources-6.2.1.tgz",
+      "integrity": "sha512-lT/+TXhAW/VbdW6wzfpequfXANMcSBAAkGxWFH2Lg1dRFJ1dFhTrIMuiDIzB/x+0gySLAz226ugue7APrPpEgA==",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "25.1.0.80"
+        "igniteui-webcomponents-core": "6.2.1"
       }
     },
     "node_modules/igniteui-webcomponents-excel": {
-      "version": "6.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-excel/-/igniteui-webcomponents-excel-6.0.2-beta.0.tgz",
-      "integrity": "sha512-H3KL8iby+MyGk5dwiCz2n34s6ETKe9ztcTKynfYWzMYZjuXoiT3BTq4Vb4CLN5HzAhQrBULQL4ZjxMtOAg81RA==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-excel/-/igniteui-webcomponents-excel-6.2.1.tgz",
+      "integrity": "sha512-zumR/qsKfzgX/vqMts9N7nkPee0KioXVaN1eREoPZyUKEJwKJNS48qNP0THoRJ/Zogz2fA5Fd2rvmK0TCcZj3Q==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "jszip": "^3.1.5",
@@ -8434,19 +8434,19 @@
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "25.1.0.80"
+        "igniteui-webcomponents-core": "6.2.1"
       }
     },
     "node_modules/igniteui-webcomponents-gauges": {
-      "version": "6.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-gauges/-/igniteui-webcomponents-gauges-6.0.2-beta.0.tgz",
-      "integrity": "sha512-PtohHIR8txCnFQ4wkaMERHw+yKpQfT/UnMUKN9c2cUbmfj/+74ZI3+Zlv5OgNmsCnm0k+kv46KPQFsW4VEgjAA==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-gauges/-/igniteui-webcomponents-gauges-6.2.1.tgz",
+      "integrity": "sha512-k2v1xSSvJcf/KXrfyhL7vOrUVrvxR6W3+jEcS7LRFOBHIG2Fvqrh84y4EBA1m5itdmxjdX1v+Ssu40jsrfPZ0w==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "25.1.0.80"
+        "igniteui-webcomponents-core": "6.2.1"
       }
     },
     "node_modules/igniteui-webcomponents-grids": {
@@ -8462,69 +8462,69 @@
       }
     },
     "node_modules/igniteui-webcomponents-inputs": {
-      "version": "6.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-inputs/-/igniteui-webcomponents-inputs-6.0.2-beta.0.tgz",
-      "integrity": "sha512-whEb5SLTYSVKGNTHS0eZfjRIa5zeUdGj7PC2fw2DQA2LWzh6jk36zYkV1Jc/2TUCZZrzYsG/tJbJY3nvc0eu/A==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-inputs/-/igniteui-webcomponents-inputs-6.2.1.tgz",
+      "integrity": "sha512-aRc3ior3zuuunvQfmDo5NLOz4yODBxq+fcTNFc767fXM0eW65nTOFWPsVnlicXtrTwSULcWul6208PrqeXFISg==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "25.1.0.80"
+        "igniteui-webcomponents-core": "6.2.1"
       }
     },
     "node_modules/igniteui-webcomponents-layouts": {
-      "version": "6.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-layouts/-/igniteui-webcomponents-layouts-6.0.2-beta.0.tgz",
-      "integrity": "sha512-K5GNgE8ZcvsDGT8IOOs1NmfLb/zoNhhBxoB+LUIUfYjIVCvvIT1mH+RoIXrTUK45qz5Y6AynvguWJ1Ho+SpNHg==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-layouts/-/igniteui-webcomponents-layouts-6.2.1.tgz",
+      "integrity": "sha512-JlJy4rCPJ+HvXkXurAUEIzRSvPO/PNLZyLQj4wmpFVcRmqUkuAQOpLriz/VbR37hEDBAYBS9ZKdBlrXBUovyKA==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "25.1.0.80",
-        "igniteui-webcomponents-inputs": "25.1.0.80"
+        "igniteui-webcomponents-core": "6.2.1",
+        "igniteui-webcomponents-inputs": "6.2.1"
       }
     },
     "node_modules/igniteui-webcomponents-maps": {
-      "version": "6.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-maps/-/igniteui-webcomponents-maps-6.0.2-beta.0.tgz",
-      "integrity": "sha512-EZyTNz4jm7W9bIxFSle39zmSdper5fwycB9D+ZlONTu+fboqw1N2J9TeKCJqRCzM/RFzq7wjlp/iHd6Z1PPbUg==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-maps/-/igniteui-webcomponents-maps-6.2.1.tgz",
+      "integrity": "sha512-yB+rZZlmPP6MkIvON67/XD9s4N7Ee113nK2zqps02PnxsUAsASad9YIaibaTLPORp0MwyZVxCJBdxw3Jmlp2/A==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-charts": "25.1.0.80",
-        "igniteui-webcomponents-core": "25.1.0.80"
+        "igniteui-webcomponents-charts": "6.2.1",
+        "igniteui-webcomponents-core": "6.2.1"
       }
     },
     "node_modules/igniteui-webcomponents-spreadsheet": {
-      "version": "6.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet/-/igniteui-webcomponents-spreadsheet-6.0.2-beta.0.tgz",
-      "integrity": "sha512-4xVO9ZWNRkC/K96H3JxRYaMOoamy9AFNxQ4TnKhMKdaXg32Ze8jl8g2DR2CQt5MChcd3vRkHtZPQk5gEeeStUw==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet/-/igniteui-webcomponents-spreadsheet-6.2.1.tgz",
+      "integrity": "sha512-EyOs5WcT5sk84jLl6Y6e2ByNH6TEnD1RZO6JuLbfcd9RIIy7VldWWCg/thkjZKO20sC3IdDBuMONZY/boQhskg==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "25.1.0.80",
-        "igniteui-webcomponents-excel": "25.1.0.80"
+        "igniteui-webcomponents-core": "6.2.1",
+        "igniteui-webcomponents-excel": "6.2.1"
       }
     },
     "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter": {
-      "version": "6.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet-chart-adapter/-/igniteui-webcomponents-spreadsheet-chart-adapter-6.0.2-beta.0.tgz",
-      "integrity": "sha512-xhTS957frVdRrfoSCCr6nG7G2RmppPwbY0tqglEQ1slm2gKiWsG4aIQ0ZFYu8jMAdCAu4AbdMhJgPMgCJWsfOg==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet-chart-adapter/-/igniteui-webcomponents-spreadsheet-chart-adapter-6.2.1.tgz",
+      "integrity": "sha512-8Y5PeJjOJOp+JssXgP+QqCSU4pLKsmqWtinAHeb3QAOJxXx9r9JBAJyqp/hcr0V5k1Qu7r4YRl/t5hRmrP+2WQ==",
       "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-charts": "25.1.0.80",
-        "igniteui-webcomponents-core": "25.1.0.80",
-        "igniteui-webcomponents-excel": "25.1.0.80",
-        "igniteui-webcomponents-spreadsheet": "25.1.0.80"
+        "igniteui-webcomponents-charts": "6.2.1",
+        "igniteui-webcomponents-core": "6.2.1",
+        "igniteui-webcomponents-excel": "6.2.1",
+        "igniteui-webcomponents-spreadsheet": "6.2.1"
       }
     },
     "node_modules/ignore": {
diff --git a/package.json b/package.json
index ea6001c24..499538300 100644
--- a/package.json
+++ b/package.json
@@ -44,19 +44,19 @@
     "file-saver": "^2.0.2",
     "igniteui-dockmanager": "1.16.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-dashboards": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-datasources": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-dashboards": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-datasources": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "6.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet-chart-adapter": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
+    "igniteui-webcomponents-spreadsheet": "6.2.1",
+    "igniteui-webcomponents-spreadsheet-chart-adapter": "6.2.1",
     "lit": "^3.2.0",
     "lit-html": "^3.3.1",
     "marked": "^16.3.0",
diff --git a/samples/charts/category-chart/annotations-all/package.json b/samples/charts/category-chart/annotations-all/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/annotations-all/package.json
+++ b/samples/charts/category-chart/annotations-all/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/annotations-callouts/package.json b/samples/charts/category-chart/annotations-callouts/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/annotations-callouts/package.json
+++ b/samples/charts/category-chart/annotations-callouts/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/annotations-crosshairs/package.json b/samples/charts/category-chart/annotations-crosshairs/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/annotations-crosshairs/package.json
+++ b/samples/charts/category-chart/annotations-crosshairs/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/annotations-custom/package.json b/samples/charts/category-chart/annotations-custom/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/annotations-custom/package.json
+++ b/samples/charts/category-chart/annotations-custom/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/annotations-final-value/package.json b/samples/charts/category-chart/annotations-final-value/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/annotations-final-value/package.json
+++ b/samples/charts/category-chart/annotations-final-value/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/annotations-highlighting/package.json b/samples/charts/category-chart/annotations-highlighting/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/annotations-highlighting/package.json
+++ b/samples/charts/category-chart/annotations-highlighting/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/annotations/package.json b/samples/charts/category-chart/annotations/package.json
index 602f75163..6565eb807 100644
--- a/samples/charts/category-chart/annotations/package.json
+++ b/samples/charts/category-chart/annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/area-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/area-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/area-chart-single-source/package.json
+++ b/samples/charts/category-chart/area-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/area-chart-styling/package.json b/samples/charts/category-chart/area-chart-styling/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/area-chart-styling/package.json
+++ b/samples/charts/category-chart/area-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/axis-gap/package.json b/samples/charts/category-chart/axis-gap/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/axis-gap/package.json
+++ b/samples/charts/category-chart/axis-gap/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/axis-gridlines/package.json b/samples/charts/category-chart/axis-gridlines/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/axis-gridlines/package.json
+++ b/samples/charts/category-chart/axis-gridlines/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/axis-inverted/package.json b/samples/charts/category-chart/axis-inverted/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/axis-inverted/package.json
+++ b/samples/charts/category-chart/axis-inverted/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/axis-labels/package.json b/samples/charts/category-chart/axis-labels/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/axis-labels/package.json
+++ b/samples/charts/category-chart/axis-labels/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/axis-locations/package.json b/samples/charts/category-chart/axis-locations/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/axis-locations/package.json
+++ b/samples/charts/category-chart/axis-locations/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/axis-options/package.json b/samples/charts/category-chart/axis-options/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/axis-options/package.json
+++ b/samples/charts/category-chart/axis-options/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/axis-overlap/package.json b/samples/charts/category-chart/axis-overlap/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/axis-overlap/package.json
+++ b/samples/charts/category-chart/axis-overlap/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/axis-range/package.json b/samples/charts/category-chart/axis-range/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/axis-range/package.json
+++ b/samples/charts/category-chart/axis-range/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/axis-tickmarks/package.json b/samples/charts/category-chart/axis-tickmarks/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/axis-tickmarks/package.json
+++ b/samples/charts/category-chart/axis-tickmarks/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/axis-titles/package.json b/samples/charts/category-chart/axis-titles/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/axis-titles/package.json
+++ b/samples/charts/category-chart/axis-titles/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/chart-highlight-filter/package.json b/samples/charts/category-chart/chart-highlight-filter/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/chart-highlight-filter/package.json
+++ b/samples/charts/category-chart/chart-highlight-filter/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/column-chart-multiple-sources/index.html b/samples/charts/category-chart/column-chart-multiple-sources/index.html
index 23abf9092..8e7ccd370 100644
--- a/samples/charts/category-chart/column-chart-multiple-sources/index.html
+++ b/samples/charts/category-chart/column-chart-multiple-sources/index.html
@@ -42,7 +42,7 @@
         y-axis-label-left-margin="0"
         is-horizontal-zoom-enabled="false"
         is-vertical-zoom-enabled="false"
-        is-category-highlighting-enabled="true"
+        is-category-highlighting-enabled="false"
         crosshairs-display-mode="None">
         </igc-category-chart>
     </div>
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 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/column-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/column-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/column-chart-single-source/index.html b/samples/charts/category-chart/column-chart-single-source/index.html
index 2cccf8d63..3e36bb7e4 100644
--- a/samples/charts/category-chart/column-chart-single-source/index.html
+++ b/samples/charts/category-chart/column-chart-single-source/index.html
@@ -33,7 +33,7 @@
         y-axis-label-left-margin="0"
         is-horizontal-zoom-enabled="false"
         is-vertical-zoom-enabled="false"
-        is-category-highlighting-enabled="true"
+        is-category-highlighting-enabled="false"
         highlighting-mode="FadeOthersSpecific"
         highlighting-behavior="NearestItemsAndSeries"
         crosshairs-display-mode="None">
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 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/column-chart-single-source/package.json
+++ b/samples/charts/category-chart/column-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/column-chart-styling/index.html b/samples/charts/category-chart/column-chart-styling/index.html
index 149257f59..d58c2666d 100644
--- a/samples/charts/category-chart/column-chart-styling/index.html
+++ b/samples/charts/category-chart/column-chart-styling/index.html
@@ -43,7 +43,7 @@
         x-axis-major-stroke="lightgray"
         x-axis-gap="0.5"
         crosshairs-display-mode="None"
-        is-category-highlighting-enabled="true"
+        is-category-highlighting-enabled="false"
         highlighting-mode="FadeOthersSpecific"
         highlighting-behavior="NearestItemsAndSeries">
         </igc-category-chart>
diff --git a/samples/charts/category-chart/column-chart-styling/package.json b/samples/charts/category-chart/column-chart-styling/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/column-chart-styling/package.json
+++ b/samples/charts/category-chart/column-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 24d9fe1b8..fbefe1cb2 100644
--- a/samples/charts/category-chart/column-chart-with-highlighting/package.json
+++ b/samples/charts/category-chart/column-chart-with-highlighting/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/column-chart-with-tooltips/package.json
+++ b/samples/charts/category-chart/column-chart-with-tooltips/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/custom-selection/package.json b/samples/charts/category-chart/custom-selection/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/custom-selection/package.json
+++ b/samples/charts/category-chart/custom-selection/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/data-aggregations/package.json b/samples/charts/category-chart/data-aggregations/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/data-aggregations/package.json
+++ b/samples/charts/category-chart/data-aggregations/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/data-filter/package.json b/samples/charts/category-chart/data-filter/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/data-filter/package.json
+++ b/samples/charts/category-chart/data-filter/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/data-legend-formatting-decimals/package.json
+++ b/samples/charts/category-chart/data-legend-formatting-decimals/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/data-legend/package.json b/samples/charts/category-chart/data-legend/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/data-legend/package.json
+++ b/samples/charts/category-chart/data-legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/data-tooltip-formatting-decimals/index.html b/samples/charts/category-chart/data-tooltip-formatting-decimals/index.html
index 41e34eb12..ebb31e94b 100644
--- a/samples/charts/category-chart/data-tooltip-formatting-decimals/index.html
+++ b/samples/charts/category-chart/data-tooltip-formatting-decimals/index.html
@@ -36,7 +36,7 @@
         y-axis-title-left-margin="10"
         y-axis-title-right-margin="5"
         y-axis-label-left-margin="0"
-        is-category-highlighting-enabled="true"
+        is-category-highlighting-enabled="false"
         crosshairs-display-mode="None"
         highlighting-mode="FadeOthersSpecific"
         highlighting-behavior="NearestItemsAndSeries">
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 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
+++ b/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/data-tooltip-positioning/package.json b/samples/charts/category-chart/data-tooltip-positioning/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/data-tooltip-positioning/package.json
+++ b/samples/charts/category-chart/data-tooltip-positioning/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/data-tooltip/package.json b/samples/charts/category-chart/data-tooltip/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/data-tooltip/package.json
+++ b/samples/charts/category-chart/data-tooltip/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/format-specifiers/package.json b/samples/charts/category-chart/format-specifiers/package.json
index 86c87245d..3dc6b57aa 100644
--- a/samples/charts/category-chart/format-specifiers/package.json
+++ b/samples/charts/category-chart/format-specifiers/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/high-frequency/package.json b/samples/charts/category-chart/high-frequency/package.json
index 8bf6cd76b..c710465f2 100644
--- a/samples/charts/category-chart/high-frequency/package.json
+++ b/samples/charts/category-chart/high-frequency/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/high-volume/package.json b/samples/charts/category-chart/high-volume/package.json
index ac5e8ee1d..eb50ffaef 100644
--- a/samples/charts/category-chart/high-volume/package.json
+++ b/samples/charts/category-chart/high-volume/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/highlighting-behavior/package.json b/samples/charts/category-chart/highlighting-behavior/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/highlighting-behavior/package.json
+++ b/samples/charts/category-chart/highlighting-behavior/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/highlighting-mode/package.json b/samples/charts/category-chart/highlighting-mode/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/highlighting-mode/package.json
+++ b/samples/charts/category-chart/highlighting-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/highlighting/package.json b/samples/charts/category-chart/highlighting/package.json
index 24d9fe1b8..fbefe1cb2 100644
--- a/samples/charts/category-chart/highlighting/package.json
+++ b/samples/charts/category-chart/highlighting/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/legend-highlighting/package.json b/samples/charts/category-chart/legend-highlighting/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/legend-highlighting/package.json
+++ b/samples/charts/category-chart/legend-highlighting/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/line-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/line-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/line-chart-single-source/package.json
+++ b/samples/charts/category-chart/line-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/line-chart-styling/package.json b/samples/charts/category-chart/line-chart-styling/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/line-chart-styling/package.json
+++ b/samples/charts/category-chart/line-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 d041828ed..71f8299ff 100644
--- a/samples/charts/category-chart/line-chart-with-animations/package.json
+++ b/samples/charts/category-chart/line-chart-with-animations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 602f75163..6565eb807 100644
--- a/samples/charts/category-chart/line-chart-with-annotations/package.json
+++ b/samples/charts/category-chart/line-chart-with-annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/marker-options/package.json b/samples/charts/category-chart/marker-options/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/marker-options/package.json
+++ b/samples/charts/category-chart/marker-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/marker-templates/package.json b/samples/charts/category-chart/marker-templates/package.json
index 4c2b35c85..0329437d5 100644
--- a/samples/charts/category-chart/marker-templates/package.json
+++ b/samples/charts/category-chart/marker-templates/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/overview/package.json b/samples/charts/category-chart/overview/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/overview/package.json
+++ b/samples/charts/category-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/point-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/point-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/point-chart-single-source/package.json
+++ b/samples/charts/category-chart/point-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/point-chart-styling/package.json b/samples/charts/category-chart/point-chart-styling/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/point-chart-styling/package.json
+++ b/samples/charts/category-chart/point-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/selection-matcher/package.json b/samples/charts/category-chart/selection-matcher/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/selection-matcher/package.json
+++ b/samples/charts/category-chart/selection-matcher/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/selection-modes/package.json b/samples/charts/category-chart/selection-modes/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/selection-modes/package.json
+++ b/samples/charts/category-chart/selection-modes/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/selection-multiple-modes/package.json b/samples/charts/category-chart/selection-multiple-modes/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/selection-multiple-modes/package.json
+++ b/samples/charts/category-chart/selection-multiple-modes/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/spline-area-multiple-sources/package.json
+++ b/samples/charts/category-chart/spline-area-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/spline-area-single-source/package.json
+++ b/samples/charts/category-chart/spline-area-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/spline-area-styling/package.json b/samples/charts/category-chart/spline-area-styling/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/spline-area-styling/package.json
+++ b/samples/charts/category-chart/spline-area-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/spline-multiple-sources/package.json b/samples/charts/category-chart/spline-multiple-sources/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/spline-multiple-sources/package.json
+++ b/samples/charts/category-chart/spline-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/spline-single-source/package.json b/samples/charts/category-chart/spline-single-source/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/spline-single-source/package.json
+++ b/samples/charts/category-chart/spline-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/spline-styling/package.json b/samples/charts/category-chart/spline-styling/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/spline-styling/package.json
+++ b/samples/charts/category-chart/spline-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/stack-columns/package.json b/samples/charts/category-chart/stack-columns/package.json
index 1533875bf..66f343eab 100644
--- a/samples/charts/category-chart/stack-columns/package.json
+++ b/samples/charts/category-chart/stack-columns/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/step-area-multiple-sources/index.html b/samples/charts/category-chart/step-area-multiple-sources/index.html
index f0ccfa48b..098550e72 100644
--- a/samples/charts/category-chart/step-area-multiple-sources/index.html
+++ b/samples/charts/category-chart/step-area-multiple-sources/index.html
@@ -40,7 +40,7 @@
         title-left-margin="25"
         title-top-margin="10"
         title-bottom-margin="10"
-        is-category-highlighting-enabled="true"
+        is-category-highlighting-enabled="false"
         is-series-highlighting-enabled="true"
         is-transition-in-enabled="true"
         is-horizontal-zoom-enabled="false"
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 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/step-area-multiple-sources/package.json
+++ b/samples/charts/category-chart/step-area-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/step-area-single-source/package.json
+++ b/samples/charts/category-chart/step-area-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/step-area-styling/index.html b/samples/charts/category-chart/step-area-styling/index.html
index 27258b759..f311a462d 100644
--- a/samples/charts/category-chart/step-area-styling/index.html
+++ b/samples/charts/category-chart/step-area-styling/index.html
@@ -38,7 +38,7 @@
         id="chart"
         chart-type="StepArea"
         y-axis-title="TWh"
-        is-category-highlighting-enabled="true"
+        is-category-highlighting-enabled="false"
         is-series-highlighting-enabled="true"
         is-transition-in-enabled="true"
         is-horizontal-zoom-enabled="false"
diff --git a/samples/charts/category-chart/step-area-styling/package.json b/samples/charts/category-chart/step-area-styling/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/step-area-styling/package.json
+++ b/samples/charts/category-chart/step-area-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/step-line-multiple-sources/index.html b/samples/charts/category-chart/step-line-multiple-sources/index.html
index c696c1e74..0d507a9d5 100644
--- a/samples/charts/category-chart/step-line-multiple-sources/index.html
+++ b/samples/charts/category-chart/step-line-multiple-sources/index.html
@@ -36,7 +36,7 @@
         id="chart"
         chart-type="StepLine"
         included-properties="year, europe, china, america"
-        is-category-highlighting-enabled="true"
+        is-category-highlighting-enabled="false"
         is-series-highlighting-enabled="true"
         is-horizontal-zoom-enabled="false"
         is-vertical-zoom-enabled="false"
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 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/step-line-multiple-sources/package.json
+++ b/samples/charts/category-chart/step-line-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/step-line-single-source/index.html b/samples/charts/category-chart/step-line-single-source/index.html
index 313621b1f..2a0c5900e 100644
--- a/samples/charts/category-chart/step-line-single-source/index.html
+++ b/samples/charts/category-chart/step-line-single-source/index.html
@@ -31,7 +31,7 @@
         is-horizontal-zoom-enabled="false"
         is-vertical-zoom-enabled="false"
         y-axis-title="TWh"
-        is-category-highlighting-enabled="true"
+        is-category-highlighting-enabled="false"
         crosshairs-snap-to-data="true">
         </igc-category-chart>
     </div>
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 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/step-line-single-source/package.json
+++ b/samples/charts/category-chart/step-line-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/step-line-styling/index.html b/samples/charts/category-chart/step-line-styling/index.html
index 8187cd074..9b84d504c 100644
--- a/samples/charts/category-chart/step-line-styling/index.html
+++ b/samples/charts/category-chart/step-line-styling/index.html
@@ -36,7 +36,7 @@
         id="chart"
         chart-type="StepLine"
         included-properties="year, europe, china, america"
-        is-category-highlighting-enabled="true"
+        is-category-highlighting-enabled="false"
         is-series-highlighting-enabled="true"
         is-horizontal-zoom-enabled="false"
         is-vertical-zoom-enabled="false"
diff --git a/samples/charts/category-chart/step-line-styling/package.json b/samples/charts/category-chart/step-line-styling/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/category-chart/step-line-styling/package.json
+++ b/samples/charts/category-chart/step-line-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/tooltip-template/package.json b/samples/charts/category-chart/tooltip-template/package.json
index eacf8cc6c..434411e20 100644
--- a/samples/charts/category-chart/tooltip-template/package.json
+++ b/samples/charts/category-chart/tooltip-template/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/tooltip-types/package.json b/samples/charts/category-chart/tooltip-types/package.json
index eacf8cc6c..434411e20 100644
--- a/samples/charts/category-chart/tooltip-types/package.json
+++ b/samples/charts/category-chart/tooltip-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/trendline/package.json b/samples/charts/category-chart/trendline/package.json
index 8284fffd3..2024f6e5f 100644
--- a/samples/charts/category-chart/trendline/package.json
+++ b/samples/charts/category-chart/trendline/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/category-chart/value-lines/package.json b/samples/charts/category-chart/value-lines/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/category-chart/value-lines/package.json
+++ b/samples/charts/category-chart/value-lines/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/dashboard-tile/chart-dashboard/package.json b/samples/charts/dashboard-tile/chart-dashboard/package.json
index e507965b7..f9eabc7bc 100644
--- a/samples/charts/dashboard-tile/chart-dashboard/package.json
+++ b/samples/charts/dashboard-tile/chart-dashboard/package.json
@@ -23,14 +23,14 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-dashboards": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-dashboards": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/dashboard-tile/financial-dashboard/package.json b/samples/charts/dashboard-tile/financial-dashboard/package.json
index 004302beb..6c8e04df2 100644
--- a/samples/charts/dashboard-tile/financial-dashboard/package.json
+++ b/samples/charts/dashboard-tile/financial-dashboard/package.json
@@ -23,15 +23,15 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-dashboards": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-dashboards": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/package.json b/samples/charts/dashboard-tile/gauge-dashboard/package.json
index 004302beb..6c8e04df2 100644
--- a/samples/charts/dashboard-tile/gauge-dashboard/package.json
+++ b/samples/charts/dashboard-tile/gauge-dashboard/package.json
@@ -23,15 +23,15 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-dashboards": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-dashboards": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 004302beb..6c8e04df2 100644
--- a/samples/charts/dashboard-tile/local-data-source-dashboard/package.json
+++ b/samples/charts/dashboard-tile/local-data-source-dashboard/package.json
@@ -23,15 +23,15 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-dashboards": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-dashboards": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/dashboard-tile/map-dashboard/package.json b/samples/charts/dashboard-tile/map-dashboard/package.json
index 004302beb..6c8e04df2 100644
--- a/samples/charts/dashboard-tile/map-dashboard/package.json
+++ b/samples/charts/dashboard-tile/map-dashboard/package.json
@@ -23,15 +23,15 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-dashboards": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-dashboards": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/dashboard-tile/pie-dashboard/package.json b/samples/charts/dashboard-tile/pie-dashboard/package.json
index 004302beb..6c8e04df2 100644
--- a/samples/charts/dashboard-tile/pie-dashboard/package.json
+++ b/samples/charts/dashboard-tile/pie-dashboard/package.json
@@ -23,15 +23,15 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-dashboards": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-dashboards": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/annotations-custom/package.json b/samples/charts/data-chart/annotations-custom/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/annotations-custom/package.json
+++ b/samples/charts/data-chart/annotations-custom/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/axis-annotations-corner-radius/package.json
+++ b/samples/charts/data-chart/axis-annotations-corner-radius/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/axis-annotations/package.json b/samples/charts/data-chart/axis-annotations/package.json
index 8ff2ce240..3d2bc9557 100644
--- a/samples/charts/data-chart/axis-annotations/package.json
+++ b/samples/charts/data-chart/axis-annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/axis-crossing/package.json b/samples/charts/data-chart/axis-crossing/package.json
index 63585e623..279cb6577 100644
--- a/samples/charts/data-chart/axis-crossing/package.json
+++ b/samples/charts/data-chart/axis-crossing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/axis-label-rotation/package.json b/samples/charts/data-chart/axis-label-rotation/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/data-chart/axis-label-rotation/package.json
+++ b/samples/charts/data-chart/axis-label-rotation/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/axis-locations/package.json b/samples/charts/data-chart/axis-locations/package.json
index 63585e623..279cb6577 100644
--- a/samples/charts/data-chart/axis-locations/package.json
+++ b/samples/charts/data-chart/axis-locations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/axis-min-max-gap/package.json
+++ b/samples/charts/data-chart/axis-min-max-gap/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/axis-settings/package.json b/samples/charts/data-chart/axis-settings/package.json
index f257d5a11..e94ab617d 100644
--- a/samples/charts/data-chart/axis-settings/package.json
+++ b/samples/charts/data-chart/axis-settings/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/axis-sharing/package.json b/samples/charts/data-chart/axis-sharing/package.json
index 8aa59bf3a..4cff47958 100644
--- a/samples/charts/data-chart/axis-sharing/package.json
+++ b/samples/charts/data-chart/axis-sharing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/axis-types/package.json b/samples/charts/data-chart/axis-types/package.json
index 9d50844de..b78f26bc2 100644
--- a/samples/charts/data-chart/axis-types/package.json
+++ b/samples/charts/data-chart/axis-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/bar-chart-multiple-sources/package.json
+++ b/samples/charts/data-chart/bar-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/bar-chart-overlapping/package.json b/samples/charts/data-chart/bar-chart-overlapping/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/bar-chart-overlapping/package.json
+++ b/samples/charts/data-chart/bar-chart-overlapping/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/bar-chart-single-source/package.json
+++ b/samples/charts/data-chart/bar-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/bar-chart-styling/package.json b/samples/charts/data-chart/bar-chart-styling/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/bar-chart-styling/package.json
+++ b/samples/charts/data-chart/bar-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/callout-layer-styling/package.json b/samples/charts/data-chart/callout-layer-styling/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/callout-layer-styling/package.json
+++ b/samples/charts/data-chart/callout-layer-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 fa83aacb2..ede42e2b2 100644
--- a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 fa83aacb2..ede42e2b2 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
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/chart-highlight-filter/package.json b/samples/charts/data-chart/chart-highlight-filter/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/data-chart/chart-highlight-filter/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/chart-navigation/package.json b/samples/charts/data-chart/chart-navigation/package.json
index dddbaf9ae..4283dd8b0 100644
--- a/samples/charts/data-chart/chart-navigation/package.json
+++ b/samples/charts/data-chart/chart-navigation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/chart-overview/package.json b/samples/charts/data-chart/chart-overview/package.json
index 4a045d0ed..6d3e85f86 100644
--- a/samples/charts/data-chart/chart-overview/package.json
+++ b/samples/charts/data-chart/chart-overview/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/chart-performance/package.json b/samples/charts/data-chart/chart-performance/package.json
index d21644122..38927ac24 100644
--- a/samples/charts/data-chart/chart-performance/package.json
+++ b/samples/charts/data-chart/chart-performance/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/chart-synchronization/package.json b/samples/charts/data-chart/chart-synchronization/package.json
index d20ff420e..1392644cb 100644
--- a/samples/charts/data-chart/chart-synchronization/package.json
+++ b/samples/charts/data-chart/chart-synchronization/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/chart-titles/package.json b/samples/charts/data-chart/chart-titles/package.json
index 86b984f76..71b14ad30 100644
--- a/samples/charts/data-chart/chart-titles/package.json
+++ b/samples/charts/data-chart/chart-titles/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/composite-chart/package.json b/samples/charts/data-chart/composite-chart/package.json
index 4a045d0ed..6d3e85f86 100644
--- a/samples/charts/data-chart/composite-chart/package.json
+++ b/samples/charts/data-chart/composite-chart/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/crosshair-layer-styling/package.json b/samples/charts/data-chart/crosshair-layer-styling/package.json
index c75dc458d..8169eba8c 100644
--- a/samples/charts/data-chart/crosshair-layer-styling/package.json
+++ b/samples/charts/data-chart/crosshair-layer-styling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/custom-drawing-annotations/package.json b/samples/charts/data-chart/custom-drawing-annotations/package.json
index 62c504e46..130485ba8 100644
--- a/samples/charts/data-chart/custom-drawing-annotations/package.json
+++ b/samples/charts/data-chart/custom-drawing-annotations/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/custom-editing-data/package.json b/samples/charts/data-chart/custom-editing-data/package.json
index 0e1c9f378..dbe051090 100644
--- a/samples/charts/data-chart/custom-editing-data/package.json
+++ b/samples/charts/data-chart/custom-editing-data/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/dash-array-axes/package.json b/samples/charts/data-chart/dash-array-axes/package.json
index 0e1c9f378..dbe051090 100644
--- a/samples/charts/data-chart/dash-array-axes/package.json
+++ b/samples/charts/data-chart/dash-array-axes/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/dash-array-series/package.json b/samples/charts/data-chart/dash-array-series/package.json
index 0e1c9f378..dbe051090 100644
--- a/samples/charts/data-chart/dash-array-series/package.json
+++ b/samples/charts/data-chart/dash-array-series/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/dash-array-tickmarks/package.json b/samples/charts/data-chart/dash-array-tickmarks/package.json
index 0e1c9f378..dbe051090 100644
--- a/samples/charts/data-chart/dash-array-tickmarks/package.json
+++ b/samples/charts/data-chart/dash-array-tickmarks/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/dash-array-trendline/package.json b/samples/charts/data-chart/dash-array-trendline/package.json
index 0e1c9f378..dbe051090 100644
--- a/samples/charts/data-chart/dash-array-trendline/package.json
+++ b/samples/charts/data-chart/dash-array-trendline/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/data-annotation-band-layer/package.json
+++ b/samples/charts/data-chart/data-annotation-band-layer/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/data-annotation-line-layer/package.json
+++ b/samples/charts/data-chart/data-annotation-line-layer/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 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
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 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
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/data-annotation-rect-layer/package.json
+++ b/samples/charts/data-chart/data-annotation-rect-layer/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/data-annotation-slice-layer/package.json
+++ b/samples/charts/data-chart/data-annotation-slice-layer/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/data-annotation-strip-layer/package.json
+++ b/samples/charts/data-chart/data-annotation-strip-layer/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 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
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/data-legend-grouping/package.json b/samples/charts/data-chart/data-legend-grouping/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/data-legend-grouping/package.json
+++ b/samples/charts/data-chart/data-legend-grouping/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/data-legend-styling/package.json b/samples/charts/data-chart/data-legend-styling/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/data-legend-styling/package.json
+++ b/samples/charts/data-chart/data-legend-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/data-legend/package.json b/samples/charts/data-chart/data-legend/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/data-legend/package.json
+++ b/samples/charts/data-chart/data-legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 86c87245d..3dc6b57aa 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
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/data-tooltip-grouping/package.json b/samples/charts/data-chart/data-tooltip-grouping/package.json
index 86c87245d..3dc6b57aa 100644
--- a/samples/charts/data-chart/data-tooltip-grouping/package.json
+++ b/samples/charts/data-chart/data-tooltip-grouping/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/data-tooltip-styling/package.json b/samples/charts/data-chart/data-tooltip-styling/package.json
index 86c87245d..3dc6b57aa 100644
--- a/samples/charts/data-chart/data-tooltip-styling/package.json
+++ b/samples/charts/data-chart/data-tooltip-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/data-tooltip/package.json b/samples/charts/data-chart/data-tooltip/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/data-tooltip/package.json
+++ b/samples/charts/data-chart/data-tooltip/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 ac3fce935..5d933c6ee 100644
--- a/samples/charts/data-chart/final-value-layer-styling/package.json
+++ b/samples/charts/data-chart/final-value-layer-styling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/financial-price-series/package.json b/samples/charts/data-chart/financial-price-series/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/financial-price-series/package.json
+++ b/samples/charts/data-chart/financial-price-series/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/format-specifiers/package.json b/samples/charts/data-chart/format-specifiers/package.json
index 0e1c9f378..dbe051090 100644
--- a/samples/charts/data-chart/format-specifiers/package.json
+++ b/samples/charts/data-chart/format-specifiers/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/legends/package.json b/samples/charts/data-chart/legends/package.json
index 3c1b6f694..302bdfedb 100644
--- a/samples/charts/data-chart/legends/package.json
+++ b/samples/charts/data-chart/legends/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/polar-area-chart-styling/package.json
+++ b/samples/charts/data-chart/polar-area-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/polar-area-chart/package.json b/samples/charts/data-chart/polar-area-chart/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/polar-area-chart/package.json
+++ b/samples/charts/data-chart/polar-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/polar-chart-types/package.json b/samples/charts/data-chart/polar-chart-types/package.json
index 4a9cb1839..0a5eb2f1e 100644
--- a/samples/charts/data-chart/polar-chart-types/package.json
+++ b/samples/charts/data-chart/polar-chart-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/polar-line-chart/package.json b/samples/charts/data-chart/polar-line-chart/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/polar-line-chart/package.json
+++ b/samples/charts/data-chart/polar-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/polar-scatter-chart/package.json b/samples/charts/data-chart/polar-scatter-chart/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/polar-scatter-chart/package.json
+++ b/samples/charts/data-chart/polar-scatter-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/polar-spline-area-chart/package.json
+++ b/samples/charts/data-chart/polar-spline-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/polar-spline-chart/package.json b/samples/charts/data-chart/polar-spline-chart/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/polar-spline-chart/package.json
+++ b/samples/charts/data-chart/polar-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/radial-area-chart-styling/package.json
+++ b/samples/charts/data-chart/radial-area-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/radial-area-chart/package.json b/samples/charts/data-chart/radial-area-chart/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/radial-area-chart/package.json
+++ b/samples/charts/data-chart/radial-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/radial-chart-types/package.json b/samples/charts/data-chart/radial-chart-types/package.json
index fcf68e18a..c06387bb2 100644
--- a/samples/charts/data-chart/radial-chart-types/package.json
+++ b/samples/charts/data-chart/radial-chart-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/radial-column-chart-selection/package.json
+++ b/samples/charts/data-chart/radial-column-chart-selection/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/radial-column-chart/package.json b/samples/charts/data-chart/radial-column-chart/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/radial-column-chart/package.json
+++ b/samples/charts/data-chart/radial-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/radial-label-mode/package.json b/samples/charts/data-chart/radial-label-mode/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/data-chart/radial-label-mode/package.json
+++ b/samples/charts/data-chart/radial-label-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/radial-line-chart/package.json b/samples/charts/data-chart/radial-line-chart/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/radial-line-chart/package.json
+++ b/samples/charts/data-chart/radial-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/radial-pie-chart/package.json b/samples/charts/data-chart/radial-pie-chart/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/radial-pie-chart/package.json
+++ b/samples/charts/data-chart/radial-pie-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 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
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 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
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/range-area-chart/package.json b/samples/charts/data-chart/range-area-chart/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/range-area-chart/package.json
+++ b/samples/charts/data-chart/range-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/range-column-chart/package.json b/samples/charts/data-chart/range-column-chart/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/range-column-chart/package.json
+++ b/samples/charts/data-chart/range-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 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
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 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
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 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
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/scatter-line-chart/package.json b/samples/charts/data-chart/scatter-line-chart/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/scatter-line-chart/package.json
+++ b/samples/charts/data-chart/scatter-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/scatter-point-chart/package.json b/samples/charts/data-chart/scatter-point-chart/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/scatter-point-chart/package.json
+++ b/samples/charts/data-chart/scatter-point-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/scatter-spline-chart/package.json b/samples/charts/data-chart/scatter-spline-chart/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/scatter-spline-chart/package.json
+++ b/samples/charts/data-chart/scatter-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/selection-matcher/package.json b/samples/charts/data-chart/selection-matcher/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/selection-matcher/package.json
+++ b/samples/charts/data-chart/selection-matcher/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/series-animations/package.json b/samples/charts/data-chart/series-animations/package.json
index c437cfdf1..9aff3cccf 100644
--- a/samples/charts/data-chart/series-animations/package.json
+++ b/samples/charts/data-chart/series-animations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/series-annotations/package.json b/samples/charts/data-chart/series-annotations/package.json
index 400927f66..ca9fd4890 100644
--- a/samples/charts/data-chart/series-annotations/package.json
+++ b/samples/charts/data-chart/series-annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/series-error-bars/package.json b/samples/charts/data-chart/series-error-bars/package.json
index 4cdb68115..d4ed5d83d 100644
--- a/samples/charts/data-chart/series-error-bars/package.json
+++ b/samples/charts/data-chart/series-error-bars/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/series-highlighting/package.json b/samples/charts/data-chart/series-highlighting/package.json
index cb2a19419..2c7607f81 100644
--- a/samples/charts/data-chart/series-highlighting/package.json
+++ b/samples/charts/data-chart/series-highlighting/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/series-marker-template/package.json b/samples/charts/data-chart/series-marker-template/package.json
index 9c6183f34..c586477d3 100644
--- a/samples/charts/data-chart/series-marker-template/package.json
+++ b/samples/charts/data-chart/series-marker-template/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/series-markers/package.json b/samples/charts/data-chart/series-markers/package.json
index f04338568..890a7e1f8 100644
--- a/samples/charts/data-chart/series-markers/package.json
+++ b/samples/charts/data-chart/series-markers/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/series-tooltips/package.json b/samples/charts/data-chart/series-tooltips/package.json
index 202648a7c..326a84ecd 100644
--- a/samples/charts/data-chart/series-tooltips/package.json
+++ b/samples/charts/data-chart/series-tooltips/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/series-trendlines/package.json b/samples/charts/data-chart/series-trendlines/package.json
index 64dd8bea7..b54d6f8ff 100644
--- a/samples/charts/data-chart/series-trendlines/package.json
+++ b/samples/charts/data-chart/series-trendlines/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/series-value-overlay/package.json b/samples/charts/data-chart/series-value-overlay/package.json
index caa8040bc..b4f16322d 100644
--- a/samples/charts/data-chart/series-value-overlay/package.json
+++ b/samples/charts/data-chart/series-value-overlay/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/stacked-100-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/stacked-100-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-bar-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/stacked-100-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/stacked-100-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 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
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/stacked-100-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/stacked-area-chart/package.json b/samples/charts/data-chart/stacked-area-chart/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/stacked-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/stacked-bar-chart/package.json b/samples/charts/data-chart/stacked-bar-chart/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/stacked-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-bar-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/stacked-chart-types/package.json b/samples/charts/data-chart/stacked-chart-types/package.json
index 845b3f2e0..bb7656a42 100644
--- a/samples/charts/data-chart/stacked-chart-types/package.json
+++ b/samples/charts/data-chart/stacked-chart-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/stacked-column-chart/package.json b/samples/charts/data-chart/stacked-column-chart/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/stacked-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/stacked-line-chart/package.json b/samples/charts/data-chart/stacked-line-chart/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/stacked-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/stacked-spline-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/stacked-spline-chart/package.json b/samples/charts/data-chart/stacked-spline-chart/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/stacked-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/tooltip-template/package.json b/samples/charts/data-chart/tooltip-template/package.json
index 3970eb808..f6ab21b98 100644
--- a/samples/charts/data-chart/tooltip-template/package.json
+++ b/samples/charts/data-chart/tooltip-template/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/transition-event/package.json b/samples/charts/data-chart/transition-event/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/data-chart/transition-event/package.json
+++ b/samples/charts/data-chart/transition-event/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/trendline-layer/package.json b/samples/charts/data-chart/trendline-layer/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/trendline-layer/package.json
+++ b/samples/charts/data-chart/trendline-layer/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 7486b7b94..30cc54665 100644
--- a/samples/charts/data-chart/type-financial-candlestick-series/package.json
+++ b/samples/charts/data-chart/type-financial-candlestick-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/type-financial-indicator-column/package.json b/samples/charts/data-chart/type-financial-indicator-column/package.json
index b77ec7962..f8b6663a2 100644
--- a/samples/charts/data-chart/type-financial-indicator-column/package.json
+++ b/samples/charts/data-chart/type-financial-indicator-column/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/type-financial-indicator-line/package.json b/samples/charts/data-chart/type-financial-indicator-line/package.json
index d29966e62..32e46361a 100644
--- a/samples/charts/data-chart/type-financial-indicator-line/package.json
+++ b/samples/charts/data-chart/type-financial-indicator-line/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 2854ff093..b55c17a78 100644
--- a/samples/charts/data-chart/type-financial-ohlc-series/package.json
+++ b/samples/charts/data-chart/type-financial-ohlc-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/type-financial-overlays/package.json b/samples/charts/data-chart/type-financial-overlays/package.json
index f32c20558..c0996a866 100644
--- a/samples/charts/data-chart/type-financial-overlays/package.json
+++ b/samples/charts/data-chart/type-financial-overlays/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/type-financial-series/package.json b/samples/charts/data-chart/type-financial-series/package.json
index ec08aeae6..ca9d7be7b 100644
--- a/samples/charts/data-chart/type-financial-series/package.json
+++ b/samples/charts/data-chart/type-financial-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 34cd9d36c..7e886110c 100644
--- a/samples/charts/data-chart/type-range-area-series/package.json
+++ b/samples/charts/data-chart/type-range-area-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 e33c1897e..c796ead92 100644
--- a/samples/charts/data-chart/type-range-column-series/package.json
+++ b/samples/charts/data-chart/type-range-column-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/type-range-series/package.json b/samples/charts/data-chart/type-range-series/package.json
index 5726cbb45..5de37c5ba 100644
--- a/samples/charts/data-chart/type-range-series/package.json
+++ b/samples/charts/data-chart/type-range-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 ab3f18f62..cd2d90af4 100644
--- a/samples/charts/data-chart/type-scatter-area-series/package.json
+++ b/samples/charts/data-chart/type-scatter-area-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 9f67f9093..92c995ef4 100644
--- a/samples/charts/data-chart/type-scatter-bubble-series/package.json
+++ b/samples/charts/data-chart/type-scatter-bubble-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 987568ea8..dc51c9240 100644
--- a/samples/charts/data-chart/type-scatter-contour-series/package.json
+++ b/samples/charts/data-chart/type-scatter-contour-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 7bd3cc290..26540babf 100644
--- a/samples/charts/data-chart/type-scatter-hd-series/package.json
+++ b/samples/charts/data-chart/type-scatter-hd-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 65e511ddb..1c80f260f 100644
--- a/samples/charts/data-chart/type-scatter-polygon-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polygon-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 f11815c57..f8887527e 100644
--- a/samples/charts/data-chart/type-scatter-polyline-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polyline-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/type-scatter-series/package.json b/samples/charts/data-chart/type-scatter-series/package.json
index 6cc00446a..a197f8f04 100644
--- a/samples/charts/data-chart/type-scatter-series/package.json
+++ b/samples/charts/data-chart/type-scatter-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/type-shape-series/package.json b/samples/charts/data-chart/type-shape-series/package.json
index 7ec99922f..d4ce35f5d 100644
--- a/samples/charts/data-chart/type-shape-series/package.json
+++ b/samples/charts/data-chart/type-shape-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-chart/waterfall-chart/package.json b/samples/charts/data-chart/waterfall-chart/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-chart/waterfall-chart/package.json
+++ b/samples/charts/data-chart/waterfall-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-pie-chart/animation-replay/package.json b/samples/charts/data-pie-chart/animation-replay/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/data-pie-chart/animation-replay/package.json
+++ b/samples/charts/data-pie-chart/animation-replay/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-pie-chart/animation/package.json b/samples/charts/data-pie-chart/animation/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/data-pie-chart/animation/package.json
+++ b/samples/charts/data-pie-chart/animation/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-pie-chart/highlight-filter/package.json b/samples/charts/data-pie-chart/highlight-filter/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-pie-chart/highlight-filter/package.json
+++ b/samples/charts/data-pie-chart/highlight-filter/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-pie-chart/highlighting/package.json b/samples/charts/data-pie-chart/highlighting/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/data-pie-chart/highlighting/package.json
+++ b/samples/charts/data-pie-chart/highlighting/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-pie-chart/legend/package.json b/samples/charts/data-pie-chart/legend/package.json
index 86c87245d..3dc6b57aa 100644
--- a/samples/charts/data-pie-chart/legend/package.json
+++ b/samples/charts/data-pie-chart/legend/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-pie-chart/others/package.json b/samples/charts/data-pie-chart/others/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/data-pie-chart/others/package.json
+++ b/samples/charts/data-pie-chart/others/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-pie-chart/overview/package.json b/samples/charts/data-pie-chart/overview/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/data-pie-chart/overview/package.json
+++ b/samples/charts/data-pie-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/data-pie-chart/selection/package.json b/samples/charts/data-pie-chart/selection/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/data-pie-chart/selection/package.json
+++ b/samples/charts/data-pie-chart/selection/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/doughnut-chart/animation/package.json b/samples/charts/doughnut-chart/animation/package.json
index 76cccb66a..7109a0335 100644
--- a/samples/charts/doughnut-chart/animation/package.json
+++ b/samples/charts/doughnut-chart/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/doughnut-chart/explosion/package.json b/samples/charts/doughnut-chart/explosion/package.json
index 47580d5e9..2e6f718e1 100644
--- a/samples/charts/doughnut-chart/explosion/package.json
+++ b/samples/charts/doughnut-chart/explosion/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/doughnut-chart/legend/package.json b/samples/charts/doughnut-chart/legend/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/doughnut-chart/legend/package.json
+++ b/samples/charts/doughnut-chart/legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/doughnut-chart/overview/package.json b/samples/charts/doughnut-chart/overview/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/doughnut-chart/overview/package.json
+++ b/samples/charts/doughnut-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/doughnut-chart/rings/package.json b/samples/charts/doughnut-chart/rings/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/doughnut-chart/rings/package.json
+++ b/samples/charts/doughnut-chart/rings/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/doughnut-chart/selection/package.json b/samples/charts/doughnut-chart/selection/package.json
index 6d9618491..62f496575 100644
--- a/samples/charts/doughnut-chart/selection/package.json
+++ b/samples/charts/doughnut-chart/selection/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/annotations/package.json b/samples/charts/financial-chart/annotations/package.json
index 8ae3a3d70..fa532fd53 100644
--- a/samples/charts/financial-chart/annotations/package.json
+++ b/samples/charts/financial-chart/annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/axis-types/package.json b/samples/charts/financial-chart/axis-types/package.json
index e20dfa051..64b35d690 100644
--- a/samples/charts/financial-chart/axis-types/package.json
+++ b/samples/charts/financial-chart/axis-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/financial-chart/data-legend-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-legend-formatting-currency/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/financial-chart/data-legend-styling-props/package.json
+++ b/samples/charts/financial-chart/data-legend-styling-props/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/data-legend/package.json b/samples/charts/financial-chart/data-legend/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/financial-chart/data-legend/package.json
+++ b/samples/charts/financial-chart/data-legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 19455663a..5749f3cf4 100644
--- a/samples/charts/financial-chart/data-tooltip-styling-props/package.json
+++ b/samples/charts/financial-chart/data-tooltip-styling-props/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/data-tooltip/package.json b/samples/charts/financial-chart/data-tooltip/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/financial-chart/data-tooltip/package.json
+++ b/samples/charts/financial-chart/data-tooltip/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/format-specifiers/package.json b/samples/charts/financial-chart/format-specifiers/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/financial-chart/format-specifiers/package.json
+++ b/samples/charts/financial-chart/format-specifiers/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/high-frequency/package.json b/samples/charts/financial-chart/high-frequency/package.json
index b899bcc01..e012c323d 100644
--- a/samples/charts/financial-chart/high-frequency/package.json
+++ b/samples/charts/financial-chart/high-frequency/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/high-volume/package.json b/samples/charts/financial-chart/high-volume/package.json
index 26ecf79cd..4db663d70 100644
--- a/samples/charts/financial-chart/high-volume/package.json
+++ b/samples/charts/financial-chart/high-volume/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/indicator-customization/package.json b/samples/charts/financial-chart/indicator-customization/package.json
index b9810dbcf..0883dbf11 100644
--- a/samples/charts/financial-chart/indicator-customization/package.json
+++ b/samples/charts/financial-chart/indicator-customization/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/indicator-types/package.json b/samples/charts/financial-chart/indicator-types/package.json
index 1f1f34197..aae5e87b5 100644
--- a/samples/charts/financial-chart/indicator-types/package.json
+++ b/samples/charts/financial-chart/indicator-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/multiple-data/package.json b/samples/charts/financial-chart/multiple-data/package.json
index 0f52c20dc..e2ecbde4a 100644
--- a/samples/charts/financial-chart/multiple-data/package.json
+++ b/samples/charts/financial-chart/multiple-data/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/overview/package.json b/samples/charts/financial-chart/overview/package.json
index 2171a89eb..b0ff1fd8c 100644
--- a/samples/charts/financial-chart/overview/package.json
+++ b/samples/charts/financial-chart/overview/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/panes/package.json b/samples/charts/financial-chart/panes/package.json
index e5f9aa8bf..7cc0d459a 100644
--- a/samples/charts/financial-chart/panes/package.json
+++ b/samples/charts/financial-chart/panes/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/performance/package.json b/samples/charts/financial-chart/performance/package.json
index b6029d5a6..6e2dc3f70 100644
--- a/samples/charts/financial-chart/performance/package.json
+++ b/samples/charts/financial-chart/performance/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/scrollbars/package.json b/samples/charts/financial-chart/scrollbars/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/financial-chart/scrollbars/package.json
+++ b/samples/charts/financial-chart/scrollbars/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/stock-index-chart/package.json b/samples/charts/financial-chart/stock-index-chart/package.json
index 4028b51f5..2a8c7cdd7 100644
--- a/samples/charts/financial-chart/stock-index-chart/package.json
+++ b/samples/charts/financial-chart/stock-index-chart/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/styling/package.json b/samples/charts/financial-chart/styling/package.json
index 2dce5ad8f..8570d1b8e 100644
--- a/samples/charts/financial-chart/styling/package.json
+++ b/samples/charts/financial-chart/styling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/titles/package.json b/samples/charts/financial-chart/titles/package.json
index 2efb77804..a0a55befb 100644
--- a/samples/charts/financial-chart/titles/package.json
+++ b/samples/charts/financial-chart/titles/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/tooltip-types/package.json b/samples/charts/financial-chart/tooltip-types/package.json
index 7b93cd3c4..a5ac09931 100644
--- a/samples/charts/financial-chart/tooltip-types/package.json
+++ b/samples/charts/financial-chart/tooltip-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/trendlines/package.json b/samples/charts/financial-chart/trendlines/package.json
index a57bc2a7c..2cee6574e 100644
--- a/samples/charts/financial-chart/trendlines/package.json
+++ b/samples/charts/financial-chart/trendlines/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/financial-chart/volume-types/package.json b/samples/charts/financial-chart/volume-types/package.json
index 525145dcb..8241eeba3 100644
--- a/samples/charts/financial-chart/volume-types/package.json
+++ b/samples/charts/financial-chart/volume-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/pie-chart/animation/package.json b/samples/charts/pie-chart/animation/package.json
index da45ba946..d1ee4b3e5 100644
--- a/samples/charts/pie-chart/animation/package.json
+++ b/samples/charts/pie-chart/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/pie-chart/explosion/package.json b/samples/charts/pie-chart/explosion/package.json
index cb2331379..78d47ac70 100644
--- a/samples/charts/pie-chart/explosion/package.json
+++ b/samples/charts/pie-chart/explosion/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/pie-chart/legend/package.json b/samples/charts/pie-chart/legend/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/pie-chart/legend/package.json
+++ b/samples/charts/pie-chart/legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/pie-chart/others/package.json b/samples/charts/pie-chart/others/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/pie-chart/others/package.json
+++ b/samples/charts/pie-chart/others/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/pie-chart/overview/package.json b/samples/charts/pie-chart/overview/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/pie-chart/overview/package.json
+++ b/samples/charts/pie-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/pie-chart/selection/package.json b/samples/charts/pie-chart/selection/package.json
index a35a406ae..3d6771d42 100644
--- a/samples/charts/pie-chart/selection/package.json
+++ b/samples/charts/pie-chart/selection/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/pie-chart/styling/package.json b/samples/charts/pie-chart/styling/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/pie-chart/styling/package.json
+++ b/samples/charts/pie-chart/styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/sparkline/display-area/package.json b/samples/charts/sparkline/display-area/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/sparkline/display-area/package.json
+++ b/samples/charts/sparkline/display-area/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/sparkline/display-column/package.json b/samples/charts/sparkline/display-column/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/sparkline/display-column/package.json
+++ b/samples/charts/sparkline/display-column/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/sparkline/display-lines/package.json b/samples/charts/sparkline/display-lines/package.json
index 86c87245d..3dc6b57aa 100644
--- a/samples/charts/sparkline/display-lines/package.json
+++ b/samples/charts/sparkline/display-lines/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/sparkline/display-types/package.json b/samples/charts/sparkline/display-types/package.json
index fe443148a..4db9789c7 100644
--- a/samples/charts/sparkline/display-types/package.json
+++ b/samples/charts/sparkline/display-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/sparkline/display-winloss/package.json b/samples/charts/sparkline/display-winloss/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/sparkline/display-winloss/package.json
+++ b/samples/charts/sparkline/display-winloss/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/sparkline/grid/package.json b/samples/charts/sparkline/grid/package.json
index ba4c08d61..a0d96bdf4 100644
--- a/samples/charts/sparkline/grid/package.json
+++ b/samples/charts/sparkline/grid/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/sparkline/markers/package.json b/samples/charts/sparkline/markers/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/sparkline/markers/package.json
+++ b/samples/charts/sparkline/markers/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/sparkline/normal-range/package.json b/samples/charts/sparkline/normal-range/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/sparkline/normal-range/package.json
+++ b/samples/charts/sparkline/normal-range/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/sparkline/trendlines/package.json b/samples/charts/sparkline/trendlines/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/sparkline/trendlines/package.json
+++ b/samples/charts/sparkline/trendlines/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/sparkline/unknown-values/package.json b/samples/charts/sparkline/unknown-values/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/sparkline/unknown-values/package.json
+++ b/samples/charts/sparkline/unknown-values/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 28423c3a5..60b19a94d 100644
--- a/samples/charts/toolbar/actions-built-in-category-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-category-chart/package.json
@@ -23,11 +23,11 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 86c87245d..3dc6b57aa 100644
--- a/samples/charts/toolbar/actions-built-in-data-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-data-chart/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/toolbar/color-editor-support/package.json b/samples/charts/toolbar/color-editor-support/package.json
index 86c87245d..3dc6b57aa 100644
--- a/samples/charts/toolbar/color-editor-support/package.json
+++ b/samples/charts/toolbar/color-editor-support/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/toolbar/custom-tool/package.json b/samples/charts/toolbar/custom-tool/package.json
index 86c87245d..3dc6b57aa 100644
--- a/samples/charts/toolbar/custom-tool/package.json
+++ b/samples/charts/toolbar/custom-tool/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 86c87245d..3dc6b57aa 100644
--- a/samples/charts/toolbar/layout-actions-for-data-chart/package.json
+++ b/samples/charts/toolbar/layout-actions-for-data-chart/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/toolbar/layout-in-vertical-orientation/package.json b/samples/charts/toolbar/layout-in-vertical-orientation/package.json
index 86c87245d..3dc6b57aa 100644
--- a/samples/charts/toolbar/layout-in-vertical-orientation/package.json
+++ b/samples/charts/toolbar/layout-in-vertical-orientation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/toolbar/theming/package.json b/samples/charts/toolbar/theming/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/toolbar/theming/package.json
+++ b/samples/charts/toolbar/theming/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/tree-map/events/package.json b/samples/charts/tree-map/events/package.json
index 314ab268a..c8f58c87a 100644
--- a/samples/charts/tree-map/events/package.json
+++ b/samples/charts/tree-map/events/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/tree-map/highlighting-percent-based/package.json b/samples/charts/tree-map/highlighting-percent-based/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/tree-map/highlighting-percent-based/package.json
+++ b/samples/charts/tree-map/highlighting-percent-based/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/tree-map/highlighting/package.json b/samples/charts/tree-map/highlighting/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/tree-map/highlighting/package.json
+++ b/samples/charts/tree-map/highlighting/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/tree-map/layout/package.json b/samples/charts/tree-map/layout/package.json
index fa83aacb2..ede42e2b2 100644
--- a/samples/charts/tree-map/layout/package.json
+++ b/samples/charts/tree-map/layout/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/tree-map/overview/package.json b/samples/charts/tree-map/overview/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/tree-map/overview/package.json
+++ b/samples/charts/tree-map/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/tree-map/styling/package.json b/samples/charts/tree-map/styling/package.json
index 19455663a..5749f3cf4 100644
--- a/samples/charts/tree-map/styling/package.json
+++ b/samples/charts/tree-map/styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/charts/zoomslider/overview/package.json b/samples/charts/zoomslider/overview/package.json
index 972078d63..76c74d2ba 100644
--- a/samples/charts/zoomslider/overview/package.json
+++ b/samples/charts/zoomslider/overview/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/editors/multi-column-combobox/overview/package.json b/samples/editors/multi-column-combobox/overview/package.json
index 0cf10d3c4..c115dd2e6 100644
--- a/samples/editors/multi-column-combobox/overview/package.json
+++ b/samples/editors/multi-column-combobox/overview/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/editors/x-date-picker/date-limits/package.json b/samples/editors/x-date-picker/date-limits/package.json
index 9cc915c2d..4a381ed5f 100644
--- a/samples/editors/x-date-picker/date-limits/package.json
+++ b/samples/editors/x-date-picker/date-limits/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/editors/x-date-picker/editing/package.json b/samples/editors/x-date-picker/editing/package.json
index e803cc891..806dbc2f3 100644
--- a/samples/editors/x-date-picker/editing/package.json
+++ b/samples/editors/x-date-picker/editing/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/editors/x-date-picker/format/package.json b/samples/editors/x-date-picker/format/package.json
index 3ab653f66..0b852f69c 100644
--- a/samples/editors/x-date-picker/format/package.json
+++ b/samples/editors/x-date-picker/format/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/editors/x-date-picker/overview/package.json b/samples/editors/x-date-picker/overview/package.json
index dc99daf63..9adecafa3 100644
--- a/samples/editors/x-date-picker/overview/package.json
+++ b/samples/editors/x-date-picker/overview/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/editors/x-date-picker/range/package.json b/samples/editors/x-date-picker/range/package.json
index 684dc1e2f..0ff50ed5f 100644
--- a/samples/editors/x-date-picker/range/package.json
+++ b/samples/editors/x-date-picker/range/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/excel/excel-library/operations-on-workbooks/package.json b/samples/excel/excel-library/operations-on-workbooks/package.json
index fc4ee8353..d8d60ebe1 100644
--- a/samples/excel/excel-library/operations-on-workbooks/package.json
+++ b/samples/excel/excel-library/operations-on-workbooks/package.json
@@ -25,11 +25,11 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/excel/excel-library/operations-on-worksheets/package.json b/samples/excel/excel-library/operations-on-worksheets/package.json
index b582a1c73..f8ea59c60 100644
--- a/samples/excel/excel-library/operations-on-worksheets/package.json
+++ b/samples/excel/excel-library/operations-on-worksheets/package.json
@@ -25,8 +25,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/excel/excel-library/overview/package.json b/samples/excel/excel-library/overview/package.json
index deadfe781..265f8e24e 100644
--- a/samples/excel/excel-library/overview/package.json
+++ b/samples/excel/excel-library/overview/package.json
@@ -25,8 +25,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/excel/excel-library/working-with-cells/package.json b/samples/excel/excel-library/working-with-cells/package.json
index 4f0fa3627..f7760d280 100644
--- a/samples/excel/excel-library/working-with-cells/package.json
+++ b/samples/excel/excel-library/working-with-cells/package.json
@@ -25,8 +25,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/excel/excel-library/working-with-charts/package.json b/samples/excel/excel-library/working-with-charts/package.json
index 22c22203b..ae3167bc1 100644
--- a/samples/excel/excel-library/working-with-charts/package.json
+++ b/samples/excel/excel-library/working-with-charts/package.json
@@ -25,12 +25,12 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/excel/excel-library/working-with-sparklines/package.json b/samples/excel/excel-library/working-with-sparklines/package.json
index 14c09a81a..2abe55d4e 100644
--- a/samples/excel/excel-library/working-with-sparklines/package.json
+++ b/samples/excel/excel-library/working-with-sparklines/package.json
@@ -25,12 +25,12 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/excel/spreadsheet/activation/package.json b/samples/excel/spreadsheet/activation/package.json
index af354f7a8..9ae65af07 100644
--- a/samples/excel/spreadsheet/activation/package.json
+++ b/samples/excel/spreadsheet/activation/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
+    "igniteui-webcomponents-spreadsheet": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/excel/spreadsheet/adapter-chart/package.json b/samples/excel/spreadsheet/adapter-chart/package.json
index 62d89f286..9735bccaf 100644
--- a/samples/excel/spreadsheet/adapter-chart/package.json
+++ b/samples/excel/spreadsheet/adapter-chart/package.json
@@ -25,11 +25,11 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "6.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet-chart-adapter": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
+    "igniteui-webcomponents-spreadsheet": "6.2.1",
+    "igniteui-webcomponents-spreadsheet-chart-adapter": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/excel/spreadsheet/adapter-combo/package.json b/samples/excel/spreadsheet/adapter-combo/package.json
index c5bd62e79..e7584cfec 100644
--- a/samples/excel/spreadsheet/adapter-combo/package.json
+++ b/samples/excel/spreadsheet/adapter-combo/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "6.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet-chart-adapter": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
+    "igniteui-webcomponents-spreadsheet": "6.2.1",
+    "igniteui-webcomponents-spreadsheet-chart-adapter": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/excel/spreadsheet/clipboard/package.json b/samples/excel/spreadsheet/clipboard/package.json
index 9daaaba4d..98022a464 100644
--- a/samples/excel/spreadsheet/clipboard/package.json
+++ b/samples/excel/spreadsheet/clipboard/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
+    "igniteui-webcomponents-spreadsheet": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/excel/spreadsheet/commands/package.json b/samples/excel/spreadsheet/commands/package.json
index b06a15f19..778e8a831 100644
--- a/samples/excel/spreadsheet/commands/package.json
+++ b/samples/excel/spreadsheet/commands/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
+    "igniteui-webcomponents-spreadsheet": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/excel/spreadsheet/conditional-formatting/package.json b/samples/excel/spreadsheet/conditional-formatting/package.json
index 0fee47e05..1cd5accec 100644
--- a/samples/excel/spreadsheet/conditional-formatting/package.json
+++ b/samples/excel/spreadsheet/conditional-formatting/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
+    "igniteui-webcomponents-spreadsheet": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/excel/spreadsheet/config-options/package.json b/samples/excel/spreadsheet/config-options/package.json
index 7cf1290d1..f942bf421 100644
--- a/samples/excel/spreadsheet/config-options/package.json
+++ b/samples/excel/spreadsheet/config-options/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
+    "igniteui-webcomponents-spreadsheet": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/excel/spreadsheet/data-validation/package.json b/samples/excel/spreadsheet/data-validation/package.json
index f33c352d6..b17da294b 100644
--- a/samples/excel/spreadsheet/data-validation/package.json
+++ b/samples/excel/spreadsheet/data-validation/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
+    "igniteui-webcomponents-spreadsheet": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/excel/spreadsheet/filter-dialog/package.json b/samples/excel/spreadsheet/filter-dialog/package.json
index 9f380bc7b..a3e456f05 100644
--- a/samples/excel/spreadsheet/filter-dialog/package.json
+++ b/samples/excel/spreadsheet/filter-dialog/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
+    "igniteui-webcomponents-spreadsheet": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/excel/spreadsheet/format-dialog/package.json b/samples/excel/spreadsheet/format-dialog/package.json
index 13d168954..85beb5c9a 100644
--- a/samples/excel/spreadsheet/format-dialog/package.json
+++ b/samples/excel/spreadsheet/format-dialog/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
+    "igniteui-webcomponents-spreadsheet": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/excel/spreadsheet/hyperlinks/package.json b/samples/excel/spreadsheet/hyperlinks/package.json
index 7d3c5fc17..2fc1117ad 100644
--- a/samples/excel/spreadsheet/hyperlinks/package.json
+++ b/samples/excel/spreadsheet/hyperlinks/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
+    "igniteui-webcomponents-spreadsheet": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/excel/spreadsheet/overview/package.json b/samples/excel/spreadsheet/overview/package.json
index f6546fe36..318ea5d58 100644
--- a/samples/excel/spreadsheet/overview/package.json
+++ b/samples/excel/spreadsheet/overview/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
+    "igniteui-webcomponents-spreadsheet": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/excel/spreadsheet/sort-dialog/package.json b/samples/excel/spreadsheet/sort-dialog/package.json
index 8fe84d146..1876c2987 100644
--- a/samples/excel/spreadsheet/sort-dialog/package.json
+++ b/samples/excel/spreadsheet/sort-dialog/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-excel": "6.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-excel": "6.2.1",
+    "igniteui-webcomponents-spreadsheet": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/bullet-graph/animation/package.json b/samples/gauges/bullet-graph/animation/package.json
index 7e66fdaa1..adb51c7ef 100644
--- a/samples/gauges/bullet-graph/animation/package.json
+++ b/samples/gauges/bullet-graph/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/bullet-graph/background/package.json b/samples/gauges/bullet-graph/background/package.json
index 52391b6e8..bc4b6ad53 100644
--- a/samples/gauges/bullet-graph/background/package.json
+++ b/samples/gauges/bullet-graph/background/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/bullet-graph/highlight-needle/package.json b/samples/gauges/bullet-graph/highlight-needle/package.json
index e3db1c921..11ba56a40 100644
--- a/samples/gauges/bullet-graph/highlight-needle/package.json
+++ b/samples/gauges/bullet-graph/highlight-needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/bullet-graph/labels/package.json b/samples/gauges/bullet-graph/labels/package.json
index 21bded687..900dc5f7f 100644
--- a/samples/gauges/bullet-graph/labels/package.json
+++ b/samples/gauges/bullet-graph/labels/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/bullet-graph/measures/package.json b/samples/gauges/bullet-graph/measures/package.json
index 60c7361c3..9320d9d17 100644
--- a/samples/gauges/bullet-graph/measures/package.json
+++ b/samples/gauges/bullet-graph/measures/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/bullet-graph/ranges/package.json b/samples/gauges/bullet-graph/ranges/package.json
index 5fe7cedc5..16e40ec7d 100644
--- a/samples/gauges/bullet-graph/ranges/package.json
+++ b/samples/gauges/bullet-graph/ranges/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/bullet-graph/scale/package.json b/samples/gauges/bullet-graph/scale/package.json
index 77e9cd54d..a66a250e8 100644
--- a/samples/gauges/bullet-graph/scale/package.json
+++ b/samples/gauges/bullet-graph/scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/bullet-graph/tickmarks/package.json b/samples/gauges/bullet-graph/tickmarks/package.json
index cd17f5021..e8ae6ce31 100644
--- a/samples/gauges/bullet-graph/tickmarks/package.json
+++ b/samples/gauges/bullet-graph/tickmarks/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/bullet-graph/type-filled/package.json b/samples/gauges/bullet-graph/type-filled/package.json
index 238b69c16..7053fba67 100644
--- a/samples/gauges/bullet-graph/type-filled/package.json
+++ b/samples/gauges/bullet-graph/type-filled/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/bullet-graph/type-horizontal/package.json b/samples/gauges/bullet-graph/type-horizontal/package.json
index 64f9742ca..9ffdd2354 100644
--- a/samples/gauges/bullet-graph/type-horizontal/package.json
+++ b/samples/gauges/bullet-graph/type-horizontal/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/bullet-graph/type-reversed/package.json b/samples/gauges/bullet-graph/type-reversed/package.json
index 03744ac0f..a0642a21e 100644
--- a/samples/gauges/bullet-graph/type-reversed/package.json
+++ b/samples/gauges/bullet-graph/type-reversed/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/bullet-graph/type-segmented/package.json b/samples/gauges/bullet-graph/type-segmented/package.json
index 1180b9f04..92154f8c2 100644
--- a/samples/gauges/bullet-graph/type-segmented/package.json
+++ b/samples/gauges/bullet-graph/type-segmented/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/bullet-graph/type-vertical/package.json b/samples/gauges/bullet-graph/type-vertical/package.json
index d003f196c..2c1a30768 100644
--- a/samples/gauges/bullet-graph/type-vertical/package.json
+++ b/samples/gauges/bullet-graph/type-vertical/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/linear-gauge/animation/package.json b/samples/gauges/linear-gauge/animation/package.json
index d8f4e4adb..e03e3b0fe 100644
--- a/samples/gauges/linear-gauge/animation/package.json
+++ b/samples/gauges/linear-gauge/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/linear-gauge/backing/package.json b/samples/gauges/linear-gauge/backing/package.json
index d3ad02216..1e58713e1 100644
--- a/samples/gauges/linear-gauge/backing/package.json
+++ b/samples/gauges/linear-gauge/backing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/linear-gauge/highlight-needle/package.json b/samples/gauges/linear-gauge/highlight-needle/package.json
index 7ae649336..2d30cd8c0 100644
--- a/samples/gauges/linear-gauge/highlight-needle/package.json
+++ b/samples/gauges/linear-gauge/highlight-needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/linear-gauge/labels/package.json b/samples/gauges/linear-gauge/labels/package.json
index 5273f3524..31201dc91 100644
--- a/samples/gauges/linear-gauge/labels/package.json
+++ b/samples/gauges/linear-gauge/labels/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/linear-gauge/needle/package.json b/samples/gauges/linear-gauge/needle/package.json
index cf34fabaa..4ca84c3cd 100644
--- a/samples/gauges/linear-gauge/needle/package.json
+++ b/samples/gauges/linear-gauge/needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/linear-gauge/ranges/package.json b/samples/gauges/linear-gauge/ranges/package.json
index d7651c800..809d003a5 100644
--- a/samples/gauges/linear-gauge/ranges/package.json
+++ b/samples/gauges/linear-gauge/ranges/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/linear-gauge/scale/package.json b/samples/gauges/linear-gauge/scale/package.json
index 67dc2f715..6f11ba0c0 100644
--- a/samples/gauges/linear-gauge/scale/package.json
+++ b/samples/gauges/linear-gauge/scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/linear-gauge/tickmarks/package.json b/samples/gauges/linear-gauge/tickmarks/package.json
index 4796d21fd..57e4e5b68 100644
--- a/samples/gauges/linear-gauge/tickmarks/package.json
+++ b/samples/gauges/linear-gauge/tickmarks/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/linear-gauge/type-curved/package.json b/samples/gauges/linear-gauge/type-curved/package.json
index 4b5e52813..4e485a854 100644
--- a/samples/gauges/linear-gauge/type-curved/package.json
+++ b/samples/gauges/linear-gauge/type-curved/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/linear-gauge/type-filled/package.json b/samples/gauges/linear-gauge/type-filled/package.json
index 81beef3a9..9ab747a7e 100644
--- a/samples/gauges/linear-gauge/type-filled/package.json
+++ b/samples/gauges/linear-gauge/type-filled/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/linear-gauge/type-horizontal/package.json b/samples/gauges/linear-gauge/type-horizontal/package.json
index 454dcb493..106d6e19f 100644
--- a/samples/gauges/linear-gauge/type-horizontal/package.json
+++ b/samples/gauges/linear-gauge/type-horizontal/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/linear-gauge/type-multi-range/package.json b/samples/gauges/linear-gauge/type-multi-range/package.json
index 1959e2d20..c6564ecf1 100644
--- a/samples/gauges/linear-gauge/type-multi-range/package.json
+++ b/samples/gauges/linear-gauge/type-multi-range/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/linear-gauge/type-multi-scale/package.json b/samples/gauges/linear-gauge/type-multi-scale/package.json
index adbb20802..b10b201fd 100644
--- a/samples/gauges/linear-gauge/type-multi-scale/package.json
+++ b/samples/gauges/linear-gauge/type-multi-scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/linear-gauge/type-segmented/package.json b/samples/gauges/linear-gauge/type-segmented/package.json
index b64fcefb2..129d7269d 100644
--- a/samples/gauges/linear-gauge/type-segmented/package.json
+++ b/samples/gauges/linear-gauge/type-segmented/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/linear-gauge/type-vertical/package.json b/samples/gauges/linear-gauge/type-vertical/package.json
index 0f94d7eb3..22e7d67e3 100644
--- a/samples/gauges/linear-gauge/type-vertical/package.json
+++ b/samples/gauges/linear-gauge/type-vertical/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/radial-gauge/animation/package.json b/samples/gauges/radial-gauge/animation/package.json
index 4379b8436..336fb0118 100644
--- a/samples/gauges/radial-gauge/animation/package.json
+++ b/samples/gauges/radial-gauge/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/radial-gauge/backing/package.json b/samples/gauges/radial-gauge/backing/package.json
index 8e12c8cff..32747ca52 100644
--- a/samples/gauges/radial-gauge/backing/package.json
+++ b/samples/gauges/radial-gauge/backing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/radial-gauge/highlight-needle/package.json b/samples/gauges/radial-gauge/highlight-needle/package.json
index 1d40f578f..ff2d16fd4 100644
--- a/samples/gauges/radial-gauge/highlight-needle/package.json
+++ b/samples/gauges/radial-gauge/highlight-needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/radial-gauge/labels/package.json b/samples/gauges/radial-gauge/labels/package.json
index 459f51e06..8c77f7fd5 100644
--- a/samples/gauges/radial-gauge/labels/package.json
+++ b/samples/gauges/radial-gauge/labels/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/radial-gauge/needle/package.json b/samples/gauges/radial-gauge/needle/package.json
index f0dad5da6..8cb635776 100644
--- a/samples/gauges/radial-gauge/needle/package.json
+++ b/samples/gauges/radial-gauge/needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/radial-gauge/optical-scaling/package.json b/samples/gauges/radial-gauge/optical-scaling/package.json
index 43509ec3c..8f5e19903 100644
--- a/samples/gauges/radial-gauge/optical-scaling/package.json
+++ b/samples/gauges/radial-gauge/optical-scaling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.45.1",
     "deasync": "^0.1.30",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/radial-gauge/ranges/package.json b/samples/gauges/radial-gauge/ranges/package.json
index 1d3327986..0e633c1f8 100644
--- a/samples/gauges/radial-gauge/ranges/package.json
+++ b/samples/gauges/radial-gauge/ranges/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/radial-gauge/scale/package.json b/samples/gauges/radial-gauge/scale/package.json
index f8ee3caf8..202789eb7 100644
--- a/samples/gauges/radial-gauge/scale/package.json
+++ b/samples/gauges/radial-gauge/scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/radial-gauge/tickmarks/package.json b/samples/gauges/radial-gauge/tickmarks/package.json
index 3d6b716f6..976128376 100644
--- a/samples/gauges/radial-gauge/tickmarks/package.json
+++ b/samples/gauges/radial-gauge/tickmarks/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/radial-gauge/type-column/package.json b/samples/gauges/radial-gauge/type-column/package.json
index 128f8a8ef..0d7e2ad25 100644
--- a/samples/gauges/radial-gauge/type-column/package.json
+++ b/samples/gauges/radial-gauge/type-column/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/radial-gauge/type-curved/package.json b/samples/gauges/radial-gauge/type-curved/package.json
index 006f2bd6c..b7f0b0179 100644
--- a/samples/gauges/radial-gauge/type-curved/package.json
+++ b/samples/gauges/radial-gauge/type-curved/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/radial-gauge/type-direction/package.json b/samples/gauges/radial-gauge/type-direction/package.json
index 0adfc4f7f..14a13d64b 100644
--- a/samples/gauges/radial-gauge/type-direction/package.json
+++ b/samples/gauges/radial-gauge/type-direction/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/radial-gauge/type-full/package.json b/samples/gauges/radial-gauge/type-full/package.json
index 805bb5540..d423f7946 100644
--- a/samples/gauges/radial-gauge/type-full/package.json
+++ b/samples/gauges/radial-gauge/type-full/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/radial-gauge/type-half/package.json b/samples/gauges/radial-gauge/type-half/package.json
index 9f0c55324..8c2b77a58 100644
--- a/samples/gauges/radial-gauge/type-half/package.json
+++ b/samples/gauges/radial-gauge/type-half/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/radial-gauge/type-quatre/package.json b/samples/gauges/radial-gauge/type-quatre/package.json
index 1c6839d87..c81c0b77c 100644
--- a/samples/gauges/radial-gauge/type-quatre/package.json
+++ b/samples/gauges/radial-gauge/type-quatre/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/radial-gauge/type-ring/package.json b/samples/gauges/radial-gauge/type-ring/package.json
index 49523330f..f1d9d7e85 100644
--- a/samples/gauges/radial-gauge/type-ring/package.json
+++ b/samples/gauges/radial-gauge/type-ring/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/radial-gauge/type-segmented/package.json b/samples/gauges/radial-gauge/type-segmented/package.json
index e1c3ad0a2..aa6664971 100644
--- a/samples/gauges/radial-gauge/type-segmented/package.json
+++ b/samples/gauges/radial-gauge/type-segmented/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/gauges/radial-gauge/type-semi/package.json b/samples/gauges/radial-gauge/type-semi/package.json
index 316aba76f..5473cd835 100644
--- a/samples/gauges/radial-gauge/type-semi/package.json
+++ b/samples/gauges/radial-gauge/type-semi/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/accessibility/package.json b/samples/grids/data-grid/accessibility/package.json
index d361648aa..fa0b57c29 100644
--- a/samples/grids/data-grid/accessibility/package.json
+++ b/samples/grids/data-grid/accessibility/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/binding-data-service/package.json b/samples/grids/data-grid/binding-data-service/package.json
index e237a8b95..f76190f2d 100644
--- a/samples/grids/data-grid/binding-data-service/package.json
+++ b/samples/grids/data-grid/binding-data-service/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/binding-live-data/package.json b/samples/grids/data-grid/binding-live-data/package.json
index 0aefbb825..39383bcd3 100644
--- a/samples/grids/data-grid/binding-live-data/package.json
+++ b/samples/grids/data-grid/binding-live-data/package.json
@@ -29,11 +29,11 @@
     "@webcomponents/webcomponentsjs": "2.3.0",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/binding-local-data/package.json b/samples/grids/data-grid/binding-local-data/package.json
index b209e71ba..ffaed65d9 100644
--- a/samples/grids/data-grid/binding-local-data/package.json
+++ b/samples/grids/data-grid/binding-local-data/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/binding-remote-data/package.json b/samples/grids/data-grid/binding-remote-data/package.json
index 126922917..cdd2fc3bc 100644
--- a/samples/grids/data-grid/binding-remote-data/package.json
+++ b/samples/grids/data-grid/binding-remote-data/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-datasources": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-datasources": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/cell-activation/package.json b/samples/grids/data-grid/cell-activation/package.json
index 68094ce32..0aef3ea74 100644
--- a/samples/grids/data-grid/cell-activation/package.json
+++ b/samples/grids/data-grid/cell-activation/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/cell-editing/package.json b/samples/grids/data-grid/cell-editing/package.json
index 4f9c25be1..84f0ec944 100644
--- a/samples/grids/data-grid/cell-editing/package.json
+++ b/samples/grids/data-grid/cell-editing/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/cell-merging/package.json b/samples/grids/data-grid/cell-merging/package.json
index 62d458aa5..e6fff6eaa 100644
--- a/samples/grids/data-grid/cell-merging/package.json
+++ b/samples/grids/data-grid/cell-merging/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-datasources": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-datasources": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/cell-selection/package.json b/samples/grids/data-grid/cell-selection/package.json
index 7268ffa4a..100e59ee4 100644
--- a/samples/grids/data-grid/cell-selection/package.json
+++ b/samples/grids/data-grid/cell-selection/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/column-animation/package.json b/samples/grids/data-grid/column-animation/package.json
index 84395086f..a7aef1bf4 100644
--- a/samples/grids/data-grid/column-animation/package.json
+++ b/samples/grids/data-grid/column-animation/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/column-chooser-picker/package.json b/samples/grids/data-grid/column-chooser-picker/package.json
index e09c61496..2c584ba5f 100644
--- a/samples/grids/data-grid/column-chooser-picker/package.json
+++ b/samples/grids/data-grid/column-chooser-picker/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/column-chooser-toolbar/package.json b/samples/grids/data-grid/column-chooser-toolbar/package.json
index 6c17a7dfb..f378769b2 100644
--- a/samples/grids/data-grid/column-chooser-toolbar/package.json
+++ b/samples/grids/data-grid/column-chooser-toolbar/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/column-filter-expressions/package.json b/samples/grids/data-grid/column-filter-expressions/package.json
index 917532e6f..78c373077 100644
--- a/samples/grids/data-grid/column-filter-expressions/package.json
+++ b/samples/grids/data-grid/column-filter-expressions/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/column-filter-operands/package.json b/samples/grids/data-grid/column-filter-operands/package.json
index 4688cf980..e74ac7bb1 100644
--- a/samples/grids/data-grid/column-filter-operands/package.json
+++ b/samples/grids/data-grid/column-filter-operands/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/column-filtering/package.json b/samples/grids/data-grid/column-filtering/package.json
index 43f4290fb..405a3bb69 100644
--- a/samples/grids/data-grid/column-filtering/package.json
+++ b/samples/grids/data-grid/column-filtering/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/column-moving/package.json b/samples/grids/data-grid/column-moving/package.json
index cd496194b..57aca9ead 100644
--- a/samples/grids/data-grid/column-moving/package.json
+++ b/samples/grids/data-grid/column-moving/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/column-options/package.json b/samples/grids/data-grid/column-options/package.json
index 13eb5d22d..30feaa8f1 100644
--- a/samples/grids/data-grid/column-options/package.json
+++ b/samples/grids/data-grid/column-options/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/column-pinning-picker/package.json b/samples/grids/data-grid/column-pinning-picker/package.json
index dba23eeff..7549bee51 100644
--- a/samples/grids/data-grid/column-pinning-picker/package.json
+++ b/samples/grids/data-grid/column-pinning-picker/package.json
@@ -25,10 +25,10 @@
     "@webcomponents/webcomponentsjs": "2.3.0",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/column-pinning-toolbar/package.json b/samples/grids/data-grid/column-pinning-toolbar/package.json
index 8788f3b04..738a0ac0b 100644
--- a/samples/grids/data-grid/column-pinning-toolbar/package.json
+++ b/samples/grids/data-grid/column-pinning-toolbar/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/column-resizing/package.json b/samples/grids/data-grid/column-resizing/package.json
index e8726aba1..3491043fe 100644
--- a/samples/grids/data-grid/column-resizing/package.json
+++ b/samples/grids/data-grid/column-resizing/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/column-scrolling/package.json b/samples/grids/data-grid/column-scrolling/package.json
index 9e0d49f38..1a59e2616 100644
--- a/samples/grids/data-grid/column-scrolling/package.json
+++ b/samples/grids/data-grid/column-scrolling/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/column-sorting/package.json b/samples/grids/data-grid/column-sorting/package.json
index 2b6cbc41a..02cc5d8fc 100644
--- a/samples/grids/data-grid/column-sorting/package.json
+++ b/samples/grids/data-grid/column-sorting/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/column-summaries/package.json b/samples/grids/data-grid/column-summaries/package.json
index fb7d80715..197551dd8 100644
--- a/samples/grids/data-grid/column-summaries/package.json
+++ b/samples/grids/data-grid/column-summaries/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/column-types/package.json b/samples/grids/data-grid/column-types/package.json
index a4026c107..9afb725eb 100644
--- a/samples/grids/data-grid/column-types/package.json
+++ b/samples/grids/data-grid/column-types/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/load-save-layout/package.json b/samples/grids/data-grid/load-save-layout/package.json
index 8ab6a0b72..dd8d9fa85 100644
--- a/samples/grids/data-grid/load-save-layout/package.json
+++ b/samples/grids/data-grid/load-save-layout/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/localization/package.json b/samples/grids/data-grid/localization/package.json
index 6078f77f4..7cee19fe8 100644
--- a/samples/grids/data-grid/localization/package.json
+++ b/samples/grids/data-grid/localization/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/overview/package.json b/samples/grids/data-grid/overview/package.json
index dd960dae7..ca37407ae 100644
--- a/samples/grids/data-grid/overview/package.json
+++ b/samples/grids/data-grid/overview/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/pager/package.json b/samples/grids/data-grid/pager/package.json
index 363d7d8fe..93e3c15e4 100644
--- a/samples/grids/data-grid/pager/package.json
+++ b/samples/grids/data-grid/pager/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/performance/package.json b/samples/grids/data-grid/performance/package.json
index ce83cb30a..5596434b8 100644
--- a/samples/grids/data-grid/performance/package.json
+++ b/samples/grids/data-grid/performance/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/row-group-descriptions/package.json b/samples/grids/data-grid/row-group-descriptions/package.json
index ed212dc57..522b8b617 100644
--- a/samples/grids/data-grid/row-group-descriptions/package.json
+++ b/samples/grids/data-grid/row-group-descriptions/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/row-grouping/package.json b/samples/grids/data-grid/row-grouping/package.json
index ed212dc57..522b8b617 100644
--- a/samples/grids/data-grid/row-grouping/package.json
+++ b/samples/grids/data-grid/row-grouping/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/row-highlighting/package.json b/samples/grids/data-grid/row-highlighting/package.json
index 9934dfd00..8f4e52a2f 100644
--- a/samples/grids/data-grid/row-highlighting/package.json
+++ b/samples/grids/data-grid/row-highlighting/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/row-paging/package.json b/samples/grids/data-grid/row-paging/package.json
index ebfc05992..92d268589 100644
--- a/samples/grids/data-grid/row-paging/package.json
+++ b/samples/grids/data-grid/row-paging/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/row-pinning/package.json b/samples/grids/data-grid/row-pinning/package.json
index 3a0521f74..d11347ea6 100644
--- a/samples/grids/data-grid/row-pinning/package.json
+++ b/samples/grids/data-grid/row-pinning/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/row-selection/package.json b/samples/grids/data-grid/row-selection/package.json
index 7268ffa4a..100e59ee4 100644
--- a/samples/grids/data-grid/row-selection/package.json
+++ b/samples/grids/data-grid/row-selection/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/type-comparison-table/package.json b/samples/grids/data-grid/type-comparison-table/package.json
index f6568febe..b8e08ef28 100644
--- a/samples/grids/data-grid/type-comparison-table/package.json
+++ b/samples/grids/data-grid/type-comparison-table/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-datasources": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-datasources": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/type-heatmap-table/package.json b/samples/grids/data-grid/type-heatmap-table/package.json
index 6e19734ab..9701fe32e 100644
--- a/samples/grids/data-grid/type-heatmap-table/package.json
+++ b/samples/grids/data-grid/type-heatmap-table/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/type-marketing-table/package.json b/samples/grids/data-grid/type-marketing-table/package.json
index c1d32f145..6d9ef0a57 100644
--- a/samples/grids/data-grid/type-marketing-table/package.json
+++ b/samples/grids/data-grid/type-marketing-table/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/type-matrix-table/package.json b/samples/grids/data-grid/type-matrix-table/package.json
index f3f3dc396..bd4dc6ee8 100644
--- a/samples/grids/data-grid/type-matrix-table/package.json
+++ b/samples/grids/data-grid/type-matrix-table/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/type-periodic-table/package.json b/samples/grids/data-grid/type-periodic-table/package.json
index 9f07f48e9..1938312d9 100644
--- a/samples/grids/data-grid/type-periodic-table/package.json
+++ b/samples/grids/data-grid/type-periodic-table/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/data-grid/type-table/package.json b/samples/grids/data-grid/type-table/package.json
index 86476c6cb..53c32dbc8 100644
--- a/samples/grids/data-grid/type-table/package.json
+++ b/samples/grids/data-grid/type-table/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-data-grids": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-data-grids": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/action-strip/package.json b/samples/grids/grid/action-strip/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/action-strip/package.json
+++ b/samples/grids/grid/action-strip/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/advanced-filtering-options/package.json b/samples/grids/grid/advanced-filtering-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/advanced-filtering-options/package.json
+++ b/samples/grids/grid/advanced-filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/advanced-filtering-style/package.json b/samples/grids/grid/advanced-filtering-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/advanced-filtering-style/package.json
+++ b/samples/grids/grid/advanced-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/binding-composite-data/package.json b/samples/grids/grid/binding-composite-data/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/binding-composite-data/package.json
+++ b/samples/grids/grid/binding-composite-data/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/binding-crud-data/package.json b/samples/grids/grid/binding-crud-data/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/binding-crud-data/package.json
+++ b/samples/grids/grid/binding-crud-data/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/binding-nested-data-1/package.json b/samples/grids/grid/binding-nested-data-1/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/binding-nested-data-1/package.json
+++ b/samples/grids/grid/binding-nested-data-1/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/cascading-combo/package.json b/samples/grids/grid/cascading-combo/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/cascading-combo/package.json
+++ b/samples/grids/grid/cascading-combo/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/cell-editing-sample/package.json b/samples/grids/grid/cell-editing-sample/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/cell-editing-sample/package.json
+++ b/samples/grids/grid/cell-editing-sample/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/cell-editing-styling/package.json b/samples/grids/grid/cell-editing-styling/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/cell-editing-styling/package.json
+++ b/samples/grids/grid/cell-editing-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/cell-selection-mode/package.json b/samples/grids/grid/cell-selection-mode/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/cell-selection-mode/package.json
+++ b/samples/grids/grid/cell-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/cell-selection-style/package.json b/samples/grids/grid/cell-selection-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/cell-selection-style/package.json
+++ b/samples/grids/grid/cell-selection-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/change-icons-custom/package.json b/samples/grids/grid/change-icons-custom/package.json
index 145b00c43..34ab75e9f 100644
--- a/samples/grids/grid/change-icons-custom/package.json
+++ b/samples/grids/grid/change-icons-custom/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/clipboard-operations/package.json b/samples/grids/grid/clipboard-operations/package.json
index 145b00c43..34ab75e9f 100644
--- a/samples/grids/grid/clipboard-operations/package.json
+++ b/samples/grids/grid/clipboard-operations/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-auto-sizing/package.json b/samples/grids/grid/column-auto-sizing/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/column-auto-sizing/package.json
+++ b/samples/grids/grid/column-auto-sizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-collapsible-groups/package.json b/samples/grids/grid/column-collapsible-groups/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/column-collapsible-groups/package.json
+++ b/samples/grids/grid/column-collapsible-groups/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-data-types/package.json b/samples/grids/grid/column-data-types/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/column-data-types/package.json
+++ b/samples/grids/grid/column-data-types/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-hiding-options/package.json b/samples/grids/grid/column-hiding-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/column-hiding-options/package.json
+++ b/samples/grids/grid/column-hiding-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-hiding-toolbar-style/package.json b/samples/grids/grid/column-hiding-toolbar-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/grid/column-hiding-toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-hiding-toolbar/package.json b/samples/grids/grid/column-hiding-toolbar/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/column-hiding-toolbar/package.json
+++ b/samples/grids/grid/column-hiding-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-moving-options/package.json b/samples/grids/grid/column-moving-options/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/column-moving-options/package.json
+++ b/samples/grids/grid/column-moving-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-moving-styles/package.json b/samples/grids/grid/column-moving-styles/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/column-moving-styles/package.json
+++ b/samples/grids/grid/column-moving-styles/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-pinning-options/package.json b/samples/grids/grid/column-pinning-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/column-pinning-options/package.json
+++ b/samples/grids/grid/column-pinning-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-pinning-right-side/package.json b/samples/grids/grid/column-pinning-right-side/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/column-pinning-right-side/package.json
+++ b/samples/grids/grid/column-pinning-right-side/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-pinning-styles/package.json b/samples/grids/grid/column-pinning-styles/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/column-pinning-styles/package.json
+++ b/samples/grids/grid/column-pinning-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-pinning/package.json b/samples/grids/grid/column-pinning/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/column-pinning/package.json
+++ b/samples/grids/grid/column-pinning/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-resize-styling/package.json b/samples/grids/grid/column-resize-styling/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/column-resize-styling/package.json
+++ b/samples/grids/grid/column-resize-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-resizing/package.json b/samples/grids/grid/column-resizing/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/column-resizing/package.json
+++ b/samples/grids/grid/column-resizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-selection-group/package.json b/samples/grids/grid/column-selection-group/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/column-selection-group/package.json
+++ b/samples/grids/grid/column-selection-group/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-selection-mode/package.json b/samples/grids/grid/column-selection-mode/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/column-selection-mode/package.json
+++ b/samples/grids/grid/column-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-selection-styles/package.json b/samples/grids/grid/column-selection-styles/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/column-selection-styles/package.json
+++ b/samples/grids/grid/column-selection-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-sorting-indicators/package.json b/samples/grids/grid/column-sorting-indicators/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/column-sorting-indicators/package.json
+++ b/samples/grids/grid/column-sorting-indicators/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-sorting-options/package.json b/samples/grids/grid/column-sorting-options/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/column-sorting-options/package.json
+++ b/samples/grids/grid/column-sorting-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/column-sorting-style/package.json b/samples/grids/grid/column-sorting-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/column-sorting-style/package.json
+++ b/samples/grids/grid/column-sorting-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/conditional-cell-style-1/package.json b/samples/grids/grid/conditional-cell-style-1/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/conditional-cell-style-1/package.json
+++ b/samples/grids/grid/conditional-cell-style-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/conditional-cell-style-2/package.json b/samples/grids/grid/conditional-cell-style-2/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/conditional-cell-style-2/package.json
+++ b/samples/grids/grid/conditional-cell-style-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/conditional-row-selectors/package.json b/samples/grids/grid/conditional-row-selectors/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/conditional-row-selectors/package.json
+++ b/samples/grids/grid/conditional-row-selectors/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/custom-context-menu/package.json b/samples/grids/grid/custom-context-menu/package.json
index 145b00c43..34ab75e9f 100644
--- a/samples/grids/grid/custom-context-menu/package.json
+++ b/samples/grids/grid/custom-context-menu/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/custom-filtering/package.json b/samples/grids/grid/custom-filtering/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/grid/custom-filtering/package.json
+++ b/samples/grids/grid/custom-filtering/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/data-batch-editing-actions/package.json b/samples/grids/grid/data-batch-editing-actions/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/data-batch-editing-actions/package.json
+++ b/samples/grids/grid/data-batch-editing-actions/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/data-exporting-indicator/package.json b/samples/grids/grid/data-exporting-indicator/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/grid/data-exporting-indicator/package.json
+++ b/samples/grids/grid/data-exporting-indicator/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/data-paste-options/package.json b/samples/grids/grid/data-paste-options/package.json
index 145b00c43..34ab75e9f 100644
--- a/samples/grids/grid/data-paste-options/package.json
+++ b/samples/grids/grid/data-paste-options/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/data-performance-virtualization/package.json b/samples/grids/grid/data-performance-virtualization/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/data-performance-virtualization/package.json
+++ b/samples/grids/grid/data-performance-virtualization/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/data-searching/package.json b/samples/grids/grid/data-searching/package.json
index 145b00c43..34ab75e9f 100644
--- a/samples/grids/grid/data-searching/package.json
+++ b/samples/grids/grid/data-searching/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/data-summaries-custom/package.json b/samples/grids/grid/data-summaries-custom/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/grid/data-summaries-custom/package.json
+++ b/samples/grids/grid/data-summaries-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/data-summary-formatter/package.json b/samples/grids/grid/data-summary-formatter/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/data-summary-formatter/package.json
+++ b/samples/grids/grid/data-summary-formatter/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/data-summary-options/package.json b/samples/grids/grid/data-summary-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/data-summary-options/package.json
+++ b/samples/grids/grid/data-summary-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/data-summary-template/package.json b/samples/grids/grid/data-summary-template/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/data-summary-template/package.json
+++ b/samples/grids/grid/data-summary-template/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/data-validation-style/package.json b/samples/grids/grid/data-validation-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/data-validation-style/package.json
+++ b/samples/grids/grid/data-validation-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/data-validator-service-cross-field/package.json
+++ b/samples/grids/grid/data-validator-service-cross-field/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/data-validator-service-extended/package.json b/samples/grids/grid/data-validator-service-extended/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/data-validator-service-extended/package.json
+++ b/samples/grids/grid/data-validator-service-extended/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/data-validator-service/package.json b/samples/grids/grid/data-validator-service/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/data-validator-service/package.json
+++ b/samples/grids/grid/data-validator-service/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/disabled-summaries/package.json b/samples/grids/grid/disabled-summaries/package.json
index a5b2bdf63..6dac59b4e 100644
--- a/samples/grids/grid/disabled-summaries/package.json
+++ b/samples/grids/grid/disabled-summaries/package.json
@@ -25,10 +25,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/editing-columns/package.json b/samples/grids/grid/editing-columns/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/editing-columns/package.json
+++ b/samples/grids/grid/editing-columns/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/editing-events/package.json b/samples/grids/grid/editing-events/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/editing-events/package.json
+++ b/samples/grids/grid/editing-events/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/editing-excel-style-custom/package.json b/samples/grids/grid/editing-excel-style-custom/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/grid/editing-excel-style-custom/package.json
+++ b/samples/grids/grid/editing-excel-style-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/editing-excel-style/package.json b/samples/grids/grid/editing-excel-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/editing-excel-style/package.json
+++ b/samples/grids/grid/editing-excel-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/editing-lifecycle/package.json b/samples/grids/grid/editing-lifecycle/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/editing-lifecycle/package.json
+++ b/samples/grids/grid/editing-lifecycle/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/excel-exporting/package.json b/samples/grids/grid/excel-exporting/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/excel-exporting/package.json
+++ b/samples/grids/grid/excel-exporting/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-1/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/excel-style-filtering-style/package.json b/samples/grids/grid/excel-style-filtering-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/excel-style-filtering-style/package.json
+++ b/samples/grids/grid/excel-style-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/external-advanced-filtering/package.json b/samples/grids/grid/external-advanced-filtering/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/external-advanced-filtering/package.json
+++ b/samples/grids/grid/external-advanced-filtering/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/filtering-options/package.json b/samples/grids/grid/filtering-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/filtering-options/package.json
+++ b/samples/grids/grid/filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/filtering-strategy/package.json b/samples/grids/grid/filtering-strategy/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/filtering-strategy/package.json
+++ b/samples/grids/grid/filtering-strategy/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/filtering-style/package.json b/samples/grids/grid/filtering-style/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/filtering-style/package.json
+++ b/samples/grids/grid/filtering-style/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/finjs/package.json b/samples/grids/grid/finjs/package.json
index c720a450e..af30d2f93 100644
--- a/samples/grids/grid/finjs/package.json
+++ b/samples/grids/grid/finjs/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/groupby-custom/package.json b/samples/grids/grid/groupby-custom/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/grid/groupby-custom/package.json
+++ b/samples/grids/grid/groupby-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/groupby-expressions/package.json b/samples/grids/grid/groupby-expressions/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/groupby-expressions/package.json
+++ b/samples/grids/grid/groupby-expressions/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/groupby-paging/package.json b/samples/grids/grid/groupby-paging/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/groupby-paging/package.json
+++ b/samples/grids/grid/groupby-paging/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/groupby-styling/package.json b/samples/grids/grid/groupby-styling/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/groupby-styling/package.json
+++ b/samples/grids/grid/groupby-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/groupby-summary-options/package.json b/samples/grids/grid/groupby-summary-options/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/groupby-summary-options/package.json
+++ b/samples/grids/grid/groupby-summary-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/groupby-summary-styling/package.json b/samples/grids/grid/groupby-summary-styling/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/groupby-summary-styling/package.json
+++ b/samples/grids/grid/groupby-summary-styling/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/infinite-scroll/package.json b/samples/grids/grid/infinite-scroll/package.json
index f4ac9d30a..7b81d5734 100644
--- a/samples/grids/grid/infinite-scroll/package.json
+++ b/samples/grids/grid/infinite-scroll/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "rxjs": "7.8.1",
     "tslib": "^2.0.0"
diff --git a/samples/grids/grid/keyboard-custom-navigation/package.json b/samples/grids/grid/keyboard-custom-navigation/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/keyboard-custom-navigation/package.json
+++ b/samples/grids/grid/keyboard-custom-navigation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/keyboard-mrl-navigation/package.json b/samples/grids/grid/keyboard-mrl-navigation/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/keyboard-mrl-navigation/package.json
+++ b/samples/grids/grid/keyboard-mrl-navigation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/keyboard-navigation-guide/package.json b/samples/grids/grid/keyboard-navigation-guide/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/grid/keyboard-navigation-guide/package.json
+++ b/samples/grids/grid/keyboard-navigation-guide/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/layout-display-density/package.json b/samples/grids/grid/layout-display-density/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/layout-display-density/package.json
+++ b/samples/grids/grid/layout-display-density/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/master-detail/package.json b/samples/grids/grid/master-detail/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/master-detail/package.json
+++ b/samples/grids/grid/master-detail/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/multi-cell-selection-mode/package.json b/samples/grids/grid/multi-cell-selection-mode/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/grid/multi-cell-selection-mode/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/multi-column-headers-export/package.json b/samples/grids/grid/multi-column-headers-export/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/multi-column-headers-export/package.json
+++ b/samples/grids/grid/multi-column-headers-export/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/multi-column-headers-overview/package.json b/samples/grids/grid/multi-column-headers-overview/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/multi-column-headers-overview/package.json
+++ b/samples/grids/grid/multi-column-headers-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/multi-column-headers-styling/package.json b/samples/grids/grid/multi-column-headers-styling/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/multi-column-headers-styling/package.json
+++ b/samples/grids/grid/multi-column-headers-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/multi-column-headers-template/package.json b/samples/grids/grid/multi-column-headers-template/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/multi-column-headers-template/package.json
+++ b/samples/grids/grid/multi-column-headers-template/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/multi-row-layout-options/package.json b/samples/grids/grid/multi-row-layout-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/multi-row-layout-options/package.json
+++ b/samples/grids/grid/multi-row-layout-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/multi-row-layout-style/package.json b/samples/grids/grid/multi-row-layout-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/multi-row-layout-style/package.json
+++ b/samples/grids/grid/multi-row-layout-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/overview/package.json b/samples/grids/grid/overview/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/overview/package.json
+++ b/samples/grids/grid/overview/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/paste/package.json b/samples/grids/grid/paste/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/paste/package.json
+++ b/samples/grids/grid/paste/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/remote-paging-data/package.json b/samples/grids/grid/remote-paging-data/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/remote-paging-data/package.json
+++ b/samples/grids/grid/remote-paging-data/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/remote-paging-grid/package.json b/samples/grids/grid/remote-paging-grid/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/grid/remote-paging-grid/package.json
+++ b/samples/grids/grid/remote-paging-grid/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/row-adding/package.json b/samples/grids/grid/row-adding/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/row-adding/package.json
+++ b/samples/grids/grid/row-adding/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/row-classes/package.json b/samples/grids/grid/row-classes/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/row-classes/package.json
+++ b/samples/grids/grid/row-classes/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/row-drag-base/package.json b/samples/grids/grid/row-drag-base/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/grid/row-drag-base/package.json
+++ b/samples/grids/grid/row-drag-base/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/row-editing-options/package.json b/samples/grids/grid/row-editing-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/row-editing-options/package.json
+++ b/samples/grids/grid/row-editing-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/row-editing-style/package.json b/samples/grids/grid/row-editing-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/row-editing-style/package.json
+++ b/samples/grids/grid/row-editing-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/row-paging-basic/package.json b/samples/grids/grid/row-paging-basic/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/row-paging-basic/package.json
+++ b/samples/grids/grid/row-paging-basic/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/row-paging-options/package.json b/samples/grids/grid/row-paging-options/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/row-paging-options/package.json
+++ b/samples/grids/grid/row-paging-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/row-pinning-drag/package.json b/samples/grids/grid/row-pinning-drag/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/row-pinning-drag/package.json
+++ b/samples/grids/grid/row-pinning-drag/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/row-pinning-extra-column/package.json b/samples/grids/grid/row-pinning-extra-column/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/row-pinning-extra-column/package.json
+++ b/samples/grids/grid/row-pinning-extra-column/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/row-pinning-options/package.json b/samples/grids/grid/row-pinning-options/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/row-pinning-options/package.json
+++ b/samples/grids/grid/row-pinning-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/row-pinning-style/package.json b/samples/grids/grid/row-pinning-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/row-pinning-style/package.json
+++ b/samples/grids/grid/row-pinning-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/row-reorder/package.json b/samples/grids/grid/row-reorder/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/row-reorder/package.json
+++ b/samples/grids/grid/row-reorder/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/row-selection-mode/package.json b/samples/grids/grid/row-selection-mode/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/row-selection-mode/package.json
+++ b/samples/grids/grid/row-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/row-selection-template-excel/package.json b/samples/grids/grid/row-selection-template-excel/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/row-selection-template-excel/package.json
+++ b/samples/grids/grid/row-selection-template-excel/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/row-selection-template-numbers/package.json b/samples/grids/grid/row-selection-template-numbers/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/row-selection-template-numbers/package.json
+++ b/samples/grids/grid/row-selection-template-numbers/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/row-styles/package.json b/samples/grids/grid/row-styles/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/grid/row-styles/package.json
+++ b/samples/grids/grid/row-styles/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/state-persistence-about/package.json b/samples/grids/grid/state-persistence-about/package.json
index 145b00c43..34ab75e9f 100644
--- a/samples/grids/grid/state-persistence-about/package.json
+++ b/samples/grids/grid/state-persistence-about/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/state-persistence-main/package.json b/samples/grids/grid/state-persistence-main/package.json
index 145b00c43..34ab75e9f 100644
--- a/samples/grids/grid/state-persistence-main/package.json
+++ b/samples/grids/grid/state-persistence-main/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/styling-custom-CSS/package.json b/samples/grids/grid/styling-custom-CSS/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/styling-custom-CSS/package.json
+++ b/samples/grids/grid/styling-custom-CSS/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/toolbar-sample-1/package.json b/samples/grids/grid/toolbar-sample-1/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/toolbar-sample-1/package.json
+++ b/samples/grids/grid/toolbar-sample-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/toolbar-sample-2/package.json b/samples/grids/grid/toolbar-sample-2/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/toolbar-sample-2/package.json
+++ b/samples/grids/grid/toolbar-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/toolbar-sample-3/package.json b/samples/grids/grid/toolbar-sample-3/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/toolbar-sample-3/package.json
+++ b/samples/grids/grid/toolbar-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/toolbar-sample-4/package.json b/samples/grids/grid/toolbar-sample-4/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/grid/toolbar-sample-4/package.json
+++ b/samples/grids/grid/toolbar-sample-4/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/grid/toolbar-style/package.json b/samples/grids/grid/toolbar-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/grid/toolbar-style/package.json
+++ b/samples/grids/grid/toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/action-strip/package.json b/samples/grids/hierarchical-grid/action-strip/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/action-strip/package.json
+++ b/samples/grids/hierarchical-grid/action-strip/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
+++ b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/cell-editing-sample/package.json b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/hierarchical-grid/cell-editing-sample/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/cell-editing-styling/package.json b/samples/grids/hierarchical-grid/cell-editing-styling/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/cell-editing-styling/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/cell-selection-mode/package.json b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/hierarchical-grid/cell-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/cell-selection-overview/package.json b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/hierarchical-grid/cell-selection-overview/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/cell-selection-style/package.json b/samples/grids/hierarchical-grid/cell-selection-style/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/hierarchical-grid/cell-selection-style/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-style/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/cell-selection-styling/package.json b/samples/grids/hierarchical-grid/cell-selection-styling/package.json
index 145b00c43..34ab75e9f 100644
--- a/samples/grids/hierarchical-grid/cell-selection-styling/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-styling/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/column-auto-sizing/package.json b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/hierarchical-grid/column-auto-sizing/package.json
+++ b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
+++ b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/column-moving-options/package.json b/samples/grids/hierarchical-grid/column-moving-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/column-moving-options/package.json
+++ b/samples/grids/hierarchical-grid/column-moving-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/column-moving-styles/package.json b/samples/grids/hierarchical-grid/column-moving-styles/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/column-moving-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-moving-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/column-pinning-options/package.json b/samples/grids/hierarchical-grid/column-pinning-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/column-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/column-pinning-styles/package.json b/samples/grids/hierarchical-grid/column-pinning-styles/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/column-pinning-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/column-pinning/package.json b/samples/grids/hierarchical-grid/column-pinning/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/column-pinning/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/column-resize-styling/package.json b/samples/grids/hierarchical-grid/column-resize-styling/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/column-resize-styling/package.json
+++ b/samples/grids/hierarchical-grid/column-resize-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/column-resizing/package.json b/samples/grids/hierarchical-grid/column-resizing/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/column-resizing/package.json
+++ b/samples/grids/hierarchical-grid/column-resizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/column-selection-group/package.json b/samples/grids/hierarchical-grid/column-selection-group/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/column-selection-group/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-group/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/column-selection-mode/package.json b/samples/grids/hierarchical-grid/column-selection-mode/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/hierarchical-grid/column-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/column-selection-styles/package.json b/samples/grids/hierarchical-grid/column-selection-styles/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/column-selection-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/column-sorting-options/package.json b/samples/grids/hierarchical-grid/column-sorting-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/column-sorting-options/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/column-sorting-style/package.json b/samples/grids/hierarchical-grid/column-sorting-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/column-sorting-style/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
+++ b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/custom-filtering/package.json b/samples/grids/hierarchical-grid/custom-filtering/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/custom-filtering/package.json
+++ b/samples/grids/hierarchical-grid/custom-filtering/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
+++ b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
+++ b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/data-summary-formatter/package.json b/samples/grids/hierarchical-grid/data-summary-formatter/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/data-summary-formatter/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-formatter/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/data-summary-options/package.json b/samples/grids/hierarchical-grid/data-summary-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/data-summary-options/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/data-summary-template/package.json b/samples/grids/hierarchical-grid/data-summary-template/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/hierarchical-grid/data-summary-template/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-template/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/disabled-summaries/package.json b/samples/grids/hierarchical-grid/disabled-summaries/package.json
index a5b2bdf63..6dac59b4e 100644
--- a/samples/grids/hierarchical-grid/disabled-summaries/package.json
+++ b/samples/grids/hierarchical-grid/disabled-summaries/package.json
@@ -25,10 +25,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/editing-columns/package.json b/samples/grids/hierarchical-grid/editing-columns/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/editing-columns/package.json
+++ b/samples/grids/hierarchical-grid/editing-columns/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/editing-events/package.json b/samples/grids/hierarchical-grid/editing-events/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/editing-events/package.json
+++ b/samples/grids/hierarchical-grid/editing-events/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/editing-lifecycle/package.json b/samples/grids/hierarchical-grid/editing-lifecycle/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/editing-lifecycle/package.json
+++ b/samples/grids/hierarchical-grid/editing-lifecycle/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/excel-exporting/package.json b/samples/grids/hierarchical-grid/excel-exporting/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/excel-exporting/package.json
+++ b/samples/grids/hierarchical-grid/excel-exporting/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 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
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 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
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 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
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/filtering-options/package.json b/samples/grids/hierarchical-grid/filtering-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/filtering-options/package.json
+++ b/samples/grids/hierarchical-grid/filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/filtering-style/package.json b/samples/grids/hierarchical-grid/filtering-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/layout-display-density/package.json b/samples/grids/hierarchical-grid/layout-display-density/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/package.json
+++ b/samples/grids/hierarchical-grid/layout-display-density/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 a1a4a0f42..7c1e60604 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/overview/package.json b/samples/grids/hierarchical-grid/overview/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/overview/package.json
+++ b/samples/grids/hierarchical-grid/overview/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/remote-paging-sample/package.json b/samples/grids/hierarchical-grid/remote-paging-sample/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/hierarchical-grid/remote-paging-sample/package.json
+++ b/samples/grids/hierarchical-grid/remote-paging-sample/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/row-adding/package.json b/samples/grids/hierarchical-grid/row-adding/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/row-adding/package.json
+++ b/samples/grids/hierarchical-grid/row-adding/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/row-classes/package.json b/samples/grids/hierarchical-grid/row-classes/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/row-classes/package.json
+++ b/samples/grids/hierarchical-grid/row-classes/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/row-drag-base/package.json b/samples/grids/hierarchical-grid/row-drag-base/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/hierarchical-grid/row-drag-base/package.json
+++ b/samples/grids/hierarchical-grid/row-drag-base/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/row-editing-options/package.json b/samples/grids/hierarchical-grid/row-editing-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/row-editing-options/package.json
+++ b/samples/grids/hierarchical-grid/row-editing-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/row-editing-style/package.json b/samples/grids/hierarchical-grid/row-editing-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/row-editing-style/package.json
+++ b/samples/grids/hierarchical-grid/row-editing-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 a1a4a0f42..7c1e60604 100644
--- a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/row-pinning-options/package.json b/samples/grids/hierarchical-grid/row-pinning-options/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/hierarchical-grid/row-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/row-pinning-style/package.json b/samples/grids/hierarchical-grid/row-pinning-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/row-pinning-style/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/row-reorder/package.json b/samples/grids/hierarchical-grid/row-reorder/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/row-reorder/package.json
+++ b/samples/grids/hierarchical-grid/row-reorder/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/row-selection-mode/package.json b/samples/grids/hierarchical-grid/row-selection-mode/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/hierarchical-grid/row-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 a1a4a0f42..7c1e60604 100644
--- a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/row-styles/package.json b/samples/grids/hierarchical-grid/row-styles/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/row-styles/package.json
+++ b/samples/grids/hierarchical-grid/row-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/state-persistence-about/package.json b/samples/grids/hierarchical-grid/state-persistence-about/package.json
index 145b00c43..34ab75e9f 100644
--- a/samples/grids/hierarchical-grid/state-persistence-about/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-about/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/state-persistence-main/package.json b/samples/grids/hierarchical-grid/state-persistence-main/package.json
index 145b00c43..34ab75e9f 100644
--- a/samples/grids/hierarchical-grid/state-persistence-main/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-main/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-1/package.json b/samples/grids/hierarchical-grid/toolbar-sample-1/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-1/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-2/package.json b/samples/grids/hierarchical-grid/toolbar-sample-2/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-2/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-style/package.json b/samples/grids/hierarchical-grid/toolbar-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/hierarchical-grid/toolbar-style/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/list/add-list-items/package.json b/samples/grids/list/add-list-items/package.json
index 3b0cd1e67..9654123b4 100644
--- a/samples/grids/list/add-list-items/package.json
+++ b/samples/grids/list/add-list-items/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit": "^3.2.0",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
diff --git a/samples/grids/pivot-grid/aggregate-max-sales/package.json b/samples/grids/pivot-grid/aggregate-max-sales/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/pivot-grid/aggregate-max-sales/package.json
+++ b/samples/grids/pivot-grid/aggregate-max-sales/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/pivot-grid/aggregate-units-sold/package.json b/samples/grids/pivot-grid/aggregate-units-sold/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/pivot-grid/aggregate-units-sold/package.json
+++ b/samples/grids/pivot-grid/aggregate-units-sold/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/pivot-grid/basic/package.json b/samples/grids/pivot-grid/basic/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/pivot-grid/basic/package.json
+++ b/samples/grids/pivot-grid/basic/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/pivot-grid/data-persistence-noop/package.json b/samples/grids/pivot-grid/data-persistence-noop/package.json
index 92ef2113e..afc4ecf6f 100644
--- a/samples/grids/pivot-grid/data-persistence-noop/package.json
+++ b/samples/grids/pivot-grid/data-persistence-noop/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/pivot-grid/data-selector/package.json b/samples/grids/pivot-grid/data-selector/package.json
index 5726caf24..402275865 100644
--- a/samples/grids/pivot-grid/data-selector/package.json
+++ b/samples/grids/pivot-grid/data-selector/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/pivot-grid/features/package.json b/samples/grids/pivot-grid/features/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/pivot-grid/features/package.json
+++ b/samples/grids/pivot-grid/features/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/pivot-grid/remote/package.json b/samples/grids/pivot-grid/remote/package.json
index 5726caf24..402275865 100644
--- a/samples/grids/pivot-grid/remote/package.json
+++ b/samples/grids/pivot-grid/remote/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/pivot-grid/state-persistence-about/package.json b/samples/grids/pivot-grid/state-persistence-about/package.json
index 145b00c43..34ab75e9f 100644
--- a/samples/grids/pivot-grid/state-persistence-about/package.json
+++ b/samples/grids/pivot-grid/state-persistence-about/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/pivot-grid/state-persistence-main/package.json b/samples/grids/pivot-grid/state-persistence-main/package.json
index 145b00c43..34ab75e9f 100644
--- a/samples/grids/pivot-grid/state-persistence-main/package.json
+++ b/samples/grids/pivot-grid/state-persistence-main/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/action-strip/package.json b/samples/grids/tree-grid/action-strip/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/action-strip/package.json
+++ b/samples/grids/tree-grid/action-strip/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/advanced-filtering-options/package.json b/samples/grids/tree-grid/advanced-filtering-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/advanced-filtering-options/package.json
+++ b/samples/grids/tree-grid/advanced-filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/advanced-filtering-style/package.json b/samples/grids/tree-grid/advanced-filtering-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/advanced-filtering-style/package.json
+++ b/samples/grids/tree-grid/advanced-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/cell-editing-sample/package.json b/samples/grids/tree-grid/cell-editing-sample/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/tree-grid/cell-editing-sample/package.json
+++ b/samples/grids/tree-grid/cell-editing-sample/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/cell-editing-styling/package.json b/samples/grids/tree-grid/cell-editing-styling/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/cell-editing-styling/package.json
+++ b/samples/grids/tree-grid/cell-editing-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/cell-selection-mode/package.json b/samples/grids/tree-grid/cell-selection-mode/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/tree-grid/cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/cell-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/cell-selection-style/package.json b/samples/grids/tree-grid/cell-selection-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/cell-selection-style/package.json
+++ b/samples/grids/tree-grid/cell-selection-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/clipboard-operations/package.json b/samples/grids/tree-grid/clipboard-operations/package.json
index 145b00c43..34ab75e9f 100644
--- a/samples/grids/tree-grid/clipboard-operations/package.json
+++ b/samples/grids/tree-grid/clipboard-operations/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/column-auto-sizing/package.json b/samples/grids/tree-grid/column-auto-sizing/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/column-auto-sizing/package.json
+++ b/samples/grids/tree-grid/column-auto-sizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/column-collapsible-groups/package.json b/samples/grids/tree-grid/column-collapsible-groups/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/column-collapsible-groups/package.json
+++ b/samples/grids/tree-grid/column-collapsible-groups/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/column-data-types/package.json b/samples/grids/tree-grid/column-data-types/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/tree-grid/column-data-types/package.json
+++ b/samples/grids/tree-grid/column-data-types/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/column-hiding-toolbar/package.json b/samples/grids/tree-grid/column-hiding-toolbar/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar/package.json
+++ b/samples/grids/tree-grid/column-hiding-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/column-moving-options/package.json b/samples/grids/tree-grid/column-moving-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/column-moving-options/package.json
+++ b/samples/grids/tree-grid/column-moving-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/column-moving-styles/package.json b/samples/grids/tree-grid/column-moving-styles/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/column-moving-styles/package.json
+++ b/samples/grids/tree-grid/column-moving-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/column-pinning-options/package.json b/samples/grids/tree-grid/column-pinning-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/column-pinning-options/package.json
+++ b/samples/grids/tree-grid/column-pinning-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/column-pinning-right-side/package.json
+++ b/samples/grids/tree-grid/column-pinning-right-side/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/column-pinning-styles/package.json b/samples/grids/tree-grid/column-pinning-styles/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/column-pinning-styles/package.json
+++ b/samples/grids/tree-grid/column-pinning-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/column-pinning-toolbar/package.json b/samples/grids/tree-grid/column-pinning-toolbar/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/column-pinning-toolbar/package.json
+++ b/samples/grids/tree-grid/column-pinning-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/column-pinning/package.json b/samples/grids/tree-grid/column-pinning/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/column-pinning/package.json
+++ b/samples/grids/tree-grid/column-pinning/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/column-resize-styling/package.json b/samples/grids/tree-grid/column-resize-styling/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/column-resize-styling/package.json
+++ b/samples/grids/tree-grid/column-resize-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/column-resizing/package.json b/samples/grids/tree-grid/column-resizing/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/column-resizing/package.json
+++ b/samples/grids/tree-grid/column-resizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/column-selection-group/package.json b/samples/grids/tree-grid/column-selection-group/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/column-selection-group/package.json
+++ b/samples/grids/tree-grid/column-selection-group/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/column-selection-mode/package.json b/samples/grids/tree-grid/column-selection-mode/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/tree-grid/column-selection-mode/package.json
+++ b/samples/grids/tree-grid/column-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/column-selection-style/package.json b/samples/grids/tree-grid/column-selection-style/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/tree-grid/column-selection-style/package.json
+++ b/samples/grids/tree-grid/column-selection-style/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/column-selection-styles/package.json b/samples/grids/tree-grid/column-selection-styles/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/column-selection-styles/package.json
+++ b/samples/grids/tree-grid/column-selection-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/column-sorting-indicators/package.json b/samples/grids/tree-grid/column-sorting-indicators/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/column-sorting-indicators/package.json
+++ b/samples/grids/tree-grid/column-sorting-indicators/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/column-sorting-options/package.json b/samples/grids/tree-grid/column-sorting-options/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/tree-grid/column-sorting-options/package.json
+++ b/samples/grids/tree-grid/column-sorting-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/column-sorting-style/package.json b/samples/grids/tree-grid/column-sorting-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/column-sorting-style/package.json
+++ b/samples/grids/tree-grid/column-sorting-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/conditional-cell-style-1/package.json
+++ b/samples/grids/tree-grid/conditional-cell-style-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/conditional-cell-style-2/package.json
+++ b/samples/grids/tree-grid/conditional-cell-style-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/conditional-row-selectors/package.json b/samples/grids/tree-grid/conditional-row-selectors/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/conditional-row-selectors/package.json
+++ b/samples/grids/tree-grid/conditional-row-selectors/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/custom-filtering/package.json b/samples/grids/tree-grid/custom-filtering/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/tree-grid/custom-filtering/package.json
+++ b/samples/grids/tree-grid/custom-filtering/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/data-exporting-indicator/package.json b/samples/grids/tree-grid/data-exporting-indicator/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/tree-grid/data-exporting-indicator/package.json
+++ b/samples/grids/tree-grid/data-exporting-indicator/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/data-searching/package.json b/samples/grids/tree-grid/data-searching/package.json
index 145b00c43..34ab75e9f 100644
--- a/samples/grids/tree-grid/data-searching/package.json
+++ b/samples/grids/tree-grid/data-searching/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/data-summaries-custom/package.json b/samples/grids/tree-grid/data-summaries-custom/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/tree-grid/data-summaries-custom/package.json
+++ b/samples/grids/tree-grid/data-summaries-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/data-summary-children/package.json b/samples/grids/tree-grid/data-summary-children/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/tree-grid/data-summary-children/package.json
+++ b/samples/grids/tree-grid/data-summary-children/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/data-summary-formatter/package.json b/samples/grids/tree-grid/data-summary-formatter/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/data-summary-formatter/package.json
+++ b/samples/grids/tree-grid/data-summary-formatter/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/data-summary-options-styling/package.json
+++ b/samples/grids/tree-grid/data-summary-options-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/data-summary-options/package.json b/samples/grids/tree-grid/data-summary-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/data-summary-options/package.json
+++ b/samples/grids/tree-grid/data-summary-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/data-summary-template/package.json b/samples/grids/tree-grid/data-summary-template/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/tree-grid/data-summary-template/package.json
+++ b/samples/grids/tree-grid/data-summary-template/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/disabled-summaries/package.json b/samples/grids/tree-grid/disabled-summaries/package.json
index a5b2bdf63..6dac59b4e 100644
--- a/samples/grids/tree-grid/disabled-summaries/package.json
+++ b/samples/grids/tree-grid/disabled-summaries/package.json
@@ -25,10 +25,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/editing-columns/package.json b/samples/grids/tree-grid/editing-columns/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/editing-columns/package.json
+++ b/samples/grids/tree-grid/editing-columns/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/editing-events/package.json b/samples/grids/tree-grid/editing-events/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/editing-events/package.json
+++ b/samples/grids/tree-grid/editing-events/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/editing-lifecycle/package.json b/samples/grids/tree-grid/editing-lifecycle/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/editing-lifecycle/package.json
+++ b/samples/grids/tree-grid/editing-lifecycle/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/excel-exporting/package.json b/samples/grids/tree-grid/excel-exporting/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/excel-exporting/package.json
+++ b/samples/grids/tree-grid/excel-exporting/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 a1a4a0f42..7c1e60604 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
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 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
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 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
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/excel-style-filtering-style/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/filtering-options/package.json b/samples/grids/tree-grid/filtering-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/filtering-options/package.json
+++ b/samples/grids/tree-grid/filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/filtering-style/package.json b/samples/grids/tree-grid/filtering-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/filtering-style/package.json
+++ b/samples/grids/tree-grid/filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/finjs/package.json b/samples/grids/tree-grid/finjs/package.json
index c720a450e..af30d2f93 100644
--- a/samples/grids/tree-grid/finjs/package.json
+++ b/samples/grids/tree-grid/finjs/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/keyboard-custom-navigation/package.json b/samples/grids/tree-grid/keyboard-custom-navigation/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/keyboard-custom-navigation/package.json
+++ b/samples/grids/tree-grid/keyboard-custom-navigation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/keyboard-navigation-guide/package.json b/samples/grids/tree-grid/keyboard-navigation-guide/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/tree-grid/keyboard-navigation-guide/package.json
+++ b/samples/grids/tree-grid/keyboard-navigation-guide/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/layout-display-density/package.json b/samples/grids/tree-grid/layout-display-density/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/tree-grid/layout-display-density/package.json
+++ b/samples/grids/tree-grid/layout-display-density/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/load-on-demand/package.json b/samples/grids/tree-grid/load-on-demand/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/tree-grid/load-on-demand/package.json
+++ b/samples/grids/tree-grid/load-on-demand/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 067d699e9..8551e750c 100644
--- a/samples/grids/tree-grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/multi-cell-selection-mode/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/multi-column-headers-export/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-export/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 a1a4a0f42..7c1e60604 100644
--- a/samples/grids/tree-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/multi-column-headers-styling/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/multi-column-headers-template/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-template/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/overview-styling/package.json b/samples/grids/tree-grid/overview-styling/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/overview-styling/package.json
+++ b/samples/grids/tree-grid/overview-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/overview/package.json b/samples/grids/tree-grid/overview/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/overview/package.json
+++ b/samples/grids/tree-grid/overview/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/row-adding/package.json b/samples/grids/tree-grid/row-adding/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/row-adding/package.json
+++ b/samples/grids/tree-grid/row-adding/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/row-classes/package.json b/samples/grids/tree-grid/row-classes/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/row-classes/package.json
+++ b/samples/grids/tree-grid/row-classes/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/row-drag-base/package.json b/samples/grids/tree-grid/row-drag-base/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/tree-grid/row-drag-base/package.json
+++ b/samples/grids/tree-grid/row-drag-base/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/row-editing-options/package.json b/samples/grids/tree-grid/row-editing-options/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/row-editing-options/package.json
+++ b/samples/grids/tree-grid/row-editing-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/row-editing-style/package.json b/samples/grids/tree-grid/row-editing-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/row-editing-style/package.json
+++ b/samples/grids/tree-grid/row-editing-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/row-paging-basic/package.json b/samples/grids/tree-grid/row-paging-basic/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/row-paging-basic/package.json
+++ b/samples/grids/tree-grid/row-paging-basic/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/row-paging-options/package.json b/samples/grids/tree-grid/row-paging-options/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/tree-grid/row-paging-options/package.json
+++ b/samples/grids/tree-grid/row-paging-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/row-paging-style/package.json b/samples/grids/tree-grid/row-paging-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/row-paging-style/package.json
+++ b/samples/grids/tree-grid/row-paging-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/tree-grid/row-pinning-extra-column/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/row-pinning-options/package.json b/samples/grids/tree-grid/row-pinning-options/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/tree-grid/row-pinning-options/package.json
+++ b/samples/grids/tree-grid/row-pinning-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/row-pinning-style/package.json b/samples/grids/tree-grid/row-pinning-style/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/row-pinning-style/package.json
+++ b/samples/grids/tree-grid/row-pinning-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/row-reorder/package.json b/samples/grids/tree-grid/row-reorder/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/row-reorder/package.json
+++ b/samples/grids/tree-grid/row-reorder/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/row-selection-mode/package.json b/samples/grids/tree-grid/row-selection-mode/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/tree-grid/row-selection-mode/package.json
+++ b/samples/grids/tree-grid/row-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/row-selection-template-excel/package.json
+++ b/samples/grids/tree-grid/row-selection-template-excel/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/tree-grid/row-selection-template-numbers/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/row-styles/package.json b/samples/grids/tree-grid/row-styles/package.json
index 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/row-styles/package.json
+++ b/samples/grids/tree-grid/row-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/state-persistence-about/package.json b/samples/grids/tree-grid/state-persistence-about/package.json
index 145b00c43..34ab75e9f 100644
--- a/samples/grids/tree-grid/state-persistence-about/package.json
+++ b/samples/grids/tree-grid/state-persistence-about/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/state-persistence-main/package.json b/samples/grids/tree-grid/state-persistence-main/package.json
index 145b00c43..34ab75e9f 100644
--- a/samples/grids/tree-grid/state-persistence-main/package.json
+++ b/samples/grids/tree-grid/state-persistence-main/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/toolbar-sample-1/package.json b/samples/grids/tree-grid/toolbar-sample-1/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/tree-grid/toolbar-sample-1/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-1/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/toolbar-sample-2/package.json b/samples/grids/tree-grid/toolbar-sample-2/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/tree-grid/toolbar-sample-2/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-2/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/toolbar-sample-3/package.json b/samples/grids/tree-grid/toolbar-sample-3/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/tree-grid/toolbar-sample-3/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-3/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/toolbar-sample-4/package.json b/samples/grids/tree-grid/toolbar-sample-4/package.json
index 067d699e9..8551e750c 100644
--- a/samples/grids/tree-grid/toolbar-sample-4/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-4/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/grids/tree-grid/toolbar-style/package.json b/samples/grids/tree-grid/toolbar-style/package.json
index a1a4a0f42..7c1e60604 100644
--- a/samples/grids/tree-grid/toolbar-style/package.json
+++ b/samples/grids/tree-grid/toolbar-style/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6ac1f0bf4..a57babf5c 100644
--- a/samples/grids/tree-grid/using-primary-foreign-keys/package.json
+++ b/samples/grids/tree-grid/using-primary-foreign-keys/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "igniteui-webcomponents-grids": "6.0.3",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "6.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "6.2.1",
+    "igniteui-webcomponents-layouts": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/inputs/color-editor/overview/package.json b/samples/inputs/color-editor/overview/package.json
index f03131839..0a486b1c0 100644
--- a/samples/inputs/color-editor/overview/package.json
+++ b/samples/inputs/color-editor/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-inputs": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/interactions/chat/features/src/index.ts b/samples/interactions/chat/features/src/index.ts
index db3b35d2e..c40e9fce2 100644
--- a/samples/interactions/chat/features/src/index.ts
+++ b/samples/interactions/chat/features/src/index.ts
@@ -105,7 +105,7 @@ igc-avatar::part(base) {
 
     this.chat.options = { ...this.chat.options, isTyping: true, suggestions: [] };
     const newMessage = e.detail;
-    this.messages.push(newMessage);
+    this.chat.messages = [ ...this.chat.messages, newMessage];
 
     const responseMessage = {
       id: Date.now().toString(),
@@ -113,7 +113,7 @@ igc-avatar::part(base) {
       sender: 'support',
       timestamp: Date.now().toString(),
     };
-    this.messages.push(responseMessage);
+    this.chat.messages = [ ...this.chat.messages, responseMessage];
     this.chat.draftMessage = { text: '', attachments: [] };
     this.chat.options = { ...this.chat.options, isTyping: false};
   }
diff --git a/samples/interactions/chat/overview/src/index.ts b/samples/interactions/chat/overview/src/index.ts
index c1f25cff6..73c0a48eb 100644
--- a/samples/interactions/chat/overview/src/index.ts
+++ b/samples/interactions/chat/overview/src/index.ts
@@ -83,7 +83,7 @@ export class ChatOverview {
   public onMessageCreated = (e: CustomEvent) => {
     e.preventDefault();
     const newMessage = e.detail;
-    this.messages.push(newMessage);
+    this.chat.messages = [ ...this.chat.messages, newMessage];
     this.chat.options = { ...this.chat.options, isTyping: true, suggestions: [] };
 
     const messageText = e.detail.text.toLowerCase();
@@ -99,7 +99,9 @@ export class ChatOverview {
       sender: 'support',
       timestamp: Date.now().toString(),
     };
-    this.messages.push(responseMessage);
+    
+    this.chat.messages = [ ...this.chat.messages, responseMessage];
+
     this.chat.draftMessage = { text: '', attachments: [] };
     this.chat.options = { ...this.chat.options, isTyping: false};
   }
diff --git a/samples/layouts/dock-manager/embedding-frames/package.json b/samples/layouts/dock-manager/embedding-frames/package.json
index 79b9e813d..12265732c 100644
--- a/samples/layouts/dock-manager/embedding-frames/package.json
+++ b/samples/layouts/dock-manager/embedding-frames/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.16.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/layouts/dock-manager/hiding-panes/package.json b/samples/layouts/dock-manager/hiding-panes/package.json
index 6aed7c51e..a3bf8809a 100644
--- a/samples/layouts/dock-manager/hiding-panes/package.json
+++ b/samples/layouts/dock-manager/hiding-panes/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.16.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/layouts/dock-manager/overview/package.json b/samples/layouts/dock-manager/overview/package.json
index 804b3982d..cff0f6e5b 100644
--- a/samples/layouts/dock-manager/overview/package.json
+++ b/samples/layouts/dock-manager/overview/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.16.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/layouts/dock-manager/styling/package.json b/samples/layouts/dock-manager/styling/package.json
index a48064350..406ec8a10 100644
--- a/samples/layouts/dock-manager/styling/package.json
+++ b/samples/layouts/dock-manager/styling/package.json
@@ -26,7 +26,7 @@
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.16.0",
     "igniteui-webcomponents": "^6.3.1",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
+    "igniteui-webcomponents-core": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/layouts/dock-manager/updating-panes/package.json b/samples/layouts/dock-manager/updating-panes/package.json
index d25dcd3eb..a50bce339 100644
--- a/samples/layouts/dock-manager/updating-panes/package.json
+++ b/samples/layouts/dock-manager/updating-panes/package.json
@@ -24,10 +24,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.16.0",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-gauges": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/binding-data-csv/package.json b/samples/maps/geo-map/binding-data-csv/package.json
index 786c5cf3f..3a5c7aeb7 100644
--- a/samples/maps/geo-map/binding-data-csv/package.json
+++ b/samples/maps/geo-map/binding-data-csv/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 b922e04f5..7e9eb92e9 100644
--- a/samples/maps/geo-map/binding-data-json-points/package.json
+++ b/samples/maps/geo-map/binding-data-json-points/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/binding-data-model/package.json b/samples/maps/geo-map/binding-data-model/package.json
index 56fe7d000..d6039978d 100644
--- a/samples/maps/geo-map/binding-data-model/package.json
+++ b/samples/maps/geo-map/binding-data-model/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/binding-multiple-shapes/package.json b/samples/maps/geo-map/binding-multiple-shapes/package.json
index 8b3a40177..4ff0ded0e 100644
--- a/samples/maps/geo-map/binding-multiple-shapes/package.json
+++ b/samples/maps/geo-map/binding-multiple-shapes/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/binding-multiple-sources/package.json b/samples/maps/geo-map/binding-multiple-sources/package.json
index dd6c5eb0d..6eba8e076 100644
--- a/samples/maps/geo-map/binding-multiple-sources/package.json
+++ b/samples/maps/geo-map/binding-multiple-sources/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/binding-shp-points/package.json b/samples/maps/geo-map/binding-shp-points/package.json
index bca9ebaff..8793851f8 100644
--- a/samples/maps/geo-map/binding-shp-points/package.json
+++ b/samples/maps/geo-map/binding-shp-points/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/binding-shp-polygons/package.json b/samples/maps/geo-map/binding-shp-polygons/package.json
index c92dc0bdc..102438406 100644
--- a/samples/maps/geo-map/binding-shp-polygons/package.json
+++ b/samples/maps/geo-map/binding-shp-polygons/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/binding-shp-polylines/package.json b/samples/maps/geo-map/binding-shp-polylines/package.json
index bec382406..c800d3f1e 100644
--- a/samples/maps/geo-map/binding-shp-polylines/package.json
+++ b/samples/maps/geo-map/binding-shp-polylines/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/custom-tooltips/package.json b/samples/maps/geo-map/custom-tooltips/package.json
index 2633563e8..9c283135f 100644
--- a/samples/maps/geo-map/custom-tooltips/package.json
+++ b/samples/maps/geo-map/custom-tooltips/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/display-all-imagery/package.json b/samples/maps/geo-map/display-all-imagery/package.json
index 42b824093..0e6d74dd8 100644
--- a/samples/maps/geo-map/display-all-imagery/package.json
+++ b/samples/maps/geo-map/display-all-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/display-azure-imagery/.prettierrc b/samples/maps/geo-map/display-azure-imagery/.prettierrc
new file mode 100644
index 000000000..15a7c7c6c
--- /dev/null
+++ b/samples/maps/geo-map/display-azure-imagery/.prettierrc
@@ -0,0 +1,11 @@
+{
+  "printWidth": 250,
+  "tabWidth": 4,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "none",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "fluid": false
+}
\ No newline at end of file
diff --git a/samples/maps/geo-map/display-azure-imagery/ReadMe.md b/samples/maps/geo-map/display-azure-imagery/ReadMe.md
new file mode 100644
index 000000000..c31d2e248
--- /dev/null
+++ b/samples/maps/geo-map/display-azure-imagery/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-wc-examples/tree/vnext/templates/browser/sample/ReadMe.md -->
+
+This folder contains implementation of Web Components application with example of Geo Display Azure Imagery feature using [Geographic Map](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://infragistics.com/webcomponentssite/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.ts" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/webcomponents-demos/samples/maps/geo-map/display-azure-imagery" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-wc-examples/tree/master/samples/maps/geo-map/display-azure-imagery?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/{SampleFile}" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+To set up this project locally, execute these commands:
+
+```
+git clone https://github.com/IgniteUI/igniteui-wc-examples.git
+git checkout master
+cd ./igniteui-wc-examples
+cd ./samples/maps/geo-map/display-azure-imagery
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+
+```
+npm install
+npm run start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html).
diff --git a/samples/maps/geo-map/display-azure-imagery/index.html b/samples/maps/geo-map/display-azure-imagery/index.html
new file mode 100644
index 000000000..24390bd5b
--- /dev/null
+++ b/samples/maps/geo-map/display-azure-imagery/index.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>MapDisplayImageryAzureTiles</title>
+    <meta charset="UTF-8" />
+    <link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/wc.png">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kanit&display=swap" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium Web" />
+    <link rel="stylesheet" href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" type="text/css" />
+    
+  </head>
+
+  <body>
+    <div id="root">
+      <div class="container sample center" style="display: flex; flex-direction: column; align-items: center; gap: 2px;">
+
+        <!-- Button + Select on the same line -->
+        <div style="display: flex; gap: 2px; align-items: center;">
+          <igc-button onclick="azureDialog.show()" id="openDialogBtn" variant="contained">
+            Enter your Azure Maps API Key
+          </igc-button>
+
+          <igc-select id="mapStyleSelect" placeholder="Choose Azure Imagery">
+          </igc-select>
+        </div>
+
+        <!-- Azure Key Dialog -->
+        <igc-dialog id="azureDialog" title="Azure Key">
+          <form id="form" method="dialog" style="display: flex; flex-direction: column; gap: 10px;">
+            <igc-input id="azureKeyInput" label="An image will remain visible when no key is entered.">
+              <igc-icon name="password" slot="prefix"></igc-icon>
+            </igc-input>
+
+            <div style="display: flex; justify-content: flex-end; gap: 10px;">
+              <igc-button id="resetButton" type="reset" variant="flat">Reset</igc-button>
+              <igc-button id="submitButton" type="button" variant="flat">Submit</igc-button>
+            </div>
+          </form>
+        </igc-dialog>
+
+        <!-- Map / placeholder container -->
+        <div id="mapContainer" style="width: 100%; display: flex; justify-content: center; margin-top: 2px;">
+          <img id="mapImage" src="https://static.infragistics.com/xplatform/images/browsers/azure-maps/azure_satellite.png" alt="Map Imagery" style="margin: 0;" />
+        </div>
+
+        <!-- Azure Map initially hidden -->
+        <igc-geographic-map id="azureMap" width="100%" height="100%" hidden>
+          <igc-geographic-tile-series id="imagerySeries" name="imagerySeries"> 
+          </igc-geographic-tile-series>
+        </igc-geographic-map>
+
+      </div>
+    </div>
+
+    <% if (false) { %>
+      <script src="src/index.ts"></script>
+    <% } %>
+
+  </body>
+</html>
diff --git a/samples/maps/geo-map/display-azure-imagery/package.json b/samples/maps/geo-map/display-azure-imagery/package.json
new file mode 100644
index 000000000..a790da65b
--- /dev/null
+++ b/samples/maps/geo-map/display-azure-imagery/package.json
@@ -0,0 +1,62 @@
+{
+  "name": "wc-geographic-map-display-imagery-azure-tiles",
+  "version": "1.0.0",
+  "description": "This project provides example of Geographic Map Display Imagery Azure Tiles using IgniteUI for Web Components",
+  "main": "src/index.ts",
+  "scripts": {
+    "build": "npm run build:prod",
+    "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details",
+    "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js  --progress  --color --display-error-details --bail",
+    "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open",
+    "serve:prod": "webpack-dev-server --env.NODE_ENV=production  --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/",
+    "start": "npm run serve:dev",
+    "build:legacy": "npm run build:prod:legacy",
+    "build:dev:legacy": "webpack --env.legacy=true  --mode development --config ./webpack.config.js --progress --color --display-error-details",
+    "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true  --mode production --config ./webpack.config.js  --progress  --color --display-error-details --bail",
+    "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open",
+    "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/",
+    "start:legacy": "npm run serve:dev:legacy"
+  },
+  "author": "Infragistics",
+  "dependencies": {
+    "@webcomponents/custom-elements": "^1.4.1",
+    "@webcomponents/template": "^1.4.2",
+    "babel-runtime": "^6.26.0",
+    "core-js": "^3.6.5",
+    "igniteui-webcomponents": "^6.3.1",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
+    "lit-html": "^3.3.1",
+    "tslib": "^2.0.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.28.3",
+    "@babel/core": "^7.28.4",
+    "@babel/plugin-transform-class-properties": "^7.27.1",
+    "@babel/plugin-transform-class-static-block": "^7.28.3",
+    "@babel/plugin-transform-runtime": "^7.28.3",
+    "@babel/preset-env": "^7.28.3",
+    "@babel/preset-typescript": "^7.27.1",
+    "@types/source-map": "^0.5.7",
+    "babel-loader": "^10.0.0",
+    "babel-plugin-transform-custom-element-classes": "^0.1.0",
+    "css-loader": "^7.1.2",
+    "csv-loader": "^3.0.5",
+    "file-loader": "^6.2.0",
+    "fork-ts-checker-webpack-plugin": "^9.1.0",
+    "html-webpack-plugin": "^5.6.4",
+    "parcel-bundler": "^1.12.5",
+    "source-map": "^0.7.6",
+    "style-loader": "^4.0.0",
+    "tsconfig-paths-webpack-plugin": "^4.2.0",
+    "typescript": "^5.9.2",
+    "webpack": "^5.101.3",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.2",
+    "worker-loader": "^3.0.8",
+    "xml-loader": "^1.2.1"
+  },
+  "license": "",
+  "homepage": "."
+}
diff --git a/samples/maps/geo-map/display-azure-imagery/sandbox.config.json b/samples/maps/geo-map/display-azure-imagery/sandbox.config.json
new file mode 100644
index 000000000..5c5b54fe2
--- /dev/null
+++ b/samples/maps/geo-map/display-azure-imagery/sandbox.config.json
@@ -0,0 +1,7 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser",
+    "template": "parcel"
+}
+  
\ No newline at end of file
diff --git a/samples/maps/geo-map/display-azure-imagery/src/MapUtils.ts b/samples/maps/geo-map/display-azure-imagery/src/MapUtils.ts
new file mode 100644
index 000000000..f170a393d
--- /dev/null
+++ b/samples/maps/geo-map/display-azure-imagery/src/MapUtils.ts
@@ -0,0 +1,109 @@
+import { IgcGeographicMapComponent } from 'igniteui-webcomponents-maps';
+
+export enum MapRegion {
+    Caribbean = "Caribbean",
+    UnitedStates = "United States",
+    UnitedKingdom = "United Kingdom",
+    European = "European",
+    SouthAfrica = "South Africa",
+    Poland = "Poland",
+    Australia = "Australia",
+    Japan = "Japan",
+    Uruguay = "Uruguay",
+    Egypt = "Egypt",
+    Hawaii = "Hawaii",
+}
+
+export class MapUtils {
+
+    public static navigateTo(geoMap: IgcGeographicMapComponent, name: MapRegion): void {
+
+        const geoRect = this.getRegions()[name];
+        // console.log("MapUtils " + name) ;
+        geoMap.zoomToGeographic(geoRect);
+    }
+
+    public static toPixel(num: number): string {
+        const s = Math.abs(num).toFixed(0);
+        return s + " px";
+    }
+
+    public static toLng(num: number): string {
+        num = this.clamp(num, -180, 180);
+
+        let s = Math.abs(num).toFixed(1);
+        if (num < 100) {
+            s = "  " + s
+        }
+
+        if (num > 0) {
+            return s + "°E";
+        } else  {
+            return s + "°W";
+        }
+    }
+
+    public static toLat(num: number): string {
+        num = this.clamp(num, -90, 90);
+
+        let s = Math.abs(num).toFixed(1);
+        if (num < 100) {
+            s = "  " + s
+        }
+
+        if (num > 0) {
+            return s + "°N";
+        } else  {
+            return s + "°S";
+        }
+    }
+
+    public static clamp(num: number, min: number, max: number): number {
+        return Math.max(min, Math.min(max, num));
+    }
+
+    public static pad(num: number, places?: number): string {
+        places = places || 20;
+        let s = num.toFixed(1).toString();
+        while (s.length < places) {s = " " + s};
+        return s;
+    }
+
+    public static getBingKey(): string {
+        return "Avlo7qsH1zZZI0XNpTwZ4XwvUJmCbd-mczMeUXVAW9kYYOKdmBIVRe8aoO02Xctq";
+    }
+
+    public static getRegions(): any {
+        // create regions only once
+        if (this.Regions === undefined) {
+            this.createRegions();
+        }
+        return this.Regions;
+    }
+
+    private static Regions: any;
+
+    private static addRegion(name: string, geoRect: any): void {
+        geoRect.name = name;
+        geoRect.longitude = geoRect.left + (geoRect.width / 2);
+        geoRect.latitude = geoRect.top + (geoRect.height / 2);
+
+        this.Regions[name] = geoRect;
+    }
+
+    private static createRegions(): void {
+        this.Regions = {};
+        this.addRegion(MapRegion.Australia, { left: 81.5, top: -52.0, width: 98.0, height: 56.0 });
+        this.addRegion(MapRegion.Caribbean, { left: -92.9, top: 5.4, width: 35.1, height: 25.8 });
+        this.addRegion(MapRegion.Egypt, { left: 19.3, top: 19.9, width: 19.3, height: 13.4 });
+        this.addRegion(MapRegion.European, { left: -36.0, top: 31.0, width: 98.0, height: 38.0 });
+        this.addRegion(MapRegion.Japan, { left: 122.7, top: 29.4, width: 27.5, height: 17.0 });
+        this.addRegion(MapRegion.Hawaii, { left: -161.2, top: 18.5, width: 6.6, height: 4.8 });
+        this.addRegion(MapRegion.Poland, { left: 13.0, top: 48.0, width: 11.0, height: 9.0 });
+        this.addRegion(MapRegion.SouthAfrica, { left: 9.0, top: -37.1, width: 26.0, height: 17.8 });
+        this.addRegion(MapRegion.UnitedStates, { left: -134.5, top: 16.0, width: 70.0, height: 37.0 });
+        this.addRegion(MapRegion.UnitedKingdom, { left: -15.0, top: 49.5, width: 22.5, height: 8.0 });
+        this.addRegion(MapRegion.Uruguay, { left: -62.1, top: -35.7, width: 10.6, height: 7.0 });
+    }
+
+}
diff --git a/samples/maps/geo-map/display-azure-imagery/src/index.css b/samples/maps/geo-map/display-azure-imagery/src/index.css
new file mode 100644
index 000000000..0fe936871
--- /dev/null
+++ b/samples/maps/geo-map/display-azure-imagery/src/index.css
@@ -0,0 +1,2 @@
+/* shared styles are loaded from: */
+/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
diff --git a/samples/maps/geo-map/display-azure-imagery/src/index.ts b/samples/maps/geo-map/display-azure-imagery/src/index.ts
new file mode 100644
index 000000000..c003f710c
--- /dev/null
+++ b/samples/maps/geo-map/display-azure-imagery/src/index.ts
@@ -0,0 +1,152 @@
+import { 
+    defineComponents, 
+    IgcDialogComponent, 
+    IgcButtonComponent, 
+    IgcSelectComponent, 
+    IgcSelectItemComponent,
+    IgcInputComponent, 
+    registerIconFromText 
+} from 'igniteui-webcomponents';
+import { 
+    AzureMapsImageryStyle, 
+    IgcAzureMapsImagery, 
+    IgcGeographicMapComponent, 
+    IgcGeographicMapModule, 
+    IgcGeographicTileSeriesComponent
+} from 'igniteui-webcomponents-maps';
+import 'igniteui-webcomponents/themes/light/bootstrap.css';
+import { MapRegion, MapUtils } from './MapUtils';
+import { ModuleManager } from 'igniteui-webcomponents-core';
+import { IgcDataChartInteractivityModule } from 'igniteui-webcomponents-charts';
+
+// Register components and modules
+defineComponents(IgcDialogComponent, IgcButtonComponent, IgcSelectComponent, IgcInputComponent, IgcSelectItemComponent);
+ModuleManager.register(IgcDataChartInteractivityModule, IgcGeographicMapModule);
+
+// Password icon SVG
+const passwordIcon = `<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0151 13.6556C14.8093 14.3587 16.9279 13.9853 18.3777 12.5355C20.3304 10.5829 20.3304 7.41709 18.3777 5.46447C16.4251 3.51184 13.2593 3.51184 11.3067 5.46447C9.85687 6.91426 9.48353 9.03288 10.1866 10.8271M12.9964 13.6742L6.82843 19.8422L4.2357 19.6065L4 17.0138L10.168 10.8458M15.5493 8.31568V8.29289" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+
+export class MapDisplayImageryAzureTiles {
+    private map!: IgcGeographicMapComponent;
+    private imagerySeries!: IgcGeographicTileSeriesComponent;
+    private dialog!: IgcDialogComponent;
+    private azureKeyInput!: IgcInputComponent;
+    private submitButton!: IgcButtonComponent;
+    private mapImage!: HTMLImageElement;
+    private mapStyleSelect!: IgcSelectComponent;
+
+    private apiKey?: string;
+    private azureTileSource!: IgcAzureMapsImagery;
+    private azureBackground!: IgcAzureMapsImagery;
+
+    private styleChangeTimeout?: number;
+
+    private readonly styleConfig: Record<string, { placeholder: string; background?: AzureMapsImageryStyle; zoom: () => void }> = {
+        Satellite: { placeholder: "https://static.infragistics.com/xplatform/images/browsers/azure-maps/azure_satellite.png", zoom: () => this.zoomUS() },
+        Road: { placeholder: "https://static.infragistics.com/xplatform/images/browsers/azure-maps/azure_road.png", zoom: () => this.zoomUS() },
+        DarkGrey: { placeholder: "https://static.infragistics.com/xplatform/images/browsers/azure-maps/azure_darkgrey.png", zoom: () => this.zoomUS() },
+        TerraOverlay: { placeholder: "https://static.infragistics.com/xplatform/images/browsers/azure-maps/azure_terra_overlay.png", background: AzureMapsImageryStyle.Satellite, zoom: () => this.zoomUS() },
+        HybridRoadOverlay: { placeholder: "https://static.infragistics.com/xplatform/images/browsers/azure-maps/AzureHybridRoad.png", background: AzureMapsImageryStyle.Satellite, zoom: () => this.zoomUS() },
+        HybridDarkGreyOverlay: { placeholder: "https://static.infragistics.com/xplatform/images/browsers/azure-maps/azure_hybriddarkgrey.png", background: AzureMapsImageryStyle.Satellite, zoom: () => this.zoomUS() },
+        LabelsRoadOverlay: { placeholder: "https://static.infragistics.com/xplatform/images/browsers/azure-maps/azure_labelsroad.png", background: AzureMapsImageryStyle.Satellite, zoom: () => this.zoomUS() },
+        LabelsDarkGreyOverlay: { placeholder: "https://static.infragistics.com/xplatform/images/browsers/azure-maps/azure_labelsdarkgrey.png", background: AzureMapsImageryStyle.Satellite, zoom: () => this.zoomUS() },
+        TrafficDelayOverlay: { placeholder: "https://static.infragistics.com/xplatform/images/browsers/azure-maps/azure_trafficdelay.png", background: AzureMapsImageryStyle.DarkGrey, zoom: () => this.zoomNY() },
+        TrafficAbsoluteOverlay: { placeholder: "https://static.infragistics.com/xplatform/images/browsers/azure-maps/azure_traffic_absolute.png", background: AzureMapsImageryStyle.DarkGrey, zoom: () => this.zoomNY() },
+        TrafficReducedOverlay: { placeholder: "https://static.infragistics.com/xplatform/images/browsers/azure-maps/azure_traffic_light.png", background: AzureMapsImageryStyle.DarkGrey, zoom: () => this.zoomNY() },
+        TrafficRelativeOverlay: { placeholder: "https://static.infragistics.com/xplatform/images/browsers/azure-maps/azure_traffic_relative.png", background: AzureMapsImageryStyle.DarkGrey, zoom: () => this.zoomNY() },
+        WeatherInfraredOverlay: { placeholder: "https://static.infragistics.com/xplatform/images/browsers/azure-maps/azure_weather_Infrared_road.png", background: AzureMapsImageryStyle.DarkGrey, zoom: () => this.zoomUS() },
+        WeatherRadarOverlay: { placeholder: "https://static.infragistics.com/xplatform/images/browsers/azure-maps/azure_weather_radar.png", background: AzureMapsImageryStyle.DarkGrey, zoom: () => this.zoomUS() }
+    };
+
+    constructor() {
+        registerIconFromText("password", passwordIcon);
+
+        // Inject smooth fade-in CSS for map
+        const style = document.createElement('style');
+        style.textContent = `
+            #azureMap {
+                opacity: 0;
+                transition: opacity 0.5s ease-in-out;
+            }
+        `;
+        document.head.appendChild(style);
+
+        // Initialize map and UI references
+        this.dialog = document.getElementById('azureDialog') as IgcDialogComponent;
+        this.azureKeyInput = document.getElementById('azureKeyInput') as IgcInputComponent;
+        this.submitButton = document.getElementById('submitButton') as IgcButtonComponent;
+        this.mapImage = document.getElementById('mapImage') as HTMLImageElement;
+        this.map = document.getElementById('azureMap') as IgcGeographicMapComponent;
+        this.imagerySeries = document.getElementById('imagerySeries') as IgcGeographicTileSeriesComponent;
+        this.mapStyleSelect = document.getElementById('mapStyleSelect') as IgcSelectComponent;
+
+        this.populateSelect();
+        this.preloadImages();
+
+        requestAnimationFrame(() => {
+            this.mapStyleSelect.value = "Satellite";
+            this.mapImage.src = this.styleConfig["Satellite"].placeholder;
+        });
+
+        customElements.whenDefined('igc-geographic-map').then(() => setTimeout(() => this.map.style.opacity = '0'));
+        this.dialog.show();
+
+        // Initialize reusable imagery
+        this.azureTileSource = new IgcAzureMapsImagery();
+        this.imagerySeries.tileImagery = this.azureTileSource;
+
+        this.azureBackground = new IgcAzureMapsImagery();
+        this.azureBackground.imageryStyle = AzureMapsImageryStyle.DarkGrey;
+        this.map.backgroundContent = this.azureBackground;
+
+        // Event handlers
+        this.submitButton.addEventListener('click', () => this.onSubmit());
+        this.mapStyleSelect.addEventListener('igcChange', (evt: any) => this.onStyleChange(evt.detail.value));
+    }
+
+    private populateSelect() {
+        Object.keys(this.styleConfig).forEach(key => {
+            const item = document.createElement('igc-select-item');
+            item.value = key; item.textContent = key;
+            this.mapStyleSelect.appendChild(item);
+        });
+    }
+
+    private preloadImages() {
+        Object.values(this.styleConfig).forEach(cfg => { const img = new Image(); img.src = cfg.placeholder; });
+    }
+
+    private showMap() {
+        requestAnimationFrame(() => { this.map.style.opacity = '1'; this.map.style.pointerEvents = 'auto'; this.mapImage.hidden = true; });
+    }
+
+    private zoomNY() { this.map.zoomToGeographic({ left:-74.2591, top:40.9176, width:-73.7004-(-74.2591), height:40.4774-40.9176 }); }
+    private zoomUS() { MapUtils.navigateTo(this.map, MapRegion.UnitedStates); }
+
+    private setApiKey(key: string) { this.apiKey = key; this.azureTileSource.apiKey = key; this.azureBackground.apiKey = key; }
+
+    private onSubmit() {
+        const key = this.azureKeyInput.value?.trim();
+        if (!key) return;
+        this.setApiKey(key);
+        if (this.mapStyleSelect.value) this.updateAzureMap(this.mapStyleSelect.value);
+        this.showMap();
+        this.dialog.hide();
+    }
+
+    private onStyleChange(value: string) {
+        const cfg = this.styleConfig[value]; if (!cfg || !this.apiKey) return;
+        this.mapImage.src = cfg.placeholder;
+        if (this.styleChangeTimeout) clearTimeout(this.styleChangeTimeout);
+        this.styleChangeTimeout = window.setTimeout(() => this.updateAzureMap(value), 30);
+    }
+
+    private updateAzureMap(styleName: string) {
+        const cfg = this.styleConfig[styleName]; if (!cfg) return;
+        this.azureTileSource.imageryStyle = AzureMapsImageryStyle[styleName as keyof typeof AzureMapsImageryStyle];
+        this.azureBackground.imageryStyle = cfg.background ?? AzureMapsImageryStyle.DarkGrey;
+        cfg.zoom();
+    }
+}
+
+new MapDisplayImageryAzureTiles();
diff --git a/samples/maps/geo-map/display-azure-imagery/tsconfig.json b/samples/maps/geo-map/display-azure-imagery/tsconfig.json
new file mode 100644
index 000000000..de23257dd
--- /dev/null
+++ b/samples/maps/geo-map/display-azure-imagery/tsconfig.json
@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+      "noImplicitReturns": true,
+      "esModuleInterop": true,
+      "noImplicitAny": true,
+      "declarationDir": "dist/types",
+      "moduleResolution": "node",
+      "declaration": true,
+      "target": "es2015",
+      "module": "es2015",
+      "strict": true
+  },
+  "include": [
+      "src/**/*"
+  ],
+  "exclude": [
+      "node_modules",
+      "dist"
+  ]
+}
\ No newline at end of file
diff --git a/samples/maps/geo-map/display-azure-imagery/webpack.config.js b/samples/maps/geo-map/display-azure-imagery/webpack.config.js
new file mode 100644
index 000000000..3813144cf
--- /dev/null
+++ b/samples/maps/geo-map/display-azure-imagery/webpack.config.js
@@ -0,0 +1,107 @@
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
+const path = require('path');
+const webpack = require('webpack');
+
+module.exports = env => {
+    const nodeEnv = process.env.NODE_ENV || 'development';
+    const isProd = nodeEnv === 'production';
+    const isLegacy = !!process.env.legacy && !(process.env.legacy == "false");
+    console.log(">> webpack nodeEnv=" + nodeEnv);
+    console.log(">> webpack isProd=" + isProd);
+    console.log(">> webpack isLegacy=" + isLegacy);
+    const presets = [
+        ["@babel/preset-env", {
+            "useBuiltIns": "usage",
+            "corejs": 3,
+            "targets": {
+                "browsers": isLegacy ? ["defaults"] : [
+                    "last 2 Chrome versions",
+                    "last 2 Safari versions",
+                    "last 2 iOS versions",
+                    "last 2 Firefox versions",
+                    "last 2 Edge versions"]
+            }
+        }],
+        "@babel/preset-typescript"
+    ];
+
+    return {
+        entry: isLegacy ? [
+            path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'),
+            path.resolve(__dirname, 'node_modules/@webcomponents/template'),
+            path.resolve(__dirname, 'src')
+        ] : path.resolve(__dirname, 'src'),
+        devtool: isProd ? false : 'source-map',
+        output: {
+            filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js',
+            globalObject: 'this',
+            path: path.resolve(__dirname, 'dist'),
+        },
+
+        resolve: {
+            mainFields: ['esm2015', 'module', 'main'],
+            extensions: ['.ts', '.js', '.json'],
+            plugins: [new TsconfigPathsPlugin({
+                configFile: './tsconfig.json',
+                extensions: ['.ts', '.js'],
+                mainFields: ['esm2015', 'module', 'main']
+            })]
+        },
+
+        module: {
+            rules: [
+                { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] },
+                { test: /\.(csv|tsv)$/, use: ['csv-loader'] },
+                { test: /\.xml$/, use: ['xml-loader'] },
+                { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] },
+                {
+                    test: /worker\.(ts|js)$/,
+                    use: [
+                        { loader: 'worker-loader' },
+                        {
+                            loader: 'babel-loader', options: {
+                                "compact": isProd ? true : false,
+                                "presets": presets,
+                                "plugins": [
+                                    "@babel/plugin-transform-class-static-block",
+                                    "@babel/plugin-transform-class-properties",
+                                    "@babel/plugin-transform-runtime"
+                                ]
+                            }
+                        }
+                    ]
+                },
+                {
+                    test: /\.(ts|js)$/, loader: 'babel-loader',
+                    options: {
+                        "compact": isProd ? true : false,
+                        "presets": presets,
+                        "plugins": [
+                            "@babel/plugin-transform-class-static-block",
+                            "@babel/plugin-transform-class-properties",
+                            "@babel/plugin-transform-runtime"
+                        ]
+                    },
+                    exclude:
+                        function (modulePath) {
+                            return /node_modules/.test(modulePath) &&
+                                !/igniteui-webcomponents/.test(modulePath) &&
+                                !/lit-html/.test(modulePath);
+                        }
+                }],
+        },
+
+        plugins: [
+            new webpack.DefinePlugin({
+                'process.env.NODE_ENV': JSON.stringify(nodeEnv)
+            }),
+            new HtmlWebpackPlugin({
+                title: 'for-cs',
+                template: 'index.html'
+            }),
+            new ForkTsCheckerWebpackPlugin()
+        ]
+    };
+};
diff --git a/samples/maps/geo-map/display-bing-imagery/package.json b/samples/maps/geo-map/display-bing-imagery/package.json
index f6f8d0b52..451027906 100644
--- a/samples/maps/geo-map/display-bing-imagery/package.json
+++ b/samples/maps/geo-map/display-bing-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/display-esri-imagery/package.json b/samples/maps/geo-map/display-esri-imagery/package.json
index 6adb07417..d39212f20 100644
--- a/samples/maps/geo-map/display-esri-imagery/package.json
+++ b/samples/maps/geo-map/display-esri-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/display-heat-imagery/package.json b/samples/maps/geo-map/display-heat-imagery/package.json
index a20f31dd5..92d679e1f 100644
--- a/samples/maps/geo-map/display-heat-imagery/package.json
+++ b/samples/maps/geo-map/display-heat-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/display-osm-imagery/package.json b/samples/maps/geo-map/display-osm-imagery/package.json
index 475f50959..2efa708b8 100644
--- a/samples/maps/geo-map/display-osm-imagery/package.json
+++ b/samples/maps/geo-map/display-osm-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/marker-template/package.json b/samples/maps/geo-map/marker-template/package.json
index 0dee542e1..7e48ab6a0 100644
--- a/samples/maps/geo-map/marker-template/package.json
+++ b/samples/maps/geo-map/marker-template/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/marker-type/package.json b/samples/maps/geo-map/marker-type/package.json
index 2514eb2cc..e8b4196bc 100644
--- a/samples/maps/geo-map/marker-type/package.json
+++ b/samples/maps/geo-map/marker-type/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/navigation/package.json b/samples/maps/geo-map/navigation/package.json
index 101c804e0..a7a4f356d 100644
--- a/samples/maps/geo-map/navigation/package.json
+++ b/samples/maps/geo-map/navigation/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/overview/package.json b/samples/maps/geo-map/overview/package.json
index daddb9b5c..8efc6b957 100644
--- a/samples/maps/geo-map/overview/package.json
+++ b/samples/maps/geo-map/overview/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/shape-styling/package.json b/samples/maps/geo-map/shape-styling/package.json
index 81a6fcebd..298a49e61 100644
--- a/samples/maps/geo-map/shape-styling/package.json
+++ b/samples/maps/geo-map/shape-styling/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/synchronization/package.json b/samples/maps/geo-map/synchronization/package.json
index eec4bba7a..d39529c74 100644
--- a/samples/maps/geo-map/synchronization/package.json
+++ b/samples/maps/geo-map/synchronization/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
diff --git a/samples/maps/geo-map/triangulating-data/package.json b/samples/maps/geo-map/triangulating-data/package.json
index bc0eae068..eaff32c39 100644
--- a/samples/maps/geo-map/triangulating-data/package.json
+++ b/samples/maps/geo-map/triangulating-data/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 431d14a0e..81c2203d8 100644
--- a/samples/maps/geo-map/type-scatter-area-series/package.json
+++ b/samples/maps/geo-map/type-scatter-area-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 05356dc67..b6742af6f 100644
--- a/samples/maps/geo-map/type-scatter-bubble-series/package.json
+++ b/samples/maps/geo-map/type-scatter-bubble-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 b6ffb3e52..cce4108ab 100644
--- a/samples/maps/geo-map/type-scatter-contour-series/package.json
+++ b/samples/maps/geo-map/type-scatter-contour-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 bd228e20c..9185b4492 100644
--- a/samples/maps/geo-map/type-scatter-density-series/package.json
+++ b/samples/maps/geo-map/type-scatter-density-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 6834727d3..7e828215e 100644
--- a/samples/maps/geo-map/type-scatter-symbol-series/package.json
+++ b/samples/maps/geo-map/type-scatter-symbol-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 91ccad5e6..12edacf33 100644
--- a/samples/maps/geo-map/type-shape-polygon-series/package.json
+++ b/samples/maps/geo-map/type-shape-polygon-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },
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 c5a086caa..0f4ee7d71 100644
--- a/samples/maps/geo-map/type-shape-polyline-series/package.json
+++ b/samples/maps/geo-map/type-shape-polyline-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "6.0.2-beta.0",
-    "igniteui-webcomponents-core": "6.0.2-beta.0",
-    "igniteui-webcomponents-maps": "6.0.2-beta.0",
+    "igniteui-webcomponents-charts": "6.2.1",
+    "igniteui-webcomponents-core": "6.2.1",
+    "igniteui-webcomponents-maps": "6.2.1",
     "lit-html": "^3.3.1",
     "tslib": "^2.8.1"
   },