diff --git a/package-lock.json b/package-lock.json
index 481951a3d..107b97d72 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31,11 +31,11 @@
         "bootstrap": "5.3.2",
         "file-saver": "^2.0.2",
         "hammerjs": "^2.0.8",
-        "igniteui-angular": "^18.0.0-alpha.3",
+        "igniteui-angular": "^18.0.0-beta.0",
         "igniteui-angular-charts": "^17.2.1",
         "igniteui-angular-core": "^17.2.1",
         "igniteui-angular-extras": "^17.1.5",
-        "igniteui-angular-i18n": "^17.2.0",
+        "igniteui-angular-i18n": "^18.0.0-beta.0",
         "igniteui-dockmanager": "^1.14.2",
         "igniteui-live-editing": "^2.2.0",
         "igniteui-webcomponents": "^4.7.0",
@@ -54,7 +54,7 @@
         "@angular/cli": "^18.0.2",
         "@angular/compiler-cli": "^18.0.1",
         "@angular/language-service": "^18.0.1",
-        "@igniteui/angular-schematics": "17.2.1321",
+        "@igniteui/angular-schematics": "18.0.1330-beta.2",
         "@juggle/resize-observer": "^3.3.1",
         "@types/jasmine": "^5.1.2",
         "@types/jasminewd2": "^2.0.13",
@@ -3406,16 +3406,16 @@
       "dev": true
     },
     "node_modules/@igniteui/angular-schematics": {
-      "version": "17.2.1321",
-      "resolved": "https://registry.npmjs.org/@igniteui/angular-schematics/-/angular-schematics-17.2.1321.tgz",
-      "integrity": "sha512-z37tatWnJ8jIo+kPmhDt/qkA/53KUL9mgLukyk9sUCQFmLErLkEAHmjIN6DKuZS79KnTluZPUz2stJnwLFWS/w==",
+      "version": "18.0.1330-beta.2",
+      "resolved": "https://registry.npmjs.org/@igniteui/angular-schematics/-/angular-schematics-18.0.1330-beta.2.tgz",
+      "integrity": "sha512-Tw/HGm4mj+6N/wjdKkqTpz9E+EH5+Ka9b1BK7LltnQILsP874u9CZnoSpDBiLplxEjQqbsxsBSpjonu1iDk0JQ==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
         "@angular-devkit/core": "~14.0.0",
         "@angular-devkit/schematics": "~14.0.0",
-        "@igniteui/angular-templates": "~17.2.1321",
-        "@igniteui/cli-core": "~13.2.1",
+        "@igniteui/angular-templates": "~18.0.1330-beta.2",
+        "@igniteui/cli-core": "~13.3.0-beta.2",
         "@schematics/angular": "~14.0.0",
         "rxjs": "^6.6.3"
       }
@@ -3542,19 +3542,19 @@
       "dev": true
     },
     "node_modules/@igniteui/angular-templates": {
-      "version": "17.2.1321",
-      "resolved": "https://registry.npmjs.org/@igniteui/angular-templates/-/angular-templates-17.2.1321.tgz",
-      "integrity": "sha512-8j2SPI/yNwdYCJ3nWqQvlDG06B4zNjbHy78Q0FwjnFeEKkO9osLlTHpFfgAnymHQlDjVQoYy1bRy1tuXOElc6w==",
+      "version": "18.0.1330-beta.2",
+      "resolved": "https://registry.npmjs.org/@igniteui/angular-templates/-/angular-templates-18.0.1330-beta.2.tgz",
+      "integrity": "sha512-Raqy3Jn1PMqYsCGY235ab01gNpnvLJSkHtZ4Z8O+p6qoZAc/2GZbCm5pJaPLO42atEdRCKSzq8UQaNFDud4Yhg==",
       "dev": true,
       "dependencies": {
-        "@igniteui/cli-core": "~13.2.1",
+        "@igniteui/cli-core": "~13.3.0-beta.2",
         "typescript": "~5.4.3"
       }
     },
     "node_modules/@igniteui/cli-core": {
-      "version": "13.2.1",
-      "resolved": "https://registry.npmjs.org/@igniteui/cli-core/-/cli-core-13.2.1.tgz",
-      "integrity": "sha512-wv91ZKIDIg+hva3tstQ+2evCJHgtbDUR2DpO+6ko0yV1B/bM3vO7JVurRVpgk2cPFigofNeAlPbBE4jkDcZc9Q==",
+      "version": "13.3.0-beta.2",
+      "resolved": "https://registry.npmjs.org/@igniteui/cli-core/-/cli-core-13.3.0-beta.2.tgz",
+      "integrity": "sha512-JKB/pa7G0PXrOKk67Lw5VcLO1Zx2yIr/9CUnIc04LA/AzVBHr1fk46oXl2kOZ1MOBQaan3WW0evZbOtvO0oHxg==",
       "dev": true,
       "dependencies": {
         "chalk": "^2.3.2",
@@ -12567,13 +12567,13 @@
       ]
     },
     "node_modules/igniteui-angular": {
-      "version": "18.0.0-alpha.3",
-      "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-18.0.0-alpha.3.tgz",
-      "integrity": "sha512-MP24/grHAglksikKfCFNEPzuiRnxE8CQAhdfOy1JrvS/930iud7D3xbAOdF3Ss0c6+3HhNOkVCtn+11FMKCvlA==",
+      "version": "18.0.0-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-18.0.0-beta.0.tgz",
+      "integrity": "sha512-I/ELLblWxuJZ4uG+vEaivdEgQLe/T5i53rrapthDj7NJdaURSgFEWb1kgZVoDeZ9/wk3lgBcmM+6vN2zp2Kv3Q==",
       "dependencies": {
         "@igniteui/material-icons-extended": "^3.0.0",
         "fflate": "^0.8.1",
-        "igniteui-theming": "^7.0.0",
+        "igniteui-theming": "^7.0.2",
         "igniteui-trial-watermark": "^3.0.2",
         "lodash-es": "^4.17.21",
         "tslib": "^2.3.0",
@@ -12640,9 +12640,9 @@
       }
     },
     "node_modules/igniteui-angular-i18n": {
-      "version": "17.2.0",
-      "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-17.2.0.tgz",
-      "integrity": "sha512-lb3xEyGQSmw/p0dhnF0wCKTeaA23pJSBlm6mXPTPHyxrVP+97Ims/hAxssl8RsnJNXyTVal3/iMK7ZigskLmDA=="
+      "version": "18.0.0-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-18.0.0-beta.0.tgz",
+      "integrity": "sha512-ulMCRB68Q68f2sayJaY+6j6GVZ4laZOGyNlBCbw9qm3zqgipd1La8kdTOqKqYjXmNk9HdJTITEg2le/sGNGW0g=="
     },
     "node_modules/igniteui-dockmanager": {
       "version": "1.14.3",
@@ -12663,9 +12663,9 @@
       "integrity": "sha512-39/w4/IX8JvT+VYckz/miUcncEtDdLROChS/pWShKs0TW9Jo+xxYijm1x6elH9PGcTjCafmwAKUMRZjDBOp/KA=="
     },
     "node_modules/igniteui-theming": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-7.0.0.tgz",
-      "integrity": "sha512-QV1KrgBmAHClBIsiDN0jhGnGv05ArPI09pD94VplU7Ze3fROhd9+JMivRvZMvM6klazeaemkRTKxQij1XuBmsQ==",
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-7.0.2.tgz",
+      "integrity": "sha512-wqrvXyYsvbky4MEpfOy8cqm8Pi0m4ZOJ+MF0ZuVUPDc95pKE/GfsCmRrjord6GvD+TUtKzxRhD8kUxi6SkxWMA==",
       "peerDependencies": {
         "sass": "^1.58.1"
       }
@@ -24044,15 +24044,15 @@
       "dev": true
     },
     "@igniteui/angular-schematics": {
-      "version": "17.2.1321",
-      "resolved": "https://registry.npmjs.org/@igniteui/angular-schematics/-/angular-schematics-17.2.1321.tgz",
-      "integrity": "sha512-z37tatWnJ8jIo+kPmhDt/qkA/53KUL9mgLukyk9sUCQFmLErLkEAHmjIN6DKuZS79KnTluZPUz2stJnwLFWS/w==",
+      "version": "18.0.1330-beta.2",
+      "resolved": "https://registry.npmjs.org/@igniteui/angular-schematics/-/angular-schematics-18.0.1330-beta.2.tgz",
+      "integrity": "sha512-Tw/HGm4mj+6N/wjdKkqTpz9E+EH5+Ka9b1BK7LltnQILsP874u9CZnoSpDBiLplxEjQqbsxsBSpjonu1iDk0JQ==",
       "dev": true,
       "requires": {
         "@angular-devkit/core": "~14.0.0",
         "@angular-devkit/schematics": "~14.0.0",
-        "@igniteui/angular-templates": "~17.2.1321",
-        "@igniteui/cli-core": "~13.2.1",
+        "@igniteui/angular-templates": "~18.0.1330-beta.2",
+        "@igniteui/cli-core": "~13.3.0-beta.2",
         "@schematics/angular": "~14.0.0",
         "rxjs": "^6.6.3"
       },
@@ -24145,19 +24145,19 @@
       }
     },
     "@igniteui/angular-templates": {
-      "version": "17.2.1321",
-      "resolved": "https://registry.npmjs.org/@igniteui/angular-templates/-/angular-templates-17.2.1321.tgz",
-      "integrity": "sha512-8j2SPI/yNwdYCJ3nWqQvlDG06B4zNjbHy78Q0FwjnFeEKkO9osLlTHpFfgAnymHQlDjVQoYy1bRy1tuXOElc6w==",
+      "version": "18.0.1330-beta.2",
+      "resolved": "https://registry.npmjs.org/@igniteui/angular-templates/-/angular-templates-18.0.1330-beta.2.tgz",
+      "integrity": "sha512-Raqy3Jn1PMqYsCGY235ab01gNpnvLJSkHtZ4Z8O+p6qoZAc/2GZbCm5pJaPLO42atEdRCKSzq8UQaNFDud4Yhg==",
       "dev": true,
       "requires": {
-        "@igniteui/cli-core": "~13.2.1",
+        "@igniteui/cli-core": "~13.3.0-beta.2",
         "typescript": "~5.4.3"
       }
     },
     "@igniteui/cli-core": {
-      "version": "13.2.1",
-      "resolved": "https://registry.npmjs.org/@igniteui/cli-core/-/cli-core-13.2.1.tgz",
-      "integrity": "sha512-wv91ZKIDIg+hva3tstQ+2evCJHgtbDUR2DpO+6ko0yV1B/bM3vO7JVurRVpgk2cPFigofNeAlPbBE4jkDcZc9Q==",
+      "version": "13.3.0-beta.2",
+      "resolved": "https://registry.npmjs.org/@igniteui/cli-core/-/cli-core-13.3.0-beta.2.tgz",
+      "integrity": "sha512-JKB/pa7G0PXrOKk67Lw5VcLO1Zx2yIr/9CUnIc04LA/AzVBHr1fk46oXl2kOZ1MOBQaan3WW0evZbOtvO0oHxg==",
       "dev": true,
       "requires": {
         "chalk": "^2.3.2",
@@ -31105,13 +31105,13 @@
       "dev": true
     },
     "igniteui-angular": {
-      "version": "18.0.0-alpha.3",
-      "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-18.0.0-alpha.3.tgz",
-      "integrity": "sha512-MP24/grHAglksikKfCFNEPzuiRnxE8CQAhdfOy1JrvS/930iud7D3xbAOdF3Ss0c6+3HhNOkVCtn+11FMKCvlA==",
+      "version": "18.0.0-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-18.0.0-beta.0.tgz",
+      "integrity": "sha512-I/ELLblWxuJZ4uG+vEaivdEgQLe/T5i53rrapthDj7NJdaURSgFEWb1kgZVoDeZ9/wk3lgBcmM+6vN2zp2Kv3Q==",
       "requires": {
         "@igniteui/material-icons-extended": "^3.0.0",
         "fflate": "^0.8.1",
-        "igniteui-theming": "^7.0.0",
+        "igniteui-theming": "^7.0.2",
         "igniteui-trial-watermark": "^3.0.2",
         "lodash-es": "^4.17.21",
         "tslib": "^2.3.0",
@@ -31144,9 +31144,9 @@
       }
     },
     "igniteui-angular-i18n": {
-      "version": "17.2.0",
-      "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-17.2.0.tgz",
-      "integrity": "sha512-lb3xEyGQSmw/p0dhnF0wCKTeaA23pJSBlm6mXPTPHyxrVP+97Ims/hAxssl8RsnJNXyTVal3/iMK7ZigskLmDA=="
+      "version": "18.0.0-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-18.0.0-beta.0.tgz",
+      "integrity": "sha512-ulMCRB68Q68f2sayJaY+6j6GVZ4laZOGyNlBCbw9qm3zqgipd1La8kdTOqKqYjXmNk9HdJTITEg2le/sGNGW0g=="
     },
     "igniteui-dockmanager": {
       "version": "1.14.3",
@@ -31169,9 +31169,9 @@
       "integrity": "sha512-39/w4/IX8JvT+VYckz/miUcncEtDdLROChS/pWShKs0TW9Jo+xxYijm1x6elH9PGcTjCafmwAKUMRZjDBOp/KA=="
     },
     "igniteui-theming": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-7.0.0.tgz",
-      "integrity": "sha512-QV1KrgBmAHClBIsiDN0jhGnGv05ArPI09pD94VplU7Ze3fROhd9+JMivRvZMvM6klazeaemkRTKxQij1XuBmsQ==",
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-7.0.2.tgz",
+      "integrity": "sha512-wqrvXyYsvbky4MEpfOy8cqm8Pi0m4ZOJ+MF0ZuVUPDc95pKE/GfsCmRrjord6GvD+TUtKzxRhD8kUxi6SkxWMA==",
       "requires": {}
     },
     "igniteui-trial-watermark": {
diff --git a/package.json b/package.json
index 955d0c8d3..18d06c65f 100644
--- a/package.json
+++ b/package.json
@@ -65,11 +65,11 @@
     "bootstrap": "5.3.2",
     "file-saver": "^2.0.2",
     "hammerjs": "^2.0.8",
-    "igniteui-angular": "^18.0.0-alpha.3",
+    "igniteui-angular": "^18.0.0-beta.0",
     "igniteui-angular-charts": "^17.2.1",
     "igniteui-angular-core": "^17.2.1",
     "igniteui-angular-extras": "^17.1.5",
-    "igniteui-angular-i18n": "^17.2.0",
+    "igniteui-angular-i18n": "^18.0.0-beta.0",
     "igniteui-dockmanager": "^1.14.2",
     "igniteui-live-editing": "^2.2.0",
     "igniteui-webcomponents": "^4.7.0",
@@ -88,7 +88,7 @@
     "@angular/cli": "^18.0.2",
     "@angular/compiler-cli": "^18.0.1",
     "@angular/language-service": "^18.0.1",
-    "@igniteui/angular-schematics": "17.2.1321",
+    "@igniteui/angular-schematics": "18.0.1330-beta.2",
     "@juggle/resize-observer": "^3.3.1",
     "@types/jasmine": "^5.1.2",
     "@types/jasminewd2": "^2.0.13",
diff --git a/projects/app-crm/src/styles.scss b/projects/app-crm/src/styles.scss
index e3b9a6934..d717153b1 100644
--- a/projects/app-crm/src/styles.scss
+++ b/projects/app-crm/src/styles.scss
@@ -8,6 +8,13 @@
     $schema: $schema
 );
 
+
+// Specifies large size for all components to match the previous defaults
+// This may not be needed for your project. Please consult https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/update-guide for more details.
+:root {
+    --ig-size: var(--ig-size-large);
+}
+
 /* autoprefixer grid: on */
 html,
 body {
diff --git a/projects/app-lob/src/styles.scss b/projects/app-lob/src/styles.scss
index aae2eec21..2c3f3b5c5 100644
--- a/projects/app-lob/src/styles.scss
+++ b/projects/app-lob/src/styles.scss
@@ -1,6 +1,14 @@
 @use 'igniteui-angular/theming' as *;
 @use 'variables' as *;
 @use 'app-layout';
+
+
+// Specifies large size for all components to match the previous defaults
+// This may not be needed for your project. Please consult https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/update-guide for more details.
+:root {
+    --ig-size: var(--ig-size-large);
+}
+
 /* autoprefixer grid: on */
 html,
 body {
@@ -46,4 +54,4 @@ body {
     ::-moz-placeholder {
         opacity: 1;
     }
-}
\ No newline at end of file
+}
diff --git a/src/styles.scss b/src/styles.scss
index 82df00bb3..0dc0c0019 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -2,6 +2,13 @@
 @use 'variables' as *;
 @use 'app-layout';
 
+
+// Specifies large size for all components to match the previous defaults
+// This may not be needed for your project. Please consult https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/update-guide for more details.
+:root {
+    --ig-size: var(--ig-size-large);
+}
+
 /* autoprefixer grid: on */
 html,
 body {