diff --git a/browser/tasks/gulp-samples.js b/browser/tasks/gulp-samples.js
index 1e6b1ecb28..a26d31f514 100644
--- a/browser/tasks/gulp-samples.js
+++ b/browser/tasks/gulp-samples.js
@@ -976,22 +976,22 @@ function updateIG(cb) {
     // { name:               "igniteui-webcomponents-core", version: "3.2.2" },   // PUBLIC NPM
     let packageUpgrades = [
         // these IG packages are often updated:
-        { name: "igniteui-webcomponents-core"                     , version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-charts"                   , version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-excel"                    , version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-gauges"                   , version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-grids"                    , version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-inputs"                   , version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-layouts"                  , version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-maps"                     , version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-spreadsheet-chart-adapter", version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-spreadsheet"              , version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-datasources"              , version: "5.0.3-beta.0" },
+        { name: "igniteui-webcomponents-core"                     , version: "5.1.0" },
+        { name: "igniteui-webcomponents-charts"                   , version: "5.1.0" },
+        { name: "igniteui-webcomponents-excel"                    , version: "5.1.0" },
+        { name: "igniteui-webcomponents-gauges"                   , version: "5.1.0" },
+        { name: "igniteui-webcomponents-grids"                    , version: "5.1.0" },
+        { name: "igniteui-webcomponents-inputs"                   , version: "5.1.0" },
+        { name: "igniteui-webcomponents-layouts"                  , version: "5.1.0" },
+        { name: "igniteui-webcomponents-maps"                     , version: "5.1.0" },
+        { name: "igniteui-webcomponents-spreadsheet-chart-adapter", version: "5.1.0" },
+        { name: "igniteui-webcomponents-spreadsheet"              , version: "5.1.0" },
+        { name: "igniteui-webcomponents-datasources"              , version: "5.1.0" },
         // these IG packages are sometimes updated:
-        { name: "igniteui-webcomponents", version: "5.1.1" },
-        { name: "igniteui-dockmanager", version: "1.14.3" },
+        { name: "igniteui-webcomponents", version: "5.1.2" },
+        { name: "igniteui-dockmanager", version: "1.15.2" },
         // other packages:
-        { name: "webpack", version: "^5.74.0"  },
+        { name: "webpack", version: "^5.96.1"  },
         { name: "webpack-cli", version: "^4.10.0"  },
         { name: "webpack-dev-server", version: "^4.11.1"  },
         { name: "lit", version: "^3.2.0"  },
diff --git a/package-lock.json b/package-lock.json
index ed5c23014e..bb4c5768f7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,19 +20,19 @@
         "@webcomponents/webcomponentsjs": "2.3.0",
         "core-js": "^3.6.5",
         "file-saver": "^2.0.2",
-        "igniteui-dockmanager": "1.14.3",
-        "igniteui-webcomponents": "5.1.1",
-        "igniteui-webcomponents-charts": "5.0.3-beta.0",
-        "igniteui-webcomponents-core": "5.0.3-beta.0",
-        "igniteui-webcomponents-datasources": "5.0.3-beta.0",
-        "igniteui-webcomponents-excel": "5.0.3-beta.0",
-        "igniteui-webcomponents-gauges": "5.0.3-beta.0",
-        "igniteui-webcomponents-grids": "5.0.3-beta.0",
-        "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-        "igniteui-webcomponents-layouts": "5.0.3-beta.0",
-        "igniteui-webcomponents-maps": "5.0.3-beta.0",
-        "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
-        "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.3-beta.0",
+        "igniteui-dockmanager": "1.15.2",
+        "igniteui-webcomponents": "5.1.2",
+        "igniteui-webcomponents-charts": "5.1.0",
+        "igniteui-webcomponents-core": "5.1.0",
+        "igniteui-webcomponents-datasources": "5.1.0",
+        "igniteui-webcomponents-excel": "5.1.0",
+        "igniteui-webcomponents-gauges": "5.1.0",
+        "igniteui-webcomponents-grids": "5.1.0",
+        "igniteui-webcomponents-inputs": "5.1.0",
+        "igniteui-webcomponents-layouts": "5.1.0",
+        "igniteui-webcomponents-maps": "5.1.0",
+        "igniteui-webcomponents-spreadsheet": "5.1.0",
+        "igniteui-webcomponents-spreadsheet-chart-adapter": "5.1.0",
         "lit": "^3.2.0",
         "lit-html": "^3.2.0"
       },
@@ -8770,9 +8770,9 @@
       }
     },
     "node_modules/igniteui-dockmanager": {
-      "version": "1.14.3",
-      "resolved": "https://registry.npmjs.org/igniteui-dockmanager/-/igniteui-dockmanager-1.14.3.tgz",
-      "integrity": "sha512-nxfPXeOWs8PYOotaA5B7Ylj1pen2tpXaWa0dykJxrgkIIj1VKgybK6HahZ5FAh2dui4hqyAgE20FLDHTU5zkSA==",
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/igniteui-dockmanager/-/igniteui-dockmanager-1.15.2.tgz",
+      "integrity": "sha512-FtcWCbHhWfTuVZ1ltaiZstu88/O6NYny6BzkgVNELoLa/oqHCktjL6JoMTOC4a/QwDpoP3AMi+UmbvkQrE0fRQ==",
       "dependencies": {
         "igniteui-trial-watermark": "^1.0.3"
       }
@@ -8783,10 +8783,9 @@
       "integrity": "sha512-q6thtu+7R6MOB+i9GorFPCcWeOImW43BzCAtKnDAYWwaoueb8Lg1EhBkIhAyfEIH+yZ/9c5lnZdU61/GRPoP+g=="
     },
     "node_modules/igniteui-webcomponents": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-5.1.1.tgz",
-      "integrity": "sha512-//owN7Cr9q+CBjxcZYNqECnaD4d7NHIzXJlaIr1Hi39yECP/24XnX+84UjVHgHldnAK0WlzSRR71hQud+W6S4Q==",
-      "license": "SEE LICENSE IN LICENSE",
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-5.1.2.tgz",
+      "integrity": "sha512-OnNLMm4VMpBLyGF8P6zDaHEqaw3M+Rfy+/FHAkpzZAs5TD31uwFZrd4mvKV5Isqp1VuSma8Gzr0RnSti29QbCw==",
       "dependencies": {
         "@floating-ui/dom": "^1.6.0",
         "@lit-labs/virtualizer": "^2.0.10",
@@ -8798,14 +8797,14 @@
       }
     },
     "node_modules/igniteui-webcomponents-charts": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-charts/-/igniteui-webcomponents-charts-5.0.3-beta.0.tgz",
-      "integrity": "sha512-rS1/WtNSUdZMXOQk26yW6oMkf5bVOc3wYSqK0VsiQJu4vUJj5WiaZWWsHPgsxsJfeYEG5mfROOxryNazCA1NTQ==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-charts/-/igniteui-webcomponents-charts-5.1.0.tgz",
+      "integrity": "sha512-f0qfHyt7AVKaXwUInkX7mbqmY3xN7M0mdGQXSH19BmImtXTRFnLQmz88qDRY7klZu30hBAOMF+cCwqeplh0/CQ==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.3-beta.0"
+        "igniteui-webcomponents-core": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-charts/node_modules/tslib": {
@@ -8814,9 +8813,9 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-core": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-core/-/igniteui-webcomponents-core-5.0.3-beta.0.tgz",
-      "integrity": "sha512-8WHGu1FzaoDgqLoyWo8DtKKAc6Yq+RLxBu8KKr5NAyheQYH1V4Zviw/sQz/AmIhpMkq+EBIBBvTgAoheZOWjpA==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-core/-/igniteui-webcomponents-core-5.1.0.tgz",
+      "integrity": "sha512-cT+fHs2fCRpvGQJ2IUR9n5kUxyHYuqtBLTHQqLWJdsjBDsiZWaeNwQOEFRhEfgQtkK8TL0sD2JoFSJke1CZjwA==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
@@ -8830,14 +8829,14 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-datasources": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-datasources/-/igniteui-webcomponents-datasources-5.0.3-beta.0.tgz",
-      "integrity": "sha512-Sq3zDGpbM7wx49GMqf9Yt6QmpuPoqD61W0JoRUhJcHi50UNA2KCbCkAZAfJ2LxXEEBAdr0LuiCLsNBGw8n1RmQ==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-datasources/-/igniteui-webcomponents-datasources-5.1.0.tgz",
+      "integrity": "sha512-Wv+Wh4bwWcj3ZPo6Q+B5Cldlxxqa+VxItslUIj7hxLxRLzbOEzqe5IaMO/qp0gaX4DJLtVZGaALN7RXTUhSpCw==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.3-beta.0"
+        "igniteui-webcomponents-core": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-datasources/node_modules/tslib": {
@@ -8846,16 +8845,16 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-excel": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-excel/-/igniteui-webcomponents-excel-5.0.3-beta.0.tgz",
-      "integrity": "sha512-CP5QnBGuTWrhmwaVgEzYow9xU5cKeEsa0M5jbGOsJVvuzMg9wVomVLn1hZQa5bvOJZCyK2RrXhhMRDkluH/38g==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-excel/-/igniteui-webcomponents-excel-5.1.0.tgz",
+      "integrity": "sha512-fCwkHy/sezTvmUxafVKL56lss6FWT3OkFgPS12/xxk71fNezXSNADthrdfCUD81MN+ENhMjm70t0nSRwGmjNeQ==",
       "dependencies": {
         "jszip": "^3.1.5",
         "pako": "^1.0.6",
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.3-beta.0"
+        "igniteui-webcomponents-core": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-excel/node_modules/tslib": {
@@ -8864,14 +8863,14 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-gauges": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-gauges/-/igniteui-webcomponents-gauges-5.0.3-beta.0.tgz",
-      "integrity": "sha512-Nx02pjdzkTVByjoY37kzQ7DSt2TNimTE+DDnRx6pmc9dOaly8PTgF+yfjXzVDmgUCermtgk6TdPWJtdbMSoEdQ==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-gauges/-/igniteui-webcomponents-gauges-5.1.0.tgz",
+      "integrity": "sha512-l79Pog49UmFJhZTvwmz542F2vCoE/IgrRsQW6Rrqv67h31e/cWdL0vpv92SmuB/jFdaowbKz5fONT08Js+qHVQ==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.3-beta.0"
+        "igniteui-webcomponents-core": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-gauges/node_modules/tslib": {
@@ -8880,16 +8879,16 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-grids": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-grids/-/igniteui-webcomponents-grids-5.0.3-beta.0.tgz",
-      "integrity": "sha512-D19p3pLkdGvzMSfRbQgJQrS4Ui3DF4Pe1VbRnD10O0v6nBqGYml+sxbnR3mkQTLKhpOqPPiXc9WkPZsNqoiccw==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-grids/-/igniteui-webcomponents-grids-5.1.0.tgz",
+      "integrity": "sha512-ap0lXTH7SumgmBDHOSCCx7DNJUU1dNMrTYmv/ywIljNox2KngWDkNCWfRvJUlUxscUbZlr7oxcB6MTBGkZhrLQ==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.3-beta.0",
-        "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-        "igniteui-webcomponents-layouts": "5.0.3-beta.0"
+        "igniteui-webcomponents-core": "5.1.0",
+        "igniteui-webcomponents-inputs": "5.1.0",
+        "igniteui-webcomponents-layouts": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-grids/node_modules/tslib": {
@@ -8898,14 +8897,14 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-inputs": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-inputs/-/igniteui-webcomponents-inputs-5.0.3-beta.0.tgz",
-      "integrity": "sha512-aciUOV3GYExvU/8z581tlbKK37pIyUhrvp/O4Qp4DIvsAI1bfi6Vg/pTMe9ayFjfLpc74/3tdAhGXjVjxy9ejQ==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-inputs/-/igniteui-webcomponents-inputs-5.1.0.tgz",
+      "integrity": "sha512-ugwnqy9mhgfHlpnXADIEEkIn8/nq1Xj7x4FEVd3wdZkT7RTs/DfrUARYEUdIJsYpSfcv+lE/0V+zuOGntibCwQ==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.3-beta.0"
+        "igniteui-webcomponents-core": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-inputs/node_modules/tslib": {
@@ -8914,15 +8913,15 @@
       "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA=="
     },
     "node_modules/igniteui-webcomponents-layouts": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-layouts/-/igniteui-webcomponents-layouts-5.0.3-beta.0.tgz",
-      "integrity": "sha512-md5mRE7vlj1i4+Hkl2fcykJBBPfAmKnpizDiBNDz23BhS1Hj04pcL5B8emnaxk2d6tYe5arkeBvGOi16IZLADg==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-layouts/-/igniteui-webcomponents-layouts-5.1.0.tgz",
+      "integrity": "sha512-otY/p+eoDT6+TP2DTWRyiA9aANh4D92FMclAngbkSPfKPY/LldbasnL+gxrCQDRdHNqxLfEr11XzR5xDWdBa4Q==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.3-beta.0",
-        "igniteui-webcomponents-inputs": "5.0.3-beta.0"
+        "igniteui-webcomponents-core": "5.1.0",
+        "igniteui-webcomponents-inputs": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-layouts/node_modules/tslib": {
@@ -8931,15 +8930,15 @@
       "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA=="
     },
     "node_modules/igniteui-webcomponents-maps": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-maps/-/igniteui-webcomponents-maps-5.0.3-beta.0.tgz",
-      "integrity": "sha512-6yXPg1b4Vy6G3ExJ1+vaN4jTHEsa0vWxph7wnjZDWTD6CL8rohSquSv4joGwS2ZknnhriCGvAyHQ/Bl8ZJJ/jg==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-maps/-/igniteui-webcomponents-maps-5.1.0.tgz",
+      "integrity": "sha512-m3trF8Zl4/YRwdDRIU4CR32ceKtzAwIsKBJO+QCu2naE22EGEyE7B24Zr1oVBUGLzK6+BFsv/HtDyHoWFrhq1Q==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-charts": "5.0.3-beta.0",
-        "igniteui-webcomponents-core": "5.0.3-beta.0"
+        "igniteui-webcomponents-charts": "5.1.0",
+        "igniteui-webcomponents-core": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-maps/node_modules/tslib": {
@@ -8948,29 +8947,29 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-spreadsheet": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet/-/igniteui-webcomponents-spreadsheet-5.0.3-beta.0.tgz",
-      "integrity": "sha512-ufU/OtAPvi6uZ1tl4X8X4ZEcIztt3L9rZ3bgTzY+J1fh6WrV4D4Nh2IBD14Oa8CSaxcfo/j+SU7FdNFAjNeXbg==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet/-/igniteui-webcomponents-spreadsheet-5.1.0.tgz",
+      "integrity": "sha512-8d52MKH7jTJXRDTA4wQrfmcyrTOBjdTC8HXPeW8sWtuwVOiF9VcBm9Q+gTpq24I5R4sfLZBydpUmOpIFUSWAaw==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.3-beta.0",
-        "igniteui-webcomponents-excel": "5.0.3-beta.0"
+        "igniteui-webcomponents-core": "5.1.0",
+        "igniteui-webcomponents-excel": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet-chart-adapter/-/igniteui-webcomponents-spreadsheet-chart-adapter-5.0.3-beta.0.tgz",
-      "integrity": "sha512-VDNogVI7BDx5QMWbKRS1Jq92k4PjgtW+AXEMMZ/YQjfSEzOqYE89/h3QFlUvyOCMX98Fioch9dKpWIahQt7JQg==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet-chart-adapter/-/igniteui-webcomponents-spreadsheet-chart-adapter-5.1.0.tgz",
+      "integrity": "sha512-g52WApAADmwfOlak6oNfIqiUNPIzdJl2hr4Yg8A/03wl+f4W+cH859zHAvqBpwTTLGo2DC+nUHhI2ZFjImTywg==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-charts": "5.0.3-beta.0",
-        "igniteui-webcomponents-core": "5.0.3-beta.0",
-        "igniteui-webcomponents-excel": "5.0.3-beta.0",
-        "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0"
+        "igniteui-webcomponents-charts": "5.1.0",
+        "igniteui-webcomponents-core": "5.1.0",
+        "igniteui-webcomponents-excel": "5.1.0",
+        "igniteui-webcomponents-spreadsheet": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter/node_modules/tslib": {
diff --git a/package.json b/package.json
index 634764f98a..1f6bcba373 100644
--- a/package.json
+++ b/package.json
@@ -40,19 +40,19 @@
     "@webcomponents/webcomponentsjs": "2.3.0",
     "core-js": "^3.6.5",
     "file-saver": "^2.0.2",
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-datasources": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.3-beta.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-datasources": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
+    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.1.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0"
   },
diff --git a/samples/charts/category-chart/annotations-all/package.json b/samples/charts/category-chart/annotations-all/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/annotations-callouts/package.json b/samples/charts/category-chart/annotations-callouts/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/annotations-crosshairs/package.json b/samples/charts/category-chart/annotations-crosshairs/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/annotations-custom/package.json b/samples/charts/category-chart/annotations-custom/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/annotations-final-value/package.json b/samples/charts/category-chart/annotations-final-value/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/annotations-highlighting/package.json b/samples/charts/category-chart/annotations-highlighting/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/annotations/package.json b/samples/charts/category-chart/annotations/package.json
index d1899e40bf..6e8852c772 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/area-chart-styling/package.json b/samples/charts/category-chart/area-chart-styling/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-gap/package.json b/samples/charts/category-chart/axis-gap/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-gridlines/package.json b/samples/charts/category-chart/axis-gridlines/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-inverted/package.json b/samples/charts/category-chart/axis-inverted/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-labels/package.json b/samples/charts/category-chart/axis-labels/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-locations/package.json b/samples/charts/category-chart/axis-locations/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-options/package.json b/samples/charts/category-chart/axis-options/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-overlap/package.json b/samples/charts/category-chart/axis-overlap/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-range/package.json b/samples/charts/category-chart/axis-range/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-tickmarks/package.json b/samples/charts/category-chart/axis-tickmarks/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-titles/package.json b/samples/charts/category-chart/axis-titles/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/chart-highlight-filter/package.json b/samples/charts/category-chart/chart-highlight-filter/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/column-chart-styling/package.json b/samples/charts/category-chart/column-chart-styling/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 4ff3f1a8a6..a2061879ac 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/custom-selection/package.json b/samples/charts/category-chart/custom-selection/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/data-aggregations/package.json b/samples/charts/category-chart/data-aggregations/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/data-filter/package.json b/samples/charts/category-chart/data-filter/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/data-legend/package.json b/samples/charts/category-chart/data-legend/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/data-tooltip-positioning/package.json b/samples/charts/category-chart/data-tooltip-positioning/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/data-tooltip/package.json b/samples/charts/category-chart/data-tooltip/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/format-specifiers/package.json b/samples/charts/category-chart/format-specifiers/package.json
index 130ebeed84..53d7b12959 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/high-frequency/package.json b/samples/charts/category-chart/high-frequency/package.json
index 1fb33dee25..9f5f886fdc 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/high-volume/package.json b/samples/charts/category-chart/high-volume/package.json
index e25ddfc3af..b396cff716 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/highlighting-behavior/package.json b/samples/charts/category-chart/highlighting-behavior/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/highlighting-mode/package.json b/samples/charts/category-chart/highlighting-mode/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/highlighting/package.json b/samples/charts/category-chart/highlighting/package.json
index 4ff3f1a8a6..a2061879ac 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/legend-highlighting/package.json b/samples/charts/category-chart/legend-highlighting/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/line-chart-styling/package.json b/samples/charts/category-chart/line-chart-styling/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 e228d60596..80a11dbde7 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 d1899e40bf..6e8852c772 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/marker-options/package.json b/samples/charts/category-chart/marker-options/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/marker-templates/package.json b/samples/charts/category-chart/marker-templates/package.json
index e9bb2bd534..b566357064 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/overview/package.json b/samples/charts/category-chart/overview/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/point-chart-styling/package.json b/samples/charts/category-chart/point-chart-styling/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/selection-modes/package.json b/samples/charts/category-chart/selection-modes/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/selection-multiple-modes/package.json b/samples/charts/category-chart/selection-multiple-modes/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/spline-area-styling/package.json b/samples/charts/category-chart/spline-area-styling/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/spline-multiple-sources/package.json b/samples/charts/category-chart/spline-multiple-sources/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/spline-single-source/package.json b/samples/charts/category-chart/spline-single-source/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/spline-styling/package.json b/samples/charts/category-chart/spline-styling/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/stack-columns/package.json b/samples/charts/category-chart/stack-columns/package.json
index 3dab0218b3..5fda8b5427 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/step-area-styling/package.json b/samples/charts/category-chart/step-area-styling/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/step-line-styling/package.json b/samples/charts/category-chart/step-line-styling/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/tooltip-template/package.json b/samples/charts/category-chart/tooltip-template/package.json
index db2abb4cc0..526ac329dc 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/tooltip-types/package.json b/samples/charts/category-chart/tooltip-types/package.json
index db2abb4cc0..526ac329dc 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/trendline/package.json b/samples/charts/category-chart/trendline/package.json
index d3a3a0f5af..7364741400 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/value-lines/package.json b/samples/charts/category-chart/value-lines/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/annotations-custom/package.json b/samples/charts/data-chart/annotations-custom/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/axis-annotations/package.json b/samples/charts/data-chart/axis-annotations/package.json
index 44aab0b16d..4313c76dd2 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/axis-crossing/package.json b/samples/charts/data-chart/axis-crossing/package.json
index d1e63bc9ae..9186f79ca8 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/axis-label-rotation/package.json b/samples/charts/data-chart/axis-label-rotation/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/axis-locations/package.json b/samples/charts/data-chart/axis-locations/package.json
index d1e63bc9ae..9186f79ca8 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/axis-settings/package.json b/samples/charts/data-chart/axis-settings/package.json
index d410d6df14..ebf041a5c2 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/axis-sharing/package.json b/samples/charts/data-chart/axis-sharing/package.json
index 3aaf7cb18d..ba0a679ef3 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/axis-types/package.json b/samples/charts/data-chart/axis-types/package.json
index d0df75c680..a8d28a917c 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/bar-chart-overlapping/package.json b/samples/charts/data-chart/bar-chart-overlapping/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/bar-chart-styling/package.json b/samples/charts/data-chart/bar-chart-styling/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/callout-layer-styling/package.json b/samples/charts/data-chart/callout-layer-styling/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/chart-highlight-filter/package.json b/samples/charts/data-chart/chart-highlight-filter/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/chart-navigation/package.json b/samples/charts/data-chart/chart-navigation/package.json
index 747f83790f..1b8365059c 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/chart-overview/package.json b/samples/charts/data-chart/chart-overview/package.json
index 589d23e3bf..cb25ff8645 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/chart-performance/package.json b/samples/charts/data-chart/chart-performance/package.json
index 7631447cd8..3ce8dfde46 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/chart-synchronization/package.json b/samples/charts/data-chart/chart-synchronization/package.json
index e56e21584d..e994fc5aff 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/chart-titles/package.json b/samples/charts/data-chart/chart-titles/package.json
index 749ca3bfe1..68094b19f5 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/composite-chart/package.json b/samples/charts/data-chart/composite-chart/package.json
index 589d23e3bf..cb25ff8645 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/crosshair-layer-styling/package.json b/samples/charts/data-chart/crosshair-layer-styling/package.json
index 462cda9f5c..a931b5dccc 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/custom-drawing-annotations/package.json b/samples/charts/data-chart/custom-drawing-annotations/package.json
index bbfefd3db6..a273195873 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/custom-editing-data/package.json b/samples/charts/data-chart/custom-editing-data/package.json
index 393292b0c0..04eba8b615 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/dash-array-axes/package.json b/samples/charts/data-chart/dash-array-axes/package.json
index 393292b0c0..04eba8b615 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/dash-array-series/package.json b/samples/charts/data-chart/dash-array-series/package.json
index 393292b0c0..04eba8b615 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/dash-array-tickmarks/package.json b/samples/charts/data-chart/dash-array-tickmarks/package.json
index 393292b0c0..04eba8b615 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/dash-array-trendline/package.json b/samples/charts/data-chart/dash-array-trendline/package.json
index 393292b0c0..04eba8b615 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/data-legend-grouping/package.json b/samples/charts/data-chart/data-legend-grouping/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/data-legend-styling/package.json b/samples/charts/data-chart/data-legend-styling/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/data-legend/package.json b/samples/charts/data-chart/data-legend/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 130ebeed84..53d7b12959 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/data-tooltip-grouping/package.json b/samples/charts/data-chart/data-tooltip-grouping/package.json
index 130ebeed84..53d7b12959 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/data-tooltip-styling/package.json b/samples/charts/data-chart/data-tooltip-styling/package.json
index 130ebeed84..53d7b12959 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/data-tooltip/package.json b/samples/charts/data-chart/data-tooltip/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 73c10c727c..7e4ac8a4b5 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/financial-price-series/package.json b/samples/charts/data-chart/financial-price-series/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/format-specifiers/package.json b/samples/charts/data-chart/format-specifiers/package.json
index 393292b0c0..04eba8b615 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/legends/package.json b/samples/charts/data-chart/legends/package.json
index 66c1c01084..0740c88fe2 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/polar-area-chart/package.json b/samples/charts/data-chart/polar-area-chart/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/polar-chart-types/package.json b/samples/charts/data-chart/polar-chart-types/package.json
index 0c158582ab..4856057f53 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/polar-line-chart/package.json b/samples/charts/data-chart/polar-line-chart/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/polar-scatter-chart/package.json b/samples/charts/data-chart/polar-scatter-chart/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/polar-spline-chart/package.json b/samples/charts/data-chart/polar-spline-chart/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/radial-area-chart/package.json b/samples/charts/data-chart/radial-area-chart/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/radial-chart-types/package.json b/samples/charts/data-chart/radial-chart-types/package.json
index a6fd19170f..21bea624d8 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/radial-column-chart/package.json b/samples/charts/data-chart/radial-column-chart/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/radial-label-mode/package.json b/samples/charts/data-chart/radial-label-mode/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/radial-line-chart/package.json b/samples/charts/data-chart/radial-line-chart/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/radial-pie-chart/package.json b/samples/charts/data-chart/radial-pie-chart/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/range-area-chart/package.json b/samples/charts/data-chart/range-area-chart/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/range-column-chart/package.json b/samples/charts/data-chart/range-column-chart/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/scatter-line-chart/package.json b/samples/charts/data-chart/scatter-line-chart/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/scatter-point-chart/package.json b/samples/charts/data-chart/scatter-point-chart/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/scatter-spline-chart/package.json b/samples/charts/data-chart/scatter-spline-chart/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/series-animations/package.json b/samples/charts/data-chart/series-animations/package.json
index 9b3d2e48f7..20fe9acd3e 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/series-annotations/package.json b/samples/charts/data-chart/series-annotations/package.json
index 245c3e8e45..d75cfb9590 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/series-error-bars/package.json b/samples/charts/data-chart/series-error-bars/package.json
index 42ab399e63..b93c50cbae 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/series-highlighting/package.json b/samples/charts/data-chart/series-highlighting/package.json
index 3b13cbfe82..5e55c6ceca 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/series-marker-template/package.json b/samples/charts/data-chart/series-marker-template/package.json
index 0965c6d7a3..5563c17835 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/series-markers/package.json b/samples/charts/data-chart/series-markers/package.json
index 77f143cc9b..b7d3033d2b 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/series-tooltips/package.json b/samples/charts/data-chart/series-tooltips/package.json
index 0446916fc2..4be2d8ec68 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/series-trendlines/package.json b/samples/charts/data-chart/series-trendlines/package.json
index 6ed68b1d6a..43ceb6862e 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/series-value-overlay/package.json b/samples/charts/data-chart/series-value-overlay/package.json
index 8b89849cbe..61a403d111 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/stacked-area-chart/package.json b/samples/charts/data-chart/stacked-area-chart/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/stacked-bar-chart/package.json b/samples/charts/data-chart/stacked-bar-chart/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/stacked-chart-types/package.json b/samples/charts/data-chart/stacked-chart-types/package.json
index eb7e0a0ef4..3fe1d05925 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/stacked-column-chart/package.json b/samples/charts/data-chart/stacked-column-chart/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/stacked-line-chart/package.json b/samples/charts/data-chart/stacked-line-chart/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/stacked-spline-chart/package.json b/samples/charts/data-chart/stacked-spline-chart/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/tooltip-template/package.json b/samples/charts/data-chart/tooltip-template/package.json
index 4313f8d6f6..61134315cc 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/transition-event/package.json b/samples/charts/data-chart/transition-event/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 ed3131c30e..3953da9ead 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 c4239aaecf..3f311683b1 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 666b04639b..034f31b57a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 87bf90c883..0f45508e9b 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/type-financial-overlays/package.json b/samples/charts/data-chart/type-financial-overlays/package.json
index b779b8bf4e..95678a5906 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/type-financial-series/package.json b/samples/charts/data-chart/type-financial-series/package.json
index 5874a0d771..43564b6228 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 af5a8243b8..be5706caea 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 cba8aacdc0..ded806da83 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/type-range-series/package.json b/samples/charts/data-chart/type-range-series/package.json
index 6bdd2a1817..8e885549ba 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 251b930548..dbb118a53f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 8a7c157b7e..a8e534923d 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 f0e8b03c74..c8e4b51222 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 84c9e5f8e9..071000e0a1 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 97f66466ef..3f3cb1a822 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 835e145027..f4982ad971 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/type-scatter-series/package.json b/samples/charts/data-chart/type-scatter-series/package.json
index 633d9111c1..023348173f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/type-shape-series/package.json b/samples/charts/data-chart/type-shape-series/package.json
index fc26a70af5..7f0034d8db 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/waterfall-chart/package.json b/samples/charts/data-chart/waterfall-chart/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-pie-chart/animation/package.json b/samples/charts/data-pie-chart/animation/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-pie-chart/highlight-filter/package.json b/samples/charts/data-pie-chart/highlight-filter/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-pie-chart/highlighting/package.json b/samples/charts/data-pie-chart/highlighting/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-pie-chart/legend/package.json b/samples/charts/data-pie-chart/legend/package.json
index 130ebeed84..53d7b12959 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-pie-chart/others/package.json b/samples/charts/data-pie-chart/others/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-pie-chart/overview/package.json b/samples/charts/data-pie-chart/overview/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-pie-chart/selection/package.json b/samples/charts/data-pie-chart/selection/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/doughnut-chart/animation/package.json b/samples/charts/doughnut-chart/animation/package.json
index 38076bf1d4..15be6f2453 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/doughnut-chart/explosion/package.json b/samples/charts/doughnut-chart/explosion/package.json
index 5156d00128..de630dd826 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/doughnut-chart/legend/package.json b/samples/charts/doughnut-chart/legend/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/doughnut-chart/overview/package.json b/samples/charts/doughnut-chart/overview/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/doughnut-chart/rings/package.json b/samples/charts/doughnut-chart/rings/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/doughnut-chart/selection/package.json b/samples/charts/doughnut-chart/selection/package.json
index f0a8f2caf7..52b8a35939 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/annotations/package.json b/samples/charts/financial-chart/annotations/package.json
index 3a95bcea12..ff4ff27c20 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/axis-types/package.json b/samples/charts/financial-chart/axis-types/package.json
index b98093c4ed..db97378c75 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/data-legend/package.json b/samples/charts/financial-chart/data-legend/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/data-tooltip/package.json b/samples/charts/financial-chart/data-tooltip/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/format-specifiers/package.json b/samples/charts/financial-chart/format-specifiers/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/high-frequency/package.json b/samples/charts/financial-chart/high-frequency/package.json
index 53237dffca..0eaf7fa536 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/high-volume/package.json b/samples/charts/financial-chart/high-volume/package.json
index 6f7a7df36d..b65d79a6c7 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/indicator-customization/package.json b/samples/charts/financial-chart/indicator-customization/package.json
index 93ac23d70e..252110bd49 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/indicator-types/package.json b/samples/charts/financial-chart/indicator-types/package.json
index a102f45195..7a492096a4 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/multiple-data/package.json b/samples/charts/financial-chart/multiple-data/package.json
index 3f0b745612..95c10777f6 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/overview/package.json b/samples/charts/financial-chart/overview/package.json
index 2f5e9f6726..f09ce308c5 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/panes/package.json b/samples/charts/financial-chart/panes/package.json
index d847182fad..363d3e8994 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/performance/package.json b/samples/charts/financial-chart/performance/package.json
index de8911111c..c63ad2b06e 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/scrollbars/package.json b/samples/charts/financial-chart/scrollbars/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/stock-index-chart/package.json b/samples/charts/financial-chart/stock-index-chart/package.json
index 86857e6f1e..41e4d10623 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/styling/package.json b/samples/charts/financial-chart/styling/package.json
index ff8d3de808..c81f29d85b 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/titles/package.json b/samples/charts/financial-chart/titles/package.json
index 7483bbe292..91113c48da 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/tooltip-types/package.json b/samples/charts/financial-chart/tooltip-types/package.json
index 472f661b70..aed3033f14 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/trendlines/package.json b/samples/charts/financial-chart/trendlines/package.json
index 7ea1745476..5e1d68587e 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/volume-types/package.json b/samples/charts/financial-chart/volume-types/package.json
index 9b904cb357..2094244bbb 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/pie-chart/animation/package.json b/samples/charts/pie-chart/animation/package.json
index c62bd76eaf..659ae76a1e 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/pie-chart/explosion/package.json b/samples/charts/pie-chart/explosion/package.json
index 888494e69c..4438e1c932 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/pie-chart/legend/package.json b/samples/charts/pie-chart/legend/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/pie-chart/others/package.json b/samples/charts/pie-chart/others/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/pie-chart/overview/package.json b/samples/charts/pie-chart/overview/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/pie-chart/selection/package.json b/samples/charts/pie-chart/selection/package.json
index 355df3bc2a..fe770cdbce 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/pie-chart/styling/package.json b/samples/charts/pie-chart/styling/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/display-area/package.json b/samples/charts/sparkline/display-area/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/display-column/package.json b/samples/charts/sparkline/display-column/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/display-lines/package.json b/samples/charts/sparkline/display-lines/package.json
index 130ebeed84..53d7b12959 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/display-types/package.json b/samples/charts/sparkline/display-types/package.json
index c4e00bddcb..dba387c55d 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/display-winloss/package.json b/samples/charts/sparkline/display-winloss/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/grid/package.json b/samples/charts/sparkline/grid/package.json
index 5dc9de264c..2f71c58d09 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/markers/package.json b/samples/charts/sparkline/markers/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/normal-range/package.json b/samples/charts/sparkline/normal-range/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/trendlines/package.json b/samples/charts/sparkline/trendlines/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/unknown-values/package.json b/samples/charts/sparkline/unknown-values/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 130ebeed84..53d7b12959 100644
--- a/samples/charts/toolbar/actions-built-in-category-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-category-chart/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 130ebeed84..53d7b12959 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/toolbar/custom-tool/package.json b/samples/charts/toolbar/custom-tool/package.json
index 130ebeed84..53d7b12959 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 130ebeed84..53d7b12959 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/toolbar/layout-in-vertical-orientation/package.json b/samples/charts/toolbar/layout-in-vertical-orientation/package.json
index 130ebeed84..53d7b12959 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/toolbar/theming/package.json b/samples/charts/toolbar/theming/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/tree-map/events/package.json b/samples/charts/tree-map/events/package.json
index 6f36edde9c..e5487fe274 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/tree-map/highlighting-percent-based/package.json b/samples/charts/tree-map/highlighting-percent-based/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/tree-map/highlighting/package.json b/samples/charts/tree-map/highlighting/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/tree-map/layout/package.json b/samples/charts/tree-map/layout/package.json
index 3265726c77..cfe663c26f 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": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/tree-map/overview/package.json b/samples/charts/tree-map/overview/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/tree-map/styling/package.json b/samples/charts/tree-map/styling/package.json
index a1dd5e86ea..18acf18b3f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/zoomslider/overview/package.json b/samples/charts/zoomslider/overview/package.json
index 4e1d83ec03..8b8cddee8a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/editors/multi-column-combobox/overview/package.json b/samples/editors/multi-column-combobox/overview/package.json
index a781416884..7011138e6d 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/editors/x-date-picker/date-limits/package.json b/samples/editors/x-date-picker/date-limits/package.json
index 61fa4f3f96..20254fff6f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/editors/x-date-picker/editing/package.json b/samples/editors/x-date-picker/editing/package.json
index ec509f96bb..e5e4bb504c 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/editors/x-date-picker/format/package.json b/samples/editors/x-date-picker/format/package.json
index 0e37a9d8cb..29e325bbb9 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/editors/x-date-picker/overview/package.json b/samples/editors/x-date-picker/overview/package.json
index 2dcf73057e..f8e5117f7e 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/editors/x-date-picker/range/package.json b/samples/editors/x-date-picker/range/package.json
index c4b6631ae7..bd9f342e06 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/excel-library/operations-on-workbooks/package.json b/samples/excel/excel-library/operations-on-workbooks/package.json
index a38d881bb8..84ee93e2b8 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/excel-library/operations-on-worksheets/package.json b/samples/excel/excel-library/operations-on-worksheets/package.json
index 813e3cc00d..a4dada8d17 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/excel-library/overview/package.json b/samples/excel/excel-library/overview/package.json
index 4876d9b3cd..74e8a6f8ab 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/excel-library/working-with-cells/package.json b/samples/excel/excel-library/working-with-cells/package.json
index 846067893c..65aaed724c 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/excel-library/working-with-charts/package.json b/samples/excel/excel-library/working-with-charts/package.json
index d6faff3c8a..ffa9f2f094 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/excel-library/working-with-sparklines/package.json b/samples/excel/excel-library/working-with-sparklines/package.json
index 735ad9ee3c..3a1774b0b7 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/activation/package.json b/samples/excel/spreadsheet/activation/package.json
index 729939d8ee..8d7f5e041b 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/adapter-chart/package.json b/samples/excel/spreadsheet/adapter-chart/package.json
index aa1d8bbecd..6b90a4e037 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
+    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/adapter-combo/package.json b/samples/excel/spreadsheet/adapter-combo/package.json
index f1117a1739..345bb7bb66 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
+    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/clipboard/package.json b/samples/excel/spreadsheet/clipboard/package.json
index c197b470d2..4159d03db2 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/commands/package.json b/samples/excel/spreadsheet/commands/package.json
index 1790f3cf9f..157dc9d11f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/conditional-formatting/package.json b/samples/excel/spreadsheet/conditional-formatting/package.json
index 217030ca9d..92661bdfec 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/config-options/package.json b/samples/excel/spreadsheet/config-options/package.json
index 15fba4ba68..1f77b4c0c3 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/data-validation/package.json b/samples/excel/spreadsheet/data-validation/package.json
index 76e6e5fb6a..b2f214dd3d 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/filter-dialog/package.json b/samples/excel/spreadsheet/filter-dialog/package.json
index 8de869918c..18ffcb6902 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/format-dialog/package.json b/samples/excel/spreadsheet/format-dialog/package.json
index 555f008ff4..73b6816096 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/hyperlinks/package.json b/samples/excel/spreadsheet/hyperlinks/package.json
index c512bfc5f2..538f926b6d 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/overview/package.json b/samples/excel/spreadsheet/overview/package.json
index e29390af5d..da5d219803 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/sort-dialog/package.json b/samples/excel/spreadsheet/sort-dialog/package.json
index 4c34dd076a..76f9bc922b 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/animation/package.json b/samples/gauges/bullet-graph/animation/package.json
index 53f625df16..858df87b20 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/background/package.json b/samples/gauges/bullet-graph/background/package.json
index 521dd4017c..6c584a3aae 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/highlight-needle/package.json b/samples/gauges/bullet-graph/highlight-needle/package.json
index 2b109d0ff6..d1f99699b8 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/labels/package.json b/samples/gauges/bullet-graph/labels/package.json
index eb5bb63e65..820ae1973c 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/measures/package.json b/samples/gauges/bullet-graph/measures/package.json
index 4df35de231..6ca291dd64 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/ranges/package.json b/samples/gauges/bullet-graph/ranges/package.json
index a00baac99c..82394c7178 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/scale/package.json b/samples/gauges/bullet-graph/scale/package.json
index 9565b3f4e6..2405357906 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/tickmarks/package.json b/samples/gauges/bullet-graph/tickmarks/package.json
index 80ec193831..ac7a5818a4 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/type-filled/package.json b/samples/gauges/bullet-graph/type-filled/package.json
index 6cf29dc128..b286d26d6b 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/type-horizontal/package.json b/samples/gauges/bullet-graph/type-horizontal/package.json
index c973d6a103..a2bb3e8dbd 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/type-reversed/package.json b/samples/gauges/bullet-graph/type-reversed/package.json
index 8ff1f8096b..cb11858dcd 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/type-segmented/package.json b/samples/gauges/bullet-graph/type-segmented/package.json
index 887fe799c5..7078b10714 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/type-vertical/package.json b/samples/gauges/bullet-graph/type-vertical/package.json
index d7756195b2..7fd4c66f20 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/animation/package.json b/samples/gauges/linear-gauge/animation/package.json
index 538fcede93..36dac014bd 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/backing/package.json b/samples/gauges/linear-gauge/backing/package.json
index 6630764544..6d1c2040ac 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/highlight-needle/package.json b/samples/gauges/linear-gauge/highlight-needle/package.json
index fb58740cc3..e36768fa9d 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/labels/package.json b/samples/gauges/linear-gauge/labels/package.json
index 6e7877b7e4..e31af6df17 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/needle/package.json b/samples/gauges/linear-gauge/needle/package.json
index 70355bd7ba..0dd41ae3b5 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/ranges/package.json b/samples/gauges/linear-gauge/ranges/package.json
index d1fee6f3de..098d6cf9ea 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/scale/package.json b/samples/gauges/linear-gauge/scale/package.json
index a2422bf11d..e8969ce86c 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/tickmarks/package.json b/samples/gauges/linear-gauge/tickmarks/package.json
index d1a8963b22..4e75f1196f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/type-curved/package.json b/samples/gauges/linear-gauge/type-curved/package.json
index 6d7c68115d..89e70aed6c 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/type-filled/package.json b/samples/gauges/linear-gauge/type-filled/package.json
index 722b2a6876..4a8716fb75 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/type-horizontal/package.json b/samples/gauges/linear-gauge/type-horizontal/package.json
index c66ad8310e..13c1aea9c9 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/type-multi-range/package.json b/samples/gauges/linear-gauge/type-multi-range/package.json
index 80fc780397..a1330e0f97 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/type-multi-scale/package.json b/samples/gauges/linear-gauge/type-multi-scale/package.json
index 9c2e530802..af58f3474d 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/type-segmented/package.json b/samples/gauges/linear-gauge/type-segmented/package.json
index cfceae5aef..dc1e8af5be 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/type-vertical/package.json b/samples/gauges/linear-gauge/type-vertical/package.json
index 19eb71ece4..86bd12761c 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/animation/package.json b/samples/gauges/radial-gauge/animation/package.json
index ce3960a5e5..4120850959 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/backing/package.json b/samples/gauges/radial-gauge/backing/package.json
index 58f90b8481..5759cf877f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/highlight-needle/package.json b/samples/gauges/radial-gauge/highlight-needle/package.json
index 844c92bf68..27a96ec568 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/labels/package.json b/samples/gauges/radial-gauge/labels/package.json
index 273c67b002..f20b661da7 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/needle/package.json b/samples/gauges/radial-gauge/needle/package.json
index 53de2376e5..97a12a6770 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/optical-scaling/package.json b/samples/gauges/radial-gauge/optical-scaling/package.json
index 273c67b002..f20b661da7 100644
--- a/samples/gauges/radial-gauge/optical-scaling/package.json
+++ b/samples/gauges/radial-gauge/optical-scaling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/ranges/package.json b/samples/gauges/radial-gauge/ranges/package.json
index bc20620b32..95c4e32de4 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/scale/package.json b/samples/gauges/radial-gauge/scale/package.json
index ce055d1d40..dc006bc153 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/tickmarks/package.json b/samples/gauges/radial-gauge/tickmarks/package.json
index ba19b97076..d21b696bd5 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/type-column/package.json b/samples/gauges/radial-gauge/type-column/package.json
index 1471fe94cd..729fb7a2b2 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/type-curved/package.json b/samples/gauges/radial-gauge/type-curved/package.json
index 96cbfda8fb..792bbb59ce 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/type-direction/package.json b/samples/gauges/radial-gauge/type-direction/package.json
index 6dc4ccd5a2..56c4a07166 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/type-full/package.json b/samples/gauges/radial-gauge/type-full/package.json
index bed9833adc..34eca3a4a0 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/type-half/package.json b/samples/gauges/radial-gauge/type-half/package.json
index c989d36341..ed3b6a8ad3 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/type-quatre/package.json b/samples/gauges/radial-gauge/type-quatre/package.json
index 227a9afa73..852c17543c 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/type-ring/package.json b/samples/gauges/radial-gauge/type-ring/package.json
index 0ce06ddbbe..d79a853957 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/type-segmented/package.json b/samples/gauges/radial-gauge/type-segmented/package.json
index 7bea1911cd..3effef16a7 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/type-semi/package.json b/samples/gauges/radial-gauge/type-semi/package.json
index e1fb299b35..80c55091f1 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/accessibility/package.json b/samples/grids/data-grid/accessibility/package.json
index c6c763fa5e..c8124f4f21 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/binding-data-service/package.json b/samples/grids/data-grid/binding-data-service/package.json
index e4dcd082c1..ddd1bb7941 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/binding-live-data/package.json b/samples/grids/data-grid/binding-live-data/package.json
index ac62141270..3cf6485a80 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -57,7 +57,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/binding-local-data/package.json b/samples/grids/data-grid/binding-local-data/package.json
index 674ebb6977..fae066fd9f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/binding-remote-data/package.json b/samples/grids/data-grid/binding-remote-data/package.json
index cc8aed4ec5..7600dd7000 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-datasources": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-datasources": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/cell-activation/package.json b/samples/grids/data-grid/cell-activation/package.json
index 1fd0ea11f5..e5937d6f88 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/cell-editing/package.json b/samples/grids/data-grid/cell-editing/package.json
index a319b775a4..2c421476be 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/cell-merging/package.json b/samples/grids/data-grid/cell-merging/package.json
index 1e234994ec..47179056e3 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-datasources": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-datasources": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/cell-selection/package.json b/samples/grids/data-grid/cell-selection/package.json
index f556ce2b5b..e02f40ac29 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-animation/package.json b/samples/grids/data-grid/column-animation/package.json
index 6fbd6b6068..eeb8db728b 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-chooser-picker/package.json b/samples/grids/data-grid/column-chooser-picker/package.json
index 62ab25966c..9e61ca7273 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-chooser-toolbar/package.json b/samples/grids/data-grid/column-chooser-toolbar/package.json
index 3e52ece00a..29c7bcd9d7 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-filter-expressions/package.json b/samples/grids/data-grid/column-filter-expressions/package.json
index 335f7228e9..4fad5d388d 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-filter-operands/package.json b/samples/grids/data-grid/column-filter-operands/package.json
index d660e7704f..c06ea38777 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-filtering/package.json b/samples/grids/data-grid/column-filtering/package.json
index 3943d22cbb..5a8716df2a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-moving/package.json b/samples/grids/data-grid/column-moving/package.json
index 492c52f35f..9e79e8dffc 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-options/package.json b/samples/grids/data-grid/column-options/package.json
index 5fb048e065..5362101555 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-pinning-picker/package.json b/samples/grids/data-grid/column-pinning-picker/package.json
index f32f8a0613..3a3f901959 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -52,7 +52,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-pinning-toolbar/package.json b/samples/grids/data-grid/column-pinning-toolbar/package.json
index 58d1a8bb6c..8d04d8555c 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-resizing/package.json b/samples/grids/data-grid/column-resizing/package.json
index 5badcc5f49..7421209cbe 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-scrolling/package.json b/samples/grids/data-grid/column-scrolling/package.json
index f9cfa00640..b66ad8a4ce 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-sorting/package.json b/samples/grids/data-grid/column-sorting/package.json
index dee95b7be0..358eed1b45 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-summaries/package.json b/samples/grids/data-grid/column-summaries/package.json
index d13898ef17..13767a52d2 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-types/package.json b/samples/grids/data-grid/column-types/package.json
index b4af7d2112..c7e6116a1d 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/load-save-layout/package.json b/samples/grids/data-grid/load-save-layout/package.json
index 477dc89ace..33f9d3093b 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/localization/package.json b/samples/grids/data-grid/localization/package.json
index ccba669207..6fdef739c0 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/overview/package.json b/samples/grids/data-grid/overview/package.json
index f7ba46940d..4d750e838b 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/pager/package.json b/samples/grids/data-grid/pager/package.json
index 6edddf5668..44a8d6e052 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/performance/package.json b/samples/grids/data-grid/performance/package.json
index c52330f9c0..11c573c5ef 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/row-group-descriptions/package.json b/samples/grids/data-grid/row-group-descriptions/package.json
index e579497af4..345a9d64dc 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/row-grouping/package.json b/samples/grids/data-grid/row-grouping/package.json
index e579497af4..345a9d64dc 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/row-highlighting/package.json b/samples/grids/data-grid/row-highlighting/package.json
index a1e3be2b10..56a6abd31d 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/row-paging/package.json b/samples/grids/data-grid/row-paging/package.json
index 4ad4217089..9bb24b277c 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/row-pinning/package.json b/samples/grids/data-grid/row-pinning/package.json
index 4c767271b4..82792bf945 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/row-selection/package.json b/samples/grids/data-grid/row-selection/package.json
index f556ce2b5b..e02f40ac29 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/type-comparison-table/package.json b/samples/grids/data-grid/type-comparison-table/package.json
index c8eab7b395..98b18f3c88 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-datasources": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-datasources": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/type-heatmap-table/package.json b/samples/grids/data-grid/type-heatmap-table/package.json
index 27f4a0e8af..b6f7774f7a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/type-marketing-table/package.json b/samples/grids/data-grid/type-marketing-table/package.json
index a3392054bc..b6913ebcda 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/type-matrix-table/package.json b/samples/grids/data-grid/type-matrix-table/package.json
index 6be67ae155..695db7f222 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/type-periodic-table/package.json b/samples/grids/data-grid/type-periodic-table/package.json
index 9a2c12b060..f4fb8ecf79 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/type-table/package.json b/samples/grids/data-grid/type-table/package.json
index be748f6038..54c25cb9c2 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/action-strip/package.json b/samples/grids/grid/action-strip/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/advanced-filtering-options/package.json b/samples/grids/grid/advanced-filtering-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/advanced-filtering-style/package.json b/samples/grids/grid/advanced-filtering-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/binding-composite-data/package.json b/samples/grids/grid/binding-composite-data/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/binding-crud-data/package.json b/samples/grids/grid/binding-crud-data/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/binding-nested-data-1/package.json b/samples/grids/grid/binding-nested-data-1/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/cascading-combo/package.json b/samples/grids/grid/cascading-combo/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/cell-editing-sample/package.json b/samples/grids/grid/cell-editing-sample/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/cell-editing-styling/package.json b/samples/grids/grid/cell-editing-styling/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/cell-selection-mode/package.json b/samples/grids/grid/cell-selection-mode/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/cell-selection-style/package.json b/samples/grids/grid/cell-selection-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/change-icons-custom/package.json b/samples/grids/grid/change-icons-custom/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/grid/change-icons-custom/package.json
+++ b/samples/grids/grid/change-icons-custom/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/clipboard-operations/package.json b/samples/grids/grid/clipboard-operations/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/grid/clipboard-operations/package.json
+++ b/samples/grids/grid/clipboard-operations/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-auto-sizing/package.json b/samples/grids/grid/column-auto-sizing/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-collapsible-groups/package.json b/samples/grids/grid/column-collapsible-groups/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-data-types/package.json b/samples/grids/grid/column-data-types/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-hiding-options/package.json b/samples/grids/grid/column-hiding-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-hiding-toolbar-style/package.json b/samples/grids/grid/column-hiding-toolbar-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-hiding-toolbar/package.json b/samples/grids/grid/column-hiding-toolbar/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-moving-options/package.json b/samples/grids/grid/column-moving-options/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-moving-styles/package.json b/samples/grids/grid/column-moving-styles/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-pinning-options/package.json b/samples/grids/grid/column-pinning-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-pinning-right-side/package.json b/samples/grids/grid/column-pinning-right-side/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-pinning-styles/package.json b/samples/grids/grid/column-pinning-styles/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-pinning/package.json b/samples/grids/grid/column-pinning/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-resize-styling/package.json b/samples/grids/grid/column-resize-styling/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-resizing/package.json b/samples/grids/grid/column-resizing/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-selection-group/package.json b/samples/grids/grid/column-selection-group/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-selection-mode/package.json b/samples/grids/grid/column-selection-mode/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-selection-styles/package.json b/samples/grids/grid/column-selection-styles/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-sorting-indicators/package.json b/samples/grids/grid/column-sorting-indicators/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-sorting-options/package.json b/samples/grids/grid/column-sorting-options/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-sorting-style/package.json b/samples/grids/grid/column-sorting-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/conditional-cell-style-1/package.json b/samples/grids/grid/conditional-cell-style-1/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/conditional-cell-style-2/package.json b/samples/grids/grid/conditional-cell-style-2/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/conditional-row-selectors/package.json b/samples/grids/grid/conditional-row-selectors/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/custom-context-menu/package.json b/samples/grids/grid/custom-context-menu/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/grid/custom-context-menu/package.json
+++ b/samples/grids/grid/custom-context-menu/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/custom-filtering/package.json b/samples/grids/grid/custom-filtering/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-batch-editing-actions/package.json b/samples/grids/grid/data-batch-editing-actions/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-exporting-indicator/package.json b/samples/grids/grid/data-exporting-indicator/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-paste-options/package.json b/samples/grids/grid/data-paste-options/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/grid/data-paste-options/package.json
+++ b/samples/grids/grid/data-paste-options/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-performance-virtualization/package.json b/samples/grids/grid/data-performance-virtualization/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-searching/package.json b/samples/grids/grid/data-searching/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/grid/data-searching/package.json
+++ b/samples/grids/grid/data-searching/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-summaries-custom/package.json b/samples/grids/grid/data-summaries-custom/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-summary-formatter/package.json b/samples/grids/grid/data-summary-formatter/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-summary-options/package.json b/samples/grids/grid/data-summary-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-summary-template/package.json b/samples/grids/grid/data-summary-template/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-validation-style/package.json b/samples/grids/grid/data-validation-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-validator-service-extended/package.json b/samples/grids/grid/data-validator-service-extended/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-validator-service/package.json b/samples/grids/grid/data-validator-service/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/editing-columns/package.json b/samples/grids/grid/editing-columns/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/editing-columns/package.json
+++ b/samples/grids/grid/editing-columns/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/editing-events/package.json b/samples/grids/grid/editing-events/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/editing-excel-style-custom/package.json b/samples/grids/grid/editing-excel-style-custom/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/editing-excel-style/package.json b/samples/grids/grid/editing-excel-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/editing-lifecycle/package.json b/samples/grids/grid/editing-lifecycle/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/excel-exporting/package.json b/samples/grids/grid/excel-exporting/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/excel-style-filtering-style/package.json b/samples/grids/grid/excel-style-filtering-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/external-advanced-filtering/package.json b/samples/grids/grid/external-advanced-filtering/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/filtering-options/package.json b/samples/grids/grid/filtering-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/filtering-strategy/package.json b/samples/grids/grid/filtering-strategy/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/filtering-style/package.json b/samples/grids/grid/filtering-style/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/finjs/package.json b/samples/grids/grid/finjs/package.json
index 125c04c72b..93b946e25b 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/groupby-custom/package.json b/samples/grids/grid/groupby-custom/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/groupby-expressions/package.json b/samples/grids/grid/groupby-expressions/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/groupby-paging/package.json b/samples/grids/grid/groupby-paging/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/groupby-styling/package.json b/samples/grids/grid/groupby-styling/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/groupby-summary-options/package.json b/samples/grids/grid/groupby-summary-options/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/groupby-summary-styling/package.json b/samples/grids/grid/groupby-summary-styling/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/infinite-scroll/package.json b/samples/grids/grid/infinite-scroll/package.json
index 05c158bf91..adb19e0cf0 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "rxjs": "7.8.1",
     "tslib": "^2.0.0"
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/keyboard-custom-navigation/package.json b/samples/grids/grid/keyboard-custom-navigation/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/keyboard-mrl-navigation/package.json b/samples/grids/grid/keyboard-mrl-navigation/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/keyboard-navigation-guide/package.json b/samples/grids/grid/keyboard-navigation-guide/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/layout-display-density/package.json b/samples/grids/grid/layout-display-density/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/master-detail/package.json b/samples/grids/grid/master-detail/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/multi-cell-selection-mode/package.json b/samples/grids/grid/multi-cell-selection-mode/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/multi-column-headers-export/package.json b/samples/grids/grid/multi-column-headers-export/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/multi-column-headers-overview/package.json b/samples/grids/grid/multi-column-headers-overview/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/multi-column-headers-styling/package.json b/samples/grids/grid/multi-column-headers-styling/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/multi-column-headers-template/package.json b/samples/grids/grid/multi-column-headers-template/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/multi-row-layout-options/package.json b/samples/grids/grid/multi-row-layout-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/multi-row-layout-style/package.json b/samples/grids/grid/multi-row-layout-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/overview/package.json b/samples/grids/grid/overview/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/paste/package.json b/samples/grids/grid/paste/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/remote-paging-data/package.json b/samples/grids/grid/remote-paging-data/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/remote-paging-grid/package.json b/samples/grids/grid/remote-paging-grid/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-adding/package.json b/samples/grids/grid/row-adding/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-classes/package.json b/samples/grids/grid/row-classes/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-drag-base/package.json b/samples/grids/grid/row-drag-base/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-editing-options/package.json b/samples/grids/grid/row-editing-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-editing-style/package.json b/samples/grids/grid/row-editing-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-paging-basic/package.json b/samples/grids/grid/row-paging-basic/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-paging-options/package.json b/samples/grids/grid/row-paging-options/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-pinning-drag/package.json b/samples/grids/grid/row-pinning-drag/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-pinning-extra-column/package.json b/samples/grids/grid/row-pinning-extra-column/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-pinning-options/package.json b/samples/grids/grid/row-pinning-options/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-pinning-style/package.json b/samples/grids/grid/row-pinning-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-reorder/package.json b/samples/grids/grid/row-reorder/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-selection-mode/package.json b/samples/grids/grid/row-selection-mode/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-selection-template-excel/package.json b/samples/grids/grid/row-selection-template-excel/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-selection-template-numbers/package.json b/samples/grids/grid/row-selection-template-numbers/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-styles/package.json b/samples/grids/grid/row-styles/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/state-persistence-about/package.json b/samples/grids/grid/state-persistence-about/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/grid/state-persistence-about/package.json
+++ b/samples/grids/grid/state-persistence-about/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/state-persistence-main/package.json b/samples/grids/grid/state-persistence-main/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/grid/state-persistence-main/package.json
+++ b/samples/grids/grid/state-persistence-main/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/styling-custom-CSS/package.json b/samples/grids/grid/styling-custom-CSS/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/toolbar-sample-1/package.json b/samples/grids/grid/toolbar-sample-1/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/toolbar-sample-2/package.json b/samples/grids/grid/toolbar-sample-2/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/toolbar-sample-3/package.json b/samples/grids/grid/toolbar-sample-3/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/toolbar-sample-4/package.json b/samples/grids/grid/toolbar-sample-4/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/toolbar-style/package.json b/samples/grids/grid/toolbar-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/action-strip/package.json b/samples/grids/hierarchical-grid/action-strip/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/cell-editing-sample/package.json b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/cell-editing-styling/package.json b/samples/grids/hierarchical-grid/cell-editing-styling/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/cell-selection-mode/package.json b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/cell-selection-overview/package.json b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/cell-selection-style/package.json b/samples/grids/hierarchical-grid/cell-selection-style/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/cell-selection-styling/package.json b/samples/grids/hierarchical-grid/cell-selection-styling/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/hierarchical-grid/cell-selection-styling/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-styling/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-auto-sizing/package.json b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-moving-options/package.json b/samples/grids/hierarchical-grid/column-moving-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-moving-styles/package.json b/samples/grids/hierarchical-grid/column-moving-styles/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-pinning-options/package.json b/samples/grids/hierarchical-grid/column-pinning-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-pinning-styles/package.json b/samples/grids/hierarchical-grid/column-pinning-styles/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-pinning/package.json b/samples/grids/hierarchical-grid/column-pinning/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-resize-styling/package.json b/samples/grids/hierarchical-grid/column-resize-styling/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-resizing/package.json b/samples/grids/hierarchical-grid/column-resizing/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-selection-group/package.json b/samples/grids/hierarchical-grid/column-selection-group/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-selection-mode/package.json b/samples/grids/hierarchical-grid/column-selection-mode/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-selection-styles/package.json b/samples/grids/hierarchical-grid/column-selection-styles/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-sorting-options/package.json b/samples/grids/hierarchical-grid/column-sorting-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-sorting-style/package.json b/samples/grids/hierarchical-grid/column-sorting-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/custom-filtering/package.json b/samples/grids/hierarchical-grid/custom-filtering/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/data-summary-formatter/package.json b/samples/grids/hierarchical-grid/data-summary-formatter/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/data-summary-options/package.json b/samples/grids/hierarchical-grid/data-summary-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/data-summary-template/package.json b/samples/grids/hierarchical-grid/data-summary-template/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/editing-columns/package.json b/samples/grids/hierarchical-grid/editing-columns/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/editing-events/package.json b/samples/grids/hierarchical-grid/editing-events/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/editing-lifecycle/package.json b/samples/grids/hierarchical-grid/editing-lifecycle/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/excel-exporting/package.json b/samples/grids/hierarchical-grid/excel-exporting/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/filtering-options/package.json b/samples/grids/hierarchical-grid/filtering-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/filtering-style/package.json b/samples/grids/hierarchical-grid/filtering-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/layout-display-density/package.json b/samples/grids/hierarchical-grid/layout-display-density/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/overview/package.json b/samples/grids/hierarchical-grid/overview/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/remote-paging-sample/package.json b/samples/grids/hierarchical-grid/remote-paging-sample/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-adding/package.json b/samples/grids/hierarchical-grid/row-adding/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-classes/package.json b/samples/grids/hierarchical-grid/row-classes/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-drag-base/package.json b/samples/grids/hierarchical-grid/row-drag-base/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-editing-options/package.json b/samples/grids/hierarchical-grid/row-editing-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-editing-style/package.json b/samples/grids/hierarchical-grid/row-editing-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-pinning-options/package.json b/samples/grids/hierarchical-grid/row-pinning-options/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-pinning-style/package.json b/samples/grids/hierarchical-grid/row-pinning-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-reorder/package.json b/samples/grids/hierarchical-grid/row-reorder/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-selection-mode/package.json b/samples/grids/hierarchical-grid/row-selection-mode/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-styles/package.json b/samples/grids/hierarchical-grid/row-styles/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/state-persistence-about/package.json b/samples/grids/hierarchical-grid/state-persistence-about/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/hierarchical-grid/state-persistence-about/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-about/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/state-persistence-main/package.json b/samples/grids/hierarchical-grid/state-persistence-main/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/hierarchical-grid/state-persistence-main/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-main/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-1/package.json b/samples/grids/hierarchical-grid/toolbar-sample-1/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-2/package.json b/samples/grids/hierarchical-grid/toolbar-sample-2/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/toolbar-style/package.json b/samples/grids/hierarchical-grid/toolbar-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/list/add-list-items/package.json b/samples/grids/list/add-list-items/package.json
index 194c816724..c5e1ee3049 100644
--- a/samples/grids/list/add-list-items/package.json
+++ b/samples/grids/list/add-list-items/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/list/list-item-content/package.json b/samples/grids/list/list-item-content/package.json
index 30cd1c8a6e..09c841ad8c 100644
--- a/samples/grids/list/list-item-content/package.json
+++ b/samples/grids/list/list-item-content/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/list/overview/package.json b/samples/grids/list/overview/package.json
index 29af7f8694..147e57114f 100644
--- a/samples/grids/list/overview/package.json
+++ b/samples/grids/list/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/list/styling/package.json b/samples/grids/list/styling/package.json
index 7d91a92b34..6ec6d594a3 100644
--- a/samples/grids/list/styling/package.json
+++ b/samples/grids/list/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/pivot-grid/aggregate-max-sales/package.json b/samples/grids/pivot-grid/aggregate-max-sales/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/pivot-grid/aggregate-units-sold/package.json b/samples/grids/pivot-grid/aggregate-units-sold/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/pivot-grid/basic/package.json b/samples/grids/pivot-grid/basic/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/pivot-grid/data-persistence-noop/package.json b/samples/grids/pivot-grid/data-persistence-noop/package.json
index cea0501702..3df29ea9b1 100644
--- a/samples/grids/pivot-grid/data-persistence-noop/package.json
+++ b/samples/grids/pivot-grid/data-persistence-noop/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/pivot-grid/data-selector/package.json b/samples/grids/pivot-grid/data-selector/package.json
index b2f62a89fa..74cf0f3874 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -52,7 +52,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/pivot-grid/features/package.json b/samples/grids/pivot-grid/features/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/pivot-grid/remote/package.json b/samples/grids/pivot-grid/remote/package.json
index b2f62a89fa..74cf0f3874 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -52,7 +52,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/pivot-grid/state-persistence-about/package.json b/samples/grids/pivot-grid/state-persistence-about/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/pivot-grid/state-persistence-about/package.json
+++ b/samples/grids/pivot-grid/state-persistence-about/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/pivot-grid/state-persistence-main/package.json b/samples/grids/pivot-grid/state-persistence-main/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/pivot-grid/state-persistence-main/package.json
+++ b/samples/grids/pivot-grid/state-persistence-main/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/action-strip/package.json b/samples/grids/tree-grid/action-strip/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/advanced-filtering-options/package.json b/samples/grids/tree-grid/advanced-filtering-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/advanced-filtering-style/package.json b/samples/grids/tree-grid/advanced-filtering-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/cell-editing-sample/package.json b/samples/grids/tree-grid/cell-editing-sample/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/cell-editing-styling/package.json b/samples/grids/tree-grid/cell-editing-styling/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/cell-selection-mode/package.json b/samples/grids/tree-grid/cell-selection-mode/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/cell-selection-style/package.json b/samples/grids/tree-grid/cell-selection-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/clipboard-operations/package.json b/samples/grids/tree-grid/clipboard-operations/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/tree-grid/clipboard-operations/package.json
+++ b/samples/grids/tree-grid/clipboard-operations/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-auto-sizing/package.json b/samples/grids/tree-grid/column-auto-sizing/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-collapsible-groups/package.json b/samples/grids/tree-grid/column-collapsible-groups/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-data-types/package.json b/samples/grids/tree-grid/column-data-types/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-hiding-toolbar/package.json b/samples/grids/tree-grid/column-hiding-toolbar/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-moving-options/package.json b/samples/grids/tree-grid/column-moving-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-moving-styles/package.json b/samples/grids/tree-grid/column-moving-styles/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-pinning-options/package.json b/samples/grids/tree-grid/column-pinning-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-pinning-styles/package.json b/samples/grids/tree-grid/column-pinning-styles/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-pinning-toolbar/package.json b/samples/grids/tree-grid/column-pinning-toolbar/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-pinning/package.json b/samples/grids/tree-grid/column-pinning/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-resize-styling/package.json b/samples/grids/tree-grid/column-resize-styling/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-resizing/package.json b/samples/grids/tree-grid/column-resizing/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-selection-group/package.json b/samples/grids/tree-grid/column-selection-group/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-selection-mode/package.json b/samples/grids/tree-grid/column-selection-mode/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-selection-style/package.json b/samples/grids/tree-grid/column-selection-style/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-selection-styles/package.json b/samples/grids/tree-grid/column-selection-styles/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-sorting-indicators/package.json b/samples/grids/tree-grid/column-sorting-indicators/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-sorting-options/package.json b/samples/grids/tree-grid/column-sorting-options/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-sorting-style/package.json b/samples/grids/tree-grid/column-sorting-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/conditional-row-selectors/package.json b/samples/grids/tree-grid/conditional-row-selectors/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/custom-filtering/package.json b/samples/grids/tree-grid/custom-filtering/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/data-exporting-indicator/package.json b/samples/grids/tree-grid/data-exporting-indicator/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/data-searching/package.json b/samples/grids/tree-grid/data-searching/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/tree-grid/data-searching/package.json
+++ b/samples/grids/tree-grid/data-searching/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/data-summaries-custom/package.json b/samples/grids/tree-grid/data-summaries-custom/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/data-summary-children/package.json b/samples/grids/tree-grid/data-summary-children/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/data-summary-formatter/package.json b/samples/grids/tree-grid/data-summary-formatter/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/data-summary-options/package.json b/samples/grids/tree-grid/data-summary-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/data-summary-template/package.json b/samples/grids/tree-grid/data-summary-template/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/editing-columns/package.json b/samples/grids/tree-grid/editing-columns/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/editing-events/package.json b/samples/grids/tree-grid/editing-events/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/editing-lifecycle/package.json b/samples/grids/tree-grid/editing-lifecycle/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/excel-exporting/package.json b/samples/grids/tree-grid/excel-exporting/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/filtering-options/package.json b/samples/grids/tree-grid/filtering-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/filtering-style/package.json b/samples/grids/tree-grid/filtering-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/finjs/package.json b/samples/grids/tree-grid/finjs/package.json
index 125c04c72b..93b946e25b 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/keyboard-custom-navigation/package.json b/samples/grids/tree-grid/keyboard-custom-navigation/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/keyboard-navigation-guide/package.json b/samples/grids/tree-grid/keyboard-navigation-guide/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/layout-display-density/package.json b/samples/grids/tree-grid/layout-display-density/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/load-on-demand/package.json b/samples/grids/tree-grid/load-on-demand/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/overview-styling/package.json b/samples/grids/tree-grid/overview-styling/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/overview/package.json b/samples/grids/tree-grid/overview/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-adding/package.json b/samples/grids/tree-grid/row-adding/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-classes/package.json b/samples/grids/tree-grid/row-classes/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-drag-base/package.json b/samples/grids/tree-grid/row-drag-base/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-editing-options/package.json b/samples/grids/tree-grid/row-editing-options/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-editing-style/package.json b/samples/grids/tree-grid/row-editing-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-paging-basic/package.json b/samples/grids/tree-grid/row-paging-basic/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-paging-options/package.json b/samples/grids/tree-grid/row-paging-options/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-paging-style/package.json b/samples/grids/tree-grid/row-paging-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-pinning-options/package.json b/samples/grids/tree-grid/row-pinning-options/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-pinning-style/package.json b/samples/grids/tree-grid/row-pinning-style/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-reorder/package.json b/samples/grids/tree-grid/row-reorder/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-selection-mode/package.json b/samples/grids/tree-grid/row-selection-mode/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-styles/package.json b/samples/grids/tree-grid/row-styles/package.json
index 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/state-persistence-about/package.json b/samples/grids/tree-grid/state-persistence-about/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/tree-grid/state-persistence-about/package.json
+++ b/samples/grids/tree-grid/state-persistence-about/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/state-persistence-main/package.json b/samples/grids/tree-grid/state-persistence-main/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/tree-grid/state-persistence-main/package.json
+++ b/samples/grids/tree-grid/state-persistence-main/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/toolbar-sample-1/package.json b/samples/grids/tree-grid/toolbar-sample-1/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/toolbar-sample-2/package.json b/samples/grids/tree-grid/toolbar-sample-2/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/toolbar-sample-3/package.json b/samples/grids/tree-grid/toolbar-sample-3/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/toolbar-sample-4/package.json b/samples/grids/tree-grid/toolbar-sample-4/package.json
index df2b6d36d4..b68931a64a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/toolbar-style/package.json b/samples/grids/tree-grid/toolbar-style/package.json
index 5ea7de964d..dc50bbc8f5 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": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 746ecab235..bffd17003a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree/basic-example/package.json b/samples/grids/tree/basic-example/package.json
index 822d6bb54d..75c37d0e37 100644
--- a/samples/grids/tree/basic-example/package.json
+++ b/samples/grids/tree/basic-example/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree/load-on-demand-virtualized/package.json b/samples/grids/tree/load-on-demand-virtualized/package.json
index 6bc395bf7c..55b96293be 100644
--- a/samples/grids/tree/load-on-demand-virtualized/package.json
+++ b/samples/grids/tree/load-on-demand-virtualized/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree/load-on-demand/package.json b/samples/grids/tree/load-on-demand/package.json
index 25733c972f..2bcc430c58 100644
--- a/samples/grids/tree/load-on-demand/package.json
+++ b/samples/grids/tree/load-on-demand/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/badge/outlined/package.json b/samples/inputs/badge/outlined/package.json
index 9e8fbabd7b..61b192bbc7 100644
--- a/samples/inputs/badge/outlined/package.json
+++ b/samples/inputs/badge/outlined/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/badge/shape/package.json b/samples/inputs/badge/shape/package.json
index 33d5dbe119..09bedd1d04 100644
--- a/samples/inputs/badge/shape/package.json
+++ b/samples/inputs/badge/shape/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/badge/variants/package.json b/samples/inputs/badge/variants/package.json
index fd5e5dcca2..7ad8c078bd 100644
--- a/samples/inputs/badge/variants/package.json
+++ b/samples/inputs/badge/variants/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button-group/alignment/package.json b/samples/inputs/button-group/alignment/package.json
index 2029c44173..861a4736b6 100644
--- a/samples/inputs/button-group/alignment/package.json
+++ b/samples/inputs/button-group/alignment/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button-group/overview/package.json b/samples/inputs/button-group/overview/package.json
index 45a09a7063..fbbc614f88 100644
--- a/samples/inputs/button-group/overview/package.json
+++ b/samples/inputs/button-group/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button-group/selection/package.json b/samples/inputs/button-group/selection/package.json
index da207071e4..5c351b3909 100644
--- a/samples/inputs/button-group/selection/package.json
+++ b/samples/inputs/button-group/selection/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button-group/size/package.json b/samples/inputs/button-group/size/package.json
index d6cef59651..dac750d250 100644
--- a/samples/inputs/button-group/size/package.json
+++ b/samples/inputs/button-group/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button-group/styling/package.json b/samples/inputs/button-group/styling/package.json
index 5cc2cdae62..7e1378a1e7 100644
--- a/samples/inputs/button-group/styling/package.json
+++ b/samples/inputs/button-group/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button/contained/package.json b/samples/inputs/button/contained/package.json
index b6ffa97c99..228bc39cee 100644
--- a/samples/inputs/button/contained/package.json
+++ b/samples/inputs/button/contained/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button/download/package.json b/samples/inputs/button/download/package.json
index b870e95354..31c2045172 100644
--- a/samples/inputs/button/download/package.json
+++ b/samples/inputs/button/download/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button/fab/package.json b/samples/inputs/button/fab/package.json
index 8d5bc4a4e7..ed74e7398b 100644
--- a/samples/inputs/button/fab/package.json
+++ b/samples/inputs/button/fab/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button/flat/package.json b/samples/inputs/button/flat/package.json
index b6213e8a0b..262fcf5b17 100644
--- a/samples/inputs/button/flat/package.json
+++ b/samples/inputs/button/flat/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button/outlined/package.json b/samples/inputs/button/outlined/package.json
index 8f7d1d72bb..324900a0fb 100644
--- a/samples/inputs/button/outlined/package.json
+++ b/samples/inputs/button/outlined/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button/overview/package.json b/samples/inputs/button/overview/package.json
index 493732347f..57e323ff97 100644
--- a/samples/inputs/button/overview/package.json
+++ b/samples/inputs/button/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button/size/package.json b/samples/inputs/button/size/package.json
index 97cbf46ffb..3f06be0d28 100644
--- a/samples/inputs/button/size/package.json
+++ b/samples/inputs/button/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button/styling/package.json b/samples/inputs/button/styling/package.json
index 9fc300faf6..b63492da0d 100644
--- a/samples/inputs/button/styling/package.json
+++ b/samples/inputs/button/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/checkbox/checking/package.json b/samples/inputs/checkbox/checking/package.json
index 89b174fc25..4d8b86e82b 100644
--- a/samples/inputs/checkbox/checking/package.json
+++ b/samples/inputs/checkbox/checking/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/checkbox/disabled/package.json b/samples/inputs/checkbox/disabled/package.json
index fc1a300399..2ec3ba4705 100644
--- a/samples/inputs/checkbox/disabled/package.json
+++ b/samples/inputs/checkbox/disabled/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/checkbox/indeterminate/package.json b/samples/inputs/checkbox/indeterminate/package.json
index c224dc752d..52e9f7bcab 100644
--- a/samples/inputs/checkbox/indeterminate/package.json
+++ b/samples/inputs/checkbox/indeterminate/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/checkbox/label/package.json b/samples/inputs/checkbox/label/package.json
index bfd9478a99..9fe7f33129 100644
--- a/samples/inputs/checkbox/label/package.json
+++ b/samples/inputs/checkbox/label/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/checkbox/overview/package.json b/samples/inputs/checkbox/overview/package.json
index 0238037f77..992d5bbed6 100644
--- a/samples/inputs/checkbox/overview/package.json
+++ b/samples/inputs/checkbox/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/chip/multiple/package.json b/samples/inputs/chip/multiple/package.json
index 89b174fc25..4d8b86e82b 100644
--- a/samples/inputs/chip/multiple/package.json
+++ b/samples/inputs/chip/multiple/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/chip/overview/package.json b/samples/inputs/chip/overview/package.json
index 89b174fc25..4d8b86e82b 100644
--- a/samples/inputs/chip/overview/package.json
+++ b/samples/inputs/chip/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/chip/size/package.json b/samples/inputs/chip/size/package.json
index 89b174fc25..4d8b86e82b 100644
--- a/samples/inputs/chip/size/package.json
+++ b/samples/inputs/chip/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/chip/styling/package.json b/samples/inputs/chip/styling/package.json
index 89b174fc25..4d8b86e82b 100644
--- a/samples/inputs/chip/styling/package.json
+++ b/samples/inputs/chip/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/chip/variants/package.json b/samples/inputs/chip/variants/package.json
index 89b174fc25..4d8b86e82b 100644
--- a/samples/inputs/chip/variants/package.json
+++ b/samples/inputs/chip/variants/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/circular-progress-indicator/dynamic/package.json b/samples/inputs/circular-progress-indicator/dynamic/package.json
index b720795906..d2eece6f6d 100644
--- a/samples/inputs/circular-progress-indicator/dynamic/package.json
+++ b/samples/inputs/circular-progress-indicator/dynamic/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/circular-progress-indicator/indeterminate/package.json b/samples/inputs/circular-progress-indicator/indeterminate/package.json
index fadcdd75a5..c73c476601 100644
--- a/samples/inputs/circular-progress-indicator/indeterminate/package.json
+++ b/samples/inputs/circular-progress-indicator/indeterminate/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/circular-progress-indicator/simple/package.json b/samples/inputs/circular-progress-indicator/simple/package.json
index 042bf209a8..74d6d629c2 100644
--- a/samples/inputs/circular-progress-indicator/simple/package.json
+++ b/samples/inputs/circular-progress-indicator/simple/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/circular-progress-indicator/styling/package.json b/samples/inputs/circular-progress-indicator/styling/package.json
index ebe77a9c6b..251ef44551 100644
--- a/samples/inputs/circular-progress-indicator/styling/package.json
+++ b/samples/inputs/circular-progress-indicator/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/combo/features/package.json b/samples/inputs/combo/features/package.json
index 8ef38e6d50..e085caeef2 100644
--- a/samples/inputs/combo/features/package.json
+++ b/samples/inputs/combo/features/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -47,7 +47,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/combo/overview/package.json b/samples/inputs/combo/overview/package.json
index ebe6ce5792..b30918da95 100644
--- a/samples/inputs/combo/overview/package.json
+++ b/samples/inputs/combo/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -47,7 +47,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/combo/selection/package.json b/samples/inputs/combo/selection/package.json
index 0d7b2dd224..663a0bcad9 100644
--- a/samples/inputs/combo/selection/package.json
+++ b/samples/inputs/combo/selection/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -47,7 +47,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/combo/simplified/package.json b/samples/inputs/combo/simplified/package.json
index cdabef07b9..e1b02d2da2 100644
--- a/samples/inputs/combo/simplified/package.json
+++ b/samples/inputs/combo/simplified/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -47,7 +47,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/combo/styling/package.json b/samples/inputs/combo/styling/package.json
index 95fca131b8..649ffe2fc3 100644
--- a/samples/inputs/combo/styling/package.json
+++ b/samples/inputs/combo/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -47,7 +47,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/combo/templates/package.json b/samples/inputs/combo/templates/package.json
index ec26045e3d..55e993c433 100644
--- a/samples/inputs/combo/templates/package.json
+++ b/samples/inputs/combo/templates/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -47,7 +47,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/date-time-input/input-format-display-format/package.json b/samples/inputs/date-time-input/input-format-display-format/package.json
index a6f6e90c64..4e2b22f501 100644
--- a/samples/inputs/date-time-input/input-format-display-format/package.json
+++ b/samples/inputs/date-time-input/input-format-display-format/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/date-time-input/min-max-value/package.json b/samples/inputs/date-time-input/min-max-value/package.json
index 924a742fc0..d9e1138bb9 100644
--- a/samples/inputs/date-time-input/min-max-value/package.json
+++ b/samples/inputs/date-time-input/min-max-value/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/date-time-input/overview/package.json b/samples/inputs/date-time-input/overview/package.json
index b912af4cf3..6087509540 100644
--- a/samples/inputs/date-time-input/overview/package.json
+++ b/samples/inputs/date-time-input/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/date-time-input/step-up-down/package.json b/samples/inputs/date-time-input/step-up-down/package.json
index 015444f710..7dcb93ced1 100644
--- a/samples/inputs/date-time-input/step-up-down/package.json
+++ b/samples/inputs/date-time-input/step-up-down/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/dropdown/group/package.json b/samples/inputs/dropdown/group/package.json
index f7e9bba181..1adf7d224e 100644
--- a/samples/inputs/dropdown/group/package.json
+++ b/samples/inputs/dropdown/group/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/dropdown/header/package.json b/samples/inputs/dropdown/header/package.json
index 72b4e7fa2c..9994b449c7 100644
--- a/samples/inputs/dropdown/header/package.json
+++ b/samples/inputs/dropdown/header/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/dropdown/item/package.json b/samples/inputs/dropdown/item/package.json
index e9e9ba516c..070c34156d 100644
--- a/samples/inputs/dropdown/item/package.json
+++ b/samples/inputs/dropdown/item/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/dropdown/overview/package.json b/samples/inputs/dropdown/overview/package.json
index 1bcf3a489a..9ea43e718d 100644
--- a/samples/inputs/dropdown/overview/package.json
+++ b/samples/inputs/dropdown/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/dropdown/position/package.json b/samples/inputs/dropdown/position/package.json
index 76be6a48c3..66c007eb3c 100644
--- a/samples/inputs/dropdown/position/package.json
+++ b/samples/inputs/dropdown/position/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/dropdown/styling/package.json b/samples/inputs/dropdown/styling/package.json
index 0876a1953d..2a896e8ecb 100644
--- a/samples/inputs/dropdown/styling/package.json
+++ b/samples/inputs/dropdown/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/dropdown/target/package.json b/samples/inputs/dropdown/target/package.json
index d07a87e5f1..2af0bf126e 100644
--- a/samples/inputs/dropdown/target/package.json
+++ b/samples/inputs/dropdown/target/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/icon-button/size/package.json b/samples/inputs/icon-button/size/package.json
index b6ffa97c99..228bc39cee 100644
--- a/samples/inputs/icon-button/size/package.json
+++ b/samples/inputs/icon-button/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/icon-button/styling/package.json b/samples/inputs/icon-button/styling/package.json
index b6ffa97c99..228bc39cee 100644
--- a/samples/inputs/icon-button/styling/package.json
+++ b/samples/inputs/icon-button/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/icon-button/variant/package.json b/samples/inputs/icon-button/variant/package.json
index b6ffa97c99..228bc39cee 100644
--- a/samples/inputs/icon-button/variant/package.json
+++ b/samples/inputs/icon-button/variant/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/input/helper-text/package.json b/samples/inputs/input/helper-text/package.json
index e262ffc14f..3a194b815c 100644
--- a/samples/inputs/input/helper-text/package.json
+++ b/samples/inputs/input/helper-text/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/input/overview/package.json b/samples/inputs/input/overview/package.json
index 4e1d47877f..c05ffc57c4 100644
--- a/samples/inputs/input/overview/package.json
+++ b/samples/inputs/input/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/input/prefix-suffix/package.json b/samples/inputs/input/prefix-suffix/package.json
index 8b2827634e..0fc53bb214 100644
--- a/samples/inputs/input/prefix-suffix/package.json
+++ b/samples/inputs/input/prefix-suffix/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/input/size/package.json b/samples/inputs/input/size/package.json
index 4707d30020..078f120b9b 100644
--- a/samples/inputs/input/size/package.json
+++ b/samples/inputs/input/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/input/styling/package.json b/samples/inputs/input/styling/package.json
index 753d91ede3..a9fb120453 100644
--- a/samples/inputs/input/styling/package.json
+++ b/samples/inputs/input/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/linear-progress-indicator/dynamic/package.json b/samples/inputs/linear-progress-indicator/dynamic/package.json
index b720795906..d2eece6f6d 100644
--- a/samples/inputs/linear-progress-indicator/dynamic/package.json
+++ b/samples/inputs/linear-progress-indicator/dynamic/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/linear-progress-indicator/simple/package.json b/samples/inputs/linear-progress-indicator/simple/package.json
index f83482fdee..efeaccf465 100644
--- a/samples/inputs/linear-progress-indicator/simple/package.json
+++ b/samples/inputs/linear-progress-indicator/simple/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/linear-progress-indicator/striped/package.json b/samples/inputs/linear-progress-indicator/striped/package.json
index a4faf8a7c8..e46b18e0c3 100644
--- a/samples/inputs/linear-progress-indicator/striped/package.json
+++ b/samples/inputs/linear-progress-indicator/striped/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/linear-progress-indicator/styling/package.json b/samples/inputs/linear-progress-indicator/styling/package.json
index a1fb1fc0e0..a1b0f30aee 100644
--- a/samples/inputs/linear-progress-indicator/styling/package.json
+++ b/samples/inputs/linear-progress-indicator/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/linear-progress-indicator/types/package.json b/samples/inputs/linear-progress-indicator/types/package.json
index 7388ec29d1..3575a74520 100644
--- a/samples/inputs/linear-progress-indicator/types/package.json
+++ b/samples/inputs/linear-progress-indicator/types/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/mask-input/applying-mask/package.json b/samples/inputs/mask-input/applying-mask/package.json
index f16d1136c4..281b2eda34 100644
--- a/samples/inputs/mask-input/applying-mask/package.json
+++ b/samples/inputs/mask-input/applying-mask/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/mask-input/overview/package.json b/samples/inputs/mask-input/overview/package.json
index 3fde6a1d43..226d341486 100644
--- a/samples/inputs/mask-input/overview/package.json
+++ b/samples/inputs/mask-input/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/mask-input/value-modes/package.json b/samples/inputs/mask-input/value-modes/package.json
index 5c10d72fe8..2f51df2726 100644
--- a/samples/inputs/mask-input/value-modes/package.json
+++ b/samples/inputs/mask-input/value-modes/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/radio/alignment/package.json b/samples/inputs/radio/alignment/package.json
index 8145a4048f..a110eb2009 100644
--- a/samples/inputs/radio/alignment/package.json
+++ b/samples/inputs/radio/alignment/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/radio/disabled/package.json b/samples/inputs/radio/disabled/package.json
index a24c6eb2e7..4b29839464 100644
--- a/samples/inputs/radio/disabled/package.json
+++ b/samples/inputs/radio/disabled/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/radio/group/package.json b/samples/inputs/radio/group/package.json
index e3c9ebac97..7da48be58d 100644
--- a/samples/inputs/radio/group/package.json
+++ b/samples/inputs/radio/group/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/radio/invalid/package.json b/samples/inputs/radio/invalid/package.json
index 150888d5d3..9d1ace4c15 100644
--- a/samples/inputs/radio/invalid/package.json
+++ b/samples/inputs/radio/invalid/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/radio/label/package.json b/samples/inputs/radio/label/package.json
index aa9976ddda..3e57b7e311 100644
--- a/samples/inputs/radio/label/package.json
+++ b/samples/inputs/radio/label/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/radio/styling/package.json b/samples/inputs/radio/styling/package.json
index 4fded05fe1..8349837d75 100644
--- a/samples/inputs/radio/styling/package.json
+++ b/samples/inputs/radio/styling/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/rating/basic/package.json b/samples/inputs/rating/basic/package.json
index 9e8fbabd7b..61b192bbc7 100644
--- a/samples/inputs/rating/basic/package.json
+++ b/samples/inputs/rating/basic/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/rating/custom/package.json b/samples/inputs/rating/custom/package.json
index 746778c593..66a1f35755 100644
--- a/samples/inputs/rating/custom/package.json
+++ b/samples/inputs/rating/custom/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/rating/empty/package.json b/samples/inputs/rating/empty/package.json
index 0698314369..2a61b42f1f 100644
--- a/samples/inputs/rating/empty/package.json
+++ b/samples/inputs/rating/empty/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/rating/single-selection/package.json b/samples/inputs/rating/single-selection/package.json
index 5d6a40ac06..7d33234fdc 100644
--- a/samples/inputs/rating/single-selection/package.json
+++ b/samples/inputs/rating/single-selection/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/rating/styling/package.json b/samples/inputs/rating/styling/package.json
index 9e8fbabd7b..61b192bbc7 100644
--- a/samples/inputs/rating/styling/package.json
+++ b/samples/inputs/rating/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/ripple/button/package.json b/samples/inputs/ripple/button/package.json
index 57fdfcb904..7db1fe2727 100644
--- a/samples/inputs/ripple/button/package.json
+++ b/samples/inputs/ripple/button/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/ripple/color/package.json b/samples/inputs/ripple/color/package.json
index 2efe8b192f..50b2ab9c72 100644
--- a/samples/inputs/ripple/color/package.json
+++ b/samples/inputs/ripple/color/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/select/group/package.json b/samples/inputs/select/group/package.json
index e18e1f65ac..851572f6c1 100644
--- a/samples/inputs/select/group/package.json
+++ b/samples/inputs/select/group/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/select/header/package.json b/samples/inputs/select/header/package.json
index 87ca3c4339..7257064e88 100644
--- a/samples/inputs/select/header/package.json
+++ b/samples/inputs/select/header/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/select/item/package.json b/samples/inputs/select/item/package.json
index 67a7ffdc26..c4ede973c1 100644
--- a/samples/inputs/select/item/package.json
+++ b/samples/inputs/select/item/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/select/overview/package.json b/samples/inputs/select/overview/package.json
index 3c4057b464..c39e1c83f7 100644
--- a/samples/inputs/select/overview/package.json
+++ b/samples/inputs/select/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/select/styling/package.json b/samples/inputs/select/styling/package.json
index 4863decfd4..8e5c51a330 100644
--- a/samples/inputs/select/styling/package.json
+++ b/samples/inputs/select/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/constraints/package.json b/samples/inputs/slider/constraints/package.json
index 2db7ab4f5d..2867173f6f 100644
--- a/samples/inputs/slider/constraints/package.json
+++ b/samples/inputs/slider/constraints/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/disabled/package.json b/samples/inputs/slider/disabled/package.json
index 52b472ad9d..0859ba0c57 100644
--- a/samples/inputs/slider/disabled/package.json
+++ b/samples/inputs/slider/disabled/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/discrete/package.json b/samples/inputs/slider/discrete/package.json
index 944c19034c..5bc3a21d25 100644
--- a/samples/inputs/slider/discrete/package.json
+++ b/samples/inputs/slider/discrete/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/labels/package.json b/samples/inputs/slider/labels/package.json
index 075f2bdd34..a8ff313c7f 100644
--- a/samples/inputs/slider/labels/package.json
+++ b/samples/inputs/slider/labels/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/overview/package.json b/samples/inputs/slider/overview/package.json
index dfed016de1..6b380de902 100644
--- a/samples/inputs/slider/overview/package.json
+++ b/samples/inputs/slider/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/styling/package.json b/samples/inputs/slider/styling/package.json
index bc33f231bc..dec0b5c880 100644
--- a/samples/inputs/slider/styling/package.json
+++ b/samples/inputs/slider/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/tick-labels/package.json b/samples/inputs/slider/tick-labels/package.json
index e5b573c182..4f19842516 100644
--- a/samples/inputs/slider/tick-labels/package.json
+++ b/samples/inputs/slider/tick-labels/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/ticks/package.json b/samples/inputs/slider/ticks/package.json
index 7589bc877d..f3af42979d 100644
--- a/samples/inputs/slider/ticks/package.json
+++ b/samples/inputs/slider/ticks/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/value-format/package.json b/samples/inputs/slider/value-format/package.json
index 1065750a52..0bd90d3e51 100644
--- a/samples/inputs/slider/value-format/package.json
+++ b/samples/inputs/slider/value-format/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/value/package.json b/samples/inputs/slider/value/package.json
index 6f8d0c6dbb..2237c7cf99 100644
--- a/samples/inputs/slider/value/package.json
+++ b/samples/inputs/slider/value/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/switches/checking/package.json b/samples/inputs/switches/checking/package.json
index a3f684c35f..15a67a1de7 100644
--- a/samples/inputs/switches/checking/package.json
+++ b/samples/inputs/switches/checking/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/switches/disabled/package.json b/samples/inputs/switches/disabled/package.json
index 3090e02e6f..17a91cc5ba 100644
--- a/samples/inputs/switches/disabled/package.json
+++ b/samples/inputs/switches/disabled/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/switches/label/package.json b/samples/inputs/switches/label/package.json
index 146f419860..12d8bead4e 100644
--- a/samples/inputs/switches/label/package.json
+++ b/samples/inputs/switches/label/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/switches/overview/package.json b/samples/inputs/switches/overview/package.json
index 3e8351b445..e2971b9d86 100644
--- a/samples/inputs/switches/overview/package.json
+++ b/samples/inputs/switches/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/textarea/form-integration/package.json b/samples/inputs/textarea/form-integration/package.json
index ca3c7b8936..7c9e45118f 100644
--- a/samples/inputs/textarea/form-integration/package.json
+++ b/samples/inputs/textarea/form-integration/package.json
@@ -23,7 +23,7 @@
         "@webcomponents/template": "^1.4.2",
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
         "style-loader": "^0.22.1",
         "tsconfig-paths-webpack-plugin": "^4.0.0",
         "typescript": "^4.4.4",
-        "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
         "webpack-cli": "^4.10.0",
         "webpack-dev-server": "^4.11.1",
         "worker-loader": "^3.0.8",
diff --git a/samples/inputs/textarea/overview/package.json b/samples/inputs/textarea/overview/package.json
index 703d96b688..0edd278e06 100644
--- a/samples/inputs/textarea/overview/package.json
+++ b/samples/inputs/textarea/overview/package.json
@@ -23,7 +23,7 @@
         "@webcomponents/template": "^1.4.2",
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
         "style-loader": "^0.22.1",
         "tsconfig-paths-webpack-plugin": "^4.0.0",
         "typescript": "^4.4.4",
-        "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
         "webpack-cli": "^4.10.0",
         "webpack-dev-server": "^4.11.1",
         "worker-loader": "^3.0.8",
diff --git a/samples/inputs/textarea/resize/package.json b/samples/inputs/textarea/resize/package.json
index 47110edf39..d3c951b6ad 100644
--- a/samples/inputs/textarea/resize/package.json
+++ b/samples/inputs/textarea/resize/package.json
@@ -23,7 +23,7 @@
         "@webcomponents/template": "^1.4.2",
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
         "style-loader": "^0.22.1",
         "tsconfig-paths-webpack-plugin": "^4.0.0",
         "typescript": "^4.4.4",
-        "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
         "webpack-cli": "^4.10.0",
         "webpack-dev-server": "^4.11.1",
         "worker-loader": "^3.0.8",
diff --git a/samples/inputs/textarea/slots/package.json b/samples/inputs/textarea/slots/package.json
index 962925be43..b675e5766a 100644
--- a/samples/inputs/textarea/slots/package.json
+++ b/samples/inputs/textarea/slots/package.json
@@ -23,7 +23,7 @@
         "@webcomponents/template": "^1.4.2",
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
         "style-loader": "^0.22.1",
         "tsconfig-paths-webpack-plugin": "^4.0.0",
         "typescript": "^4.4.4",
-        "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
         "webpack-cli": "^4.10.0",
         "webpack-dev-server": "^4.11.1",
         "worker-loader": "^3.0.8",
diff --git a/samples/inputs/textarea/styling/package.json b/samples/inputs/textarea/styling/package.json
index 96fc6e605f..07b40bedb1 100644
--- a/samples/inputs/textarea/styling/package.json
+++ b/samples/inputs/textarea/styling/package.json
@@ -23,7 +23,7 @@
         "@webcomponents/template": "^1.4.2",
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
         "style-loader": "^0.22.1",
         "tsconfig-paths-webpack-plugin": "^4.0.0",
         "typescript": "^4.4.4",
-        "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
         "webpack-cli": "^4.10.0",
         "webpack-dev-server": "^4.11.1",
         "worker-loader": "^3.0.8",
diff --git a/samples/layouts/accordion/customization/package.json b/samples/layouts/accordion/customization/package.json
index 850f127705..d0dfeccf58 100644
--- a/samples/layouts/accordion/customization/package.json
+++ b/samples/layouts/accordion/customization/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/accordion/nested-scenario/package.json b/samples/layouts/accordion/nested-scenario/package.json
index 850f127705..d0dfeccf58 100644
--- a/samples/layouts/accordion/nested-scenario/package.json
+++ b/samples/layouts/accordion/nested-scenario/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/accordion/overview/package.json b/samples/layouts/accordion/overview/package.json
index 850f127705..d0dfeccf58 100644
--- a/samples/layouts/accordion/overview/package.json
+++ b/samples/layouts/accordion/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/avatar/icon/package.json b/samples/layouts/avatar/icon/package.json
index 11b6578884..99041fcef0 100644
--- a/samples/layouts/avatar/icon/package.json
+++ b/samples/layouts/avatar/icon/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/avatar/image/package.json b/samples/layouts/avatar/image/package.json
index c740e90df7..095c4f6d40 100644
--- a/samples/layouts/avatar/image/package.json
+++ b/samples/layouts/avatar/image/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/avatar/initials/package.json b/samples/layouts/avatar/initials/package.json
index bafa2a265e..518f124cc0 100644
--- a/samples/layouts/avatar/initials/package.json
+++ b/samples/layouts/avatar/initials/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/avatar/shape/package.json b/samples/layouts/avatar/shape/package.json
index 0acda05887..94d129e79d 100644
--- a/samples/layouts/avatar/shape/package.json
+++ b/samples/layouts/avatar/shape/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/avatar/size/package.json b/samples/layouts/avatar/size/package.json
index 514dd0177d..9bbd7f28a0 100644
--- a/samples/layouts/avatar/size/package.json
+++ b/samples/layouts/avatar/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/card/horizontal/package.json b/samples/layouts/card/horizontal/package.json
index 68aed20ab2..1e0092d718 100644
--- a/samples/layouts/card/horizontal/package.json
+++ b/samples/layouts/card/horizontal/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/card/integration/package.json b/samples/layouts/card/integration/package.json
index c503211dc2..8f36741a0e 100644
--- a/samples/layouts/card/integration/package.json
+++ b/samples/layouts/card/integration/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/card/overview/package.json b/samples/layouts/card/overview/package.json
index 619114823f..482a68d747 100644
--- a/samples/layouts/card/overview/package.json
+++ b/samples/layouts/card/overview/package.json
@@ -24,7 +24,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/card/semi-horizontal/package.json b/samples/layouts/card/semi-horizontal/package.json
index 0861489f9e..cf0b738a37 100644
--- a/samples/layouts/card/semi-horizontal/package.json
+++ b/samples/layouts/card/semi-horizontal/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/card/styling/package.json b/samples/layouts/card/styling/package.json
index 687ec7e1bf..8e5ee94102 100644
--- a/samples/layouts/card/styling/package.json
+++ b/samples/layouts/card/styling/package.json
@@ -24,7 +24,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/carousel/animations/package.json b/samples/layouts/carousel/animations/package.json
index 8d04f9e75b..08f6e8343b 100644
--- a/samples/layouts/carousel/animations/package.json
+++ b/samples/layouts/carousel/animations/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.6.3"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/carousel/components/package.json b/samples/layouts/carousel/components/package.json
index 3377b52716..fe54d12881 100644
--- a/samples/layouts/carousel/components/package.json
+++ b/samples/layouts/carousel/components/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.6.3"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/carousel/overview/package.json b/samples/layouts/carousel/overview/package.json
index 8d25558349..52013c9970 100644
--- a/samples/layouts/carousel/overview/package.json
+++ b/samples/layouts/carousel/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.6.3"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/carousel/thumbnail/package.json b/samples/layouts/carousel/thumbnail/package.json
index 5eddc045a1..038fbda747 100644
--- a/samples/layouts/carousel/thumbnail/package.json
+++ b/samples/layouts/carousel/thumbnail/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.6.3"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/divider/dashed/package.json b/samples/layouts/divider/dashed/package.json
index 3c4057b464..c39e1c83f7 100644
--- a/samples/layouts/divider/dashed/package.json
+++ b/samples/layouts/divider/dashed/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/divider/middle/package.json b/samples/layouts/divider/middle/package.json
index 4863decfd4..8e5c51a330 100644
--- a/samples/layouts/divider/middle/package.json
+++ b/samples/layouts/divider/middle/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/divider/overview/package.json b/samples/layouts/divider/overview/package.json
index 3c4057b464..c39e1c83f7 100644
--- a/samples/layouts/divider/overview/package.json
+++ b/samples/layouts/divider/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/divider/select/package.json b/samples/layouts/divider/select/package.json
index 3c4057b464..c39e1c83f7 100644
--- a/samples/layouts/divider/select/package.json
+++ b/samples/layouts/divider/select/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/divider/vertical/package.json b/samples/layouts/divider/vertical/package.json
index 4863decfd4..8e5c51a330 100644
--- a/samples/layouts/divider/vertical/package.json
+++ b/samples/layouts/divider/vertical/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/add-content-runtime/package.json b/samples/layouts/dock-manager/add-content-runtime/package.json
index 2902e2ef23..0e62202d20 100644
--- a/samples/layouts/dock-manager/add-content-runtime/package.json
+++ b/samples/layouts/dock-manager/add-content-runtime/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
+    "igniteui-dockmanager": "1.15.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -47,7 +47,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/contained-in-boundaries/package.json b/samples/layouts/dock-manager/contained-in-boundaries/package.json
index 45d225d12f..ea302ad753 100644
--- a/samples/layouts/dock-manager/contained-in-boundaries/package.json
+++ b/samples/layouts/dock-manager/contained-in-boundaries/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
+    "igniteui-dockmanager": "1.15.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -47,7 +47,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/customize-buttons/package.json b/samples/layouts/dock-manager/customize-buttons/package.json
index 833f49f332..e2dded0348 100644
--- a/samples/layouts/dock-manager/customize-buttons/package.json
+++ b/samples/layouts/dock-manager/customize-buttons/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
+    "igniteui-dockmanager": "1.15.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -47,7 +47,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/embedding-frames/package.json b/samples/layouts/dock-manager/embedding-frames/package.json
index 253db42235..27c582f4c8 100644
--- a/samples/layouts/dock-manager/embedding-frames/package.json
+++ b/samples/layouts/dock-manager/embedding-frames/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/focus-panes/package.json b/samples/layouts/dock-manager/focus-panes/package.json
index 2902e2ef23..0e62202d20 100644
--- a/samples/layouts/dock-manager/focus-panes/package.json
+++ b/samples/layouts/dock-manager/focus-panes/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
+    "igniteui-dockmanager": "1.15.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -47,7 +47,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/hide-pane-headers/package.json b/samples/layouts/dock-manager/hide-pane-headers/package.json
index 2902e2ef23..0e62202d20 100644
--- a/samples/layouts/dock-manager/hide-pane-headers/package.json
+++ b/samples/layouts/dock-manager/hide-pane-headers/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
+    "igniteui-dockmanager": "1.15.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -47,7 +47,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/hiding-panes/package.json b/samples/layouts/dock-manager/hiding-panes/package.json
index 160e6b4faa..6990bff704 100644
--- a/samples/layouts/dock-manager/hiding-panes/package.json
+++ b/samples/layouts/dock-manager/hiding-panes/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/overview/package.json b/samples/layouts/dock-manager/overview/package.json
index 26f7f4786d..0218b1c806 100644
--- a/samples/layouts/dock-manager/overview/package.json
+++ b/samples/layouts/dock-manager/overview/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/proximity-dock/package.json b/samples/layouts/dock-manager/proximity-dock/package.json
index 906d7a8bc0..953331cdea 100644
--- a/samples/layouts/dock-manager/proximity-dock/package.json
+++ b/samples/layouts/dock-manager/proximity-dock/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
+    "igniteui-dockmanager": "1.15.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -47,7 +47,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/styling/package.json b/samples/layouts/dock-manager/styling/package.json
index f3017184e2..6406fd3a4a 100644
--- a/samples/layouts/dock-manager/styling/package.json
+++ b/samples/layouts/dock-manager/styling/package.json
@@ -24,9 +24,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/toggle-inner-dock/package.json b/samples/layouts/dock-manager/toggle-inner-dock/package.json
index c3d7dd9db1..f03b4cc69a 100644
--- a/samples/layouts/dock-manager/toggle-inner-dock/package.json
+++ b/samples/layouts/dock-manager/toggle-inner-dock/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
+    "igniteui-dockmanager": "1.15.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -47,7 +47,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/updating-panes/package.json b/samples/layouts/dock-manager/updating-panes/package.json
index a4f9258eda..8b37b826af 100644
--- a/samples/layouts/dock-manager/updating-panes/package.json
+++ b/samples/layouts/dock-manager/updating-panes/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/expansion-panel/component-customization/package.json b/samples/layouts/expansion-panel/component-customization/package.json
index f9c88556f5..f84dcc3f00 100644
--- a/samples/layouts/expansion-panel/component-customization/package.json
+++ b/samples/layouts/expansion-panel/component-customization/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/expansion-panel/properties-and-events/package.json b/samples/layouts/expansion-panel/properties-and-events/package.json
index 15205e7ddf..e51f42c66f 100644
--- a/samples/layouts/expansion-panel/properties-and-events/package.json
+++ b/samples/layouts/expansion-panel/properties-and-events/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/expansion-panel/styling/package.json b/samples/layouts/expansion-panel/styling/package.json
index 1f9ba0794c..d41b256cb6 100644
--- a/samples/layouts/expansion-panel/styling/package.json
+++ b/samples/layouts/expansion-panel/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/expansion-panel/usage/package.json b/samples/layouts/expansion-panel/usage/package.json
index 850f127705..d0dfeccf58 100644
--- a/samples/layouts/expansion-panel/usage/package.json
+++ b/samples/layouts/expansion-panel/usage/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/icon/sizing/package.json b/samples/layouts/icon/sizing/package.json
index 4dd1c8aff5..858b0af614 100644
--- a/samples/layouts/icon/sizing/package.json
+++ b/samples/layouts/icon/sizing/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/icon/styling/package.json b/samples/layouts/icon/styling/package.json
index 4dd1c8aff5..858b0af614 100644
--- a/samples/layouts/icon/styling/package.json
+++ b/samples/layouts/icon/styling/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/stepper/animations/package.json b/samples/layouts/stepper/animations/package.json
index 983cc28e2c..99d5a82d23 100644
--- a/samples/layouts/stepper/animations/package.json
+++ b/samples/layouts/stepper/animations/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "install": "^0.13.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
@@ -49,7 +49,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/stepper/linear/package.json b/samples/layouts/stepper/linear/package.json
index 82928ce1c4..051c853f0c 100644
--- a/samples/layouts/stepper/linear/package.json
+++ b/samples/layouts/stepper/linear/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "install": "^0.13.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
@@ -49,7 +49,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/stepper/orientation/package.json b/samples/layouts/stepper/orientation/package.json
index fd7265cbf3..797880ccbd 100644
--- a/samples/layouts/stepper/orientation/package.json
+++ b/samples/layouts/stepper/orientation/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "install": "^0.13.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
@@ -49,7 +49,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/stepper/overview/package.json b/samples/layouts/stepper/overview/package.json
index 5643ce7030..d83a156703 100644
--- a/samples/layouts/stepper/overview/package.json
+++ b/samples/layouts/stepper/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "install": "^0.13.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
@@ -49,7 +49,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/stepper/steptypes/package.json b/samples/layouts/stepper/steptypes/package.json
index d7cee65af1..1c657ac0d6 100644
--- a/samples/layouts/stepper/steptypes/package.json
+++ b/samples/layouts/stepper/steptypes/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "install": "^0.13.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
@@ -49,7 +49,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/tabs/alignment/package.json b/samples/layouts/tabs/alignment/package.json
index 62a7ceee42..5df141f4d7 100644
--- a/samples/layouts/tabs/alignment/package.json
+++ b/samples/layouts/tabs/alignment/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/tabs/overview/package.json b/samples/layouts/tabs/overview/package.json
index 82f7f81d8d..1ba9591b82 100644
--- a/samples/layouts/tabs/overview/package.json
+++ b/samples/layouts/tabs/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/tabs/prefix-suffix/package.json b/samples/layouts/tabs/prefix-suffix/package.json
index d0c40bef98..1f30d9b91c 100644
--- a/samples/layouts/tabs/prefix-suffix/package.json
+++ b/samples/layouts/tabs/prefix-suffix/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/tabs/scrolling/package.json b/samples/layouts/tabs/scrolling/package.json
index 8a6baab690..5b3092f907 100644
--- a/samples/layouts/tabs/scrolling/package.json
+++ b/samples/layouts/tabs/scrolling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/binding-data-csv/package.json b/samples/maps/geo-map/binding-data-csv/package.json
index 9bf6214d4e..2c67a49f6e 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 61055aeeee..0146c8eadb 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/binding-data-model/package.json b/samples/maps/geo-map/binding-data-model/package.json
index 2c8d5a63d3..f6aff7edd7 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/binding-multiple-shapes/package.json b/samples/maps/geo-map/binding-multiple-shapes/package.json
index 44ed4db46f..111a69bbb5 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/binding-multiple-sources/package.json b/samples/maps/geo-map/binding-multiple-sources/package.json
index fd2918b43f..fc86aa8f67 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/binding-shp-points/package.json b/samples/maps/geo-map/binding-shp-points/package.json
index ba468eb8cc..2f891717ed 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/binding-shp-polygons/package.json b/samples/maps/geo-map/binding-shp-polygons/package.json
index dbf6d68d67..1c1f9544fe 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/binding-shp-polylines/package.json b/samples/maps/geo-map/binding-shp-polylines/package.json
index 375b29b7ae..18375e87a8 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/custom-tooltips/package.json b/samples/maps/geo-map/custom-tooltips/package.json
index 9ce8a51c72..1d998a8a14 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/display-all-imagery/package.json b/samples/maps/geo-map/display-all-imagery/package.json
index 0904b25a55..591baeafe8 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/display-bing-imagery/package.json b/samples/maps/geo-map/display-bing-imagery/package.json
index 5e39ca8e5a..3cd96cf53c 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/display-esri-imagery/package.json b/samples/maps/geo-map/display-esri-imagery/package.json
index a0802f191f..71bb3492e0 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/display-heat-imagery/package.json b/samples/maps/geo-map/display-heat-imagery/package.json
index 7891c94753..c4df682d5b 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/display-osm-imagery/package.json b/samples/maps/geo-map/display-osm-imagery/package.json
index f1cf1f7a15..7754123969 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/marker-template/package.json b/samples/maps/geo-map/marker-template/package.json
index 3c7160d926..94a15bfb5a 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/marker-type/package.json b/samples/maps/geo-map/marker-type/package.json
index 2dbb306fa8..7407d797b7 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/navigation/package.json b/samples/maps/geo-map/navigation/package.json
index 6e93d52ff1..6fcaeff6f0 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/overview/package.json b/samples/maps/geo-map/overview/package.json
index 6fb6286722..d4eacac9f5 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/shape-styling/package.json b/samples/maps/geo-map/shape-styling/package.json
index b0f9461871..09206b316f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/synchronization/package.json b/samples/maps/geo-map/synchronization/package.json
index ab0688777a..ff8478bc08 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/triangulating-data/package.json b/samples/maps/geo-map/triangulating-data/package.json
index 42626570b1..b5f7a79722 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 21cbc7e4a1..8ccb43a3f9 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 19cd144818..108b9d6f35 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 63711e20dc..61162fe3e2 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 2761221810..c2f605b101 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 332c89ff33..25b08ca94f 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 8fa89c0542..b7588fafa8 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 3e2d53a663..13b41445ac 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": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/menus/nav-bar/overview/package.json b/samples/menus/nav-bar/overview/package.json
index fb090d02d3..42b139af9a 100644
--- a/samples/menus/nav-bar/overview/package.json
+++ b/samples/menus/nav-bar/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/menus/nav-bar/styling/package.json b/samples/menus/nav-bar/styling/package.json
index 0684cc1c7f..6aa0600f45 100644
--- a/samples/menus/nav-bar/styling/package.json
+++ b/samples/menus/nav-bar/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/menus/nav-drawer/add-drawer-items/package.json b/samples/menus/nav-drawer/add-drawer-items/package.json
index 778543b262..6d370f77a2 100644
--- a/samples/menus/nav-drawer/add-drawer-items/package.json
+++ b/samples/menus/nav-drawer/add-drawer-items/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/menus/nav-drawer/add-mini/package.json b/samples/menus/nav-drawer/add-mini/package.json
index 2065080dc0..bc35b80174 100644
--- a/samples/menus/nav-drawer/add-mini/package.json
+++ b/samples/menus/nav-drawer/add-mini/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/menus/nav-drawer/add-positions-navbar/package.json b/samples/menus/nav-drawer/add-positions-navbar/package.json
index 943102e74a..db4049ed69 100644
--- a/samples/menus/nav-drawer/add-positions-navbar/package.json
+++ b/samples/menus/nav-drawer/add-positions-navbar/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/menus/nav-drawer/styling/package.json b/samples/menus/nav-drawer/styling/package.json
index 28868527fa..725694dcfb 100644
--- a/samples/menus/nav-drawer/styling/package.json
+++ b/samples/menus/nav-drawer/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/banner/banner-advanced-sample/package.json b/samples/notifications/banner/banner-advanced-sample/package.json
index e607bdd62d..6d1a06c28a 100644
--- a/samples/notifications/banner/banner-advanced-sample/package.json
+++ b/samples/notifications/banner/banner-advanced-sample/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/banner/banner-sample-1/package.json b/samples/notifications/banner/banner-sample-1/package.json
index 61e308e04b..ff324c812f 100644
--- a/samples/notifications/banner/banner-sample-1/package.json
+++ b/samples/notifications/banner/banner-sample-1/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/banner/banner-sample-2/package.json b/samples/notifications/banner/banner-sample-2/package.json
index 5045864481..f1372d9aab 100644
--- a/samples/notifications/banner/banner-sample-2/package.json
+++ b/samples/notifications/banner/banner-sample-2/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/banner/banner-styling/package.json b/samples/notifications/banner/banner-styling/package.json
index 40b280d4e6..da6160f26c 100644
--- a/samples/notifications/banner/banner-styling/package.json
+++ b/samples/notifications/banner/banner-styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/dialog/closing-variations/package.json b/samples/notifications/dialog/closing-variations/package.json
index 217565e40c..46a4b88929 100644
--- a/samples/notifications/dialog/closing-variations/package.json
+++ b/samples/notifications/dialog/closing-variations/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/dialog/form/package.json b/samples/notifications/dialog/form/package.json
index 81e17e733b..3a8290d13c 100644
--- a/samples/notifications/dialog/form/package.json
+++ b/samples/notifications/dialog/form/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/dialog/overview/package.json b/samples/notifications/dialog/overview/package.json
index ed8ca38387..f7599127d0 100644
--- a/samples/notifications/dialog/overview/package.json
+++ b/samples/notifications/dialog/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/dialog/styling/package.json b/samples/notifications/dialog/styling/package.json
index 5e41729519..d14a1a5b16 100644
--- a/samples/notifications/dialog/styling/package.json
+++ b/samples/notifications/dialog/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/snackbar/action-text/package.json b/samples/notifications/snackbar/action-text/package.json
index 2682939b5e..475fdf295e 100644
--- a/samples/notifications/snackbar/action-text/package.json
+++ b/samples/notifications/snackbar/action-text/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/snackbar/display-time/package.json b/samples/notifications/snackbar/display-time/package.json
index 2682939b5e..475fdf295e 100644
--- a/samples/notifications/snackbar/display-time/package.json
+++ b/samples/notifications/snackbar/display-time/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/snackbar/overview/package.json b/samples/notifications/snackbar/overview/package.json
index 2682939b5e..475fdf295e 100644
--- a/samples/notifications/snackbar/overview/package.json
+++ b/samples/notifications/snackbar/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/snackbar/styling/package.json b/samples/notifications/snackbar/styling/package.json
index 2682939b5e..475fdf295e 100644
--- a/samples/notifications/snackbar/styling/package.json
+++ b/samples/notifications/snackbar/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/toast/overview/package.json b/samples/notifications/toast/overview/package.json
index 89b174fc25..4d8b86e82b 100644
--- a/samples/notifications/toast/overview/package.json
+++ b/samples/notifications/toast/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/toast/properties/package.json b/samples/notifications/toast/properties/package.json
index 89b174fc25..4d8b86e82b 100644
--- a/samples/notifications/toast/properties/package.json
+++ b/samples/notifications/toast/properties/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/toast/styling/package.json b/samples/notifications/toast/styling/package.json
index 89b174fc25..4d8b86e82b 100644
--- a/samples/notifications/toast/styling/package.json
+++ b/samples/notifications/toast/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/disabled-dates/package.json b/samples/scheduling/calendar/disabled-dates/package.json
index 91c48d1c38..9e73d5cd03 100644
--- a/samples/scheduling/calendar/disabled-dates/package.json
+++ b/samples/scheduling/calendar/disabled-dates/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/formatting/package.json b/samples/scheduling/calendar/formatting/package.json
index 683a1dcdb7..883e9af73c 100644
--- a/samples/scheduling/calendar/formatting/package.json
+++ b/samples/scheduling/calendar/formatting/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/header/package.json b/samples/scheduling/calendar/header/package.json
index 45a3bc85b9..e9be1d6dc9 100644
--- a/samples/scheduling/calendar/header/package.json
+++ b/samples/scheduling/calendar/header/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/multiple-months/package.json b/samples/scheduling/calendar/multiple-months/package.json
index c96228f304..50631aec55 100644
--- a/samples/scheduling/calendar/multiple-months/package.json
+++ b/samples/scheduling/calendar/multiple-months/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/multiple-selection/package.json b/samples/scheduling/calendar/multiple-selection/package.json
index 80bb2c23aa..3e7a53097c 100644
--- a/samples/scheduling/calendar/multiple-selection/package.json
+++ b/samples/scheduling/calendar/multiple-selection/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/overview/package.json b/samples/scheduling/calendar/overview/package.json
index fc5284f658..42226e3224 100644
--- a/samples/scheduling/calendar/overview/package.json
+++ b/samples/scheduling/calendar/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/range-selection/package.json b/samples/scheduling/calendar/range-selection/package.json
index 23af02f7c0..bd377c8d81 100644
--- a/samples/scheduling/calendar/range-selection/package.json
+++ b/samples/scheduling/calendar/range-selection/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/size/package.json b/samples/scheduling/calendar/size/package.json
index ba6b07b548..5da068446a 100644
--- a/samples/scheduling/calendar/size/package.json
+++ b/samples/scheduling/calendar/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/special-dates/package.json b/samples/scheduling/calendar/special-dates/package.json
index 2876be63bb..f68f75cd2a 100644
--- a/samples/scheduling/calendar/special-dates/package.json
+++ b/samples/scheduling/calendar/special-dates/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/styling/package.json b/samples/scheduling/calendar/styling/package.json
index 0afb90448e..dd016a182f 100644
--- a/samples/scheduling/calendar/styling/package.json
+++ b/samples/scheduling/calendar/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/week-numbers/package.json b/samples/scheduling/calendar/week-numbers/package.json
index a03bf59fb9..dda62816d2 100644
--- a/samples/scheduling/calendar/week-numbers/package.json
+++ b/samples/scheduling/calendar/week-numbers/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/date-picker/dialog-mode/package.json b/samples/scheduling/date-picker/dialog-mode/package.json
index 4884299af2..d6bf25ca54 100644
--- a/samples/scheduling/date-picker/dialog-mode/package.json
+++ b/samples/scheduling/date-picker/dialog-mode/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/date-picker/form/package.json b/samples/scheduling/date-picker/form/package.json
index c1150977c8..90211191f9 100644
--- a/samples/scheduling/date-picker/form/package.json
+++ b/samples/scheduling/date-picker/form/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/date-picker/format/package.json b/samples/scheduling/date-picker/format/package.json
index 5f3b4c0f9b..2312a859d5 100644
--- a/samples/scheduling/date-picker/format/package.json
+++ b/samples/scheduling/date-picker/format/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/date-picker/overview/package.json b/samples/scheduling/date-picker/overview/package.json
index db715ce13c..6aa3f6bed3 100644
--- a/samples/scheduling/date-picker/overview/package.json
+++ b/samples/scheduling/date-picker/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/date-picker/styling/package.json b/samples/scheduling/date-picker/styling/package.json
index 65851e9d6c..1503b5dd4a 100644
--- a/samples/scheduling/date-picker/styling/package.json
+++ b/samples/scheduling/date-picker/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",