@eui/cli 21.0.0-alpha.9 → 21.0.0-next.10

package/lib/generators.js

@@ -1,4 +1,3 @@
-const chalk = require('chalk');
 const childProcess = require('child_process');
 const execSync = childProcess.execSync;
 const cli = require('./cli');
@@ -10,9 +9,9 @@ const utils = require('./utils');
 
 const appGenerate = (options) => {
   if (options.inputConfig) {
-    console.info(chalk.cyan('Creating your project - automated mode : \n'));
+    utils.logInfo('Creating your project - automated mode : \n');
   } else {
-    console.info(chalk.cyan('Configuring your project : please answer the following : \n'));
+    utils.logInfo('Configuring your project : please answer the following : \n');
   }
 
   // Query the questions
@@ -52,11 +51,9 @@ const appGenerate = (options) => {
         if (!cliConfig.appStart || typeof cliConfig.npmInstall !== 'boolean' || !cliConfig.npmInstall) {
           return;
         }
-        console.log('');
-        console.log('');
-        console.log('*****************************************************************');
-        console.log(chalk.cyan(' Starting eUI app... browser will open soon on localhost:4200'));
-        console.log('*****************************************************************');
+        utils.logInfo('*****************************************************************');
+        utils.logInfo(' Starting eUI app... browser will open soon on localhost:4200');
+        utils.logInfo('*****************************************************************');
 
         const wd = path.resolve(utils.getAngularPath(options.targetPath, cliConfig.appName, cliConfig.appType, cliConfig.artifactId));
         return execSync("npm start", { cwd: wd, stdio: "inherit" });

package/lib/install.js

@@ -1,9 +1,7 @@
 const childProcess = require('child_process');
 const execSync = childProcess.execSync;
 const path = require('path');
-const tools = require('@eui/tools/scripts/utils/tools');
 const utils = require('./utils');
-const chalk = require('chalk');
 
 module.exports.start = (options) => {
 
@@ -27,15 +25,17 @@ const install = (cliConfig, targetPath) => {
   console.log('');
   console.log('');
   console.log('*****************************************************');
-  console.log(chalk.cyan(' Installing app dependencies... PLEASE WAIT....'));
+  console.log(' Installing app dependencies... PLEASE WAIT....');
   console.log('*****************************************************');
 
   return Promise.resolve()
     .then(() => {
-      return tools.remove(path.join(wd, 'yarn.lock'));
-    })
-    .then(() => {
-      return execSync("yarn", { cwd: wd, stdio: "inherit" });
+      if (cliConfig.packageManager === 'pnpm') {
+        return execSync("pnpm install", { cwd: wd, stdio: "inherit" });
+        
+      } else {
+        return execSync("yarn", { cwd: wd, stdio: "inherit" });
+      }
     })
 
     .catch((e) => {

package/lib/post-build.js

@@ -1,6 +1,4 @@
 const path = require('path');
-const tools = require('@eui/tools/scripts/utils/tools');
-
 const utils = require('./utils');
 
 module.exports.start = (options) => {
@@ -24,7 +22,7 @@ const postBuild = (cliConfig, targetPath) => {
     .then(() => {
       console.log('--renaming .gitignore');
       const angularPath = utils.getAngularPath(targetPath, appName, appType, artifactId);
-      return tools.move(path.join(angularPath, 'gitignore_TO_REPLACE'), path.join(angularPath, '.gitignore'));
+      return utils.move(path.join(angularPath, 'gitignore_TO_REPLACE'), path.join(angularPath, '.gitignore'));
     })
 
     .catch((e) => {

package/lib/skeletons/_angular/base/angular.json

@@ -21,7 +21,7 @@
             },
             "architect": {
                 "build": {
-                    "builder": "@angular-devkit/build-angular:application",
+                    "builder": "@angular/build:application",
                     "options": {
                         "outputPath": "dist",
                         "index": "src/index.html",
@@ -46,7 +46,6 @@
                         "styles": [
                             "node_modules/@eui/styles/dist/eui.css",
                             "node_modules/@eui/styles/dist/eui-utilities.css",
-                            "node_modules/@eui/styles/dist/eui-theme-eui-legacy.css",
                             "src/styles.scss"
                         ]
                     },
@@ -106,7 +105,7 @@
                     "defaultConfiguration": "production"
                 },
                 "serve": {
-                    "builder": "@angular-devkit/build-angular:dev-server",
+                    "builder": "@angular/build:dev-server",
                     "options": {
                         "buildTarget": "app:build"
                     },
@@ -124,32 +123,20 @@
                     },
                     "defaultConfiguration": "development"
                 },
-                "lint": {
-                    "builder": "@angular-eslint/builder:lint",
+                "test": {
+                    "builder": "@angular/build:unit-test",
                     "options": {
-                        "lintFilePatterns": ["src/**/*.ts", "src/**/*.html"],
-                        "eslintConfig": "src/.eslintrc.json"
+                        "tsConfig": "src/tsconfig.spec.json"
                     }
                 },
-                "test": {
-                    "builder": "@angular-devkit/build-angular:karma",
+                "lint": {
+                    "builder": "@angular-eslint/builder:lint",
                     "options": {
-                        "polyfills": ["zone.js", "zone.js/testing"],
-                        "tsConfig": "src/tsconfig.spec.json",
-                        "karmaConfig": "src/karma.conf.js",
-                        "inlineStyleLanguage": "scss",
-                        "assets": [
-                            {
-                                "glob": "**/*",
-                                "input": "node_modules/@eui/core/assets/",
-                                "output": "./assets"
-                            },
-                            {
-                                "glob": "**/*",
-                                "input": "node_modules/@eui/styles/dist/assets/",
-                                "output": "./assets"
-                            }
-                        ]
+                        "lintFilePatterns": [
+                            "src/**/*.ts",
+                            "src/**/*.html"
+                        ],
+                        "eslintConfig": "eslint.config.js"
                     }
                 }
             }

package/lib/skeletons/_angular/base/eslint.config.js

@@ -0,0 +1,43 @@
+// @ts-check
+const eslint = require("@eslint/js");
+const tseslint = require("typescript-eslint");
+const angular = require("angular-eslint");
+
+module.exports = tseslint.config(
+    {
+        files: ["**/*.ts"],
+        extends: [
+            eslint.configs.recommended,
+            ...tseslint.configs.recommended,
+            ...tseslint.configs.stylistic,
+            ...angular.configs.tsRecommended,
+        ],
+        processor: angular.processInlineTemplates,
+        rules: {
+            "@angular-eslint/directive-selector": [
+                "error",
+                {
+                    type: "attribute",
+                    prefix: "app",
+                    style: "camelCase",
+                },
+            ],
+            "@angular-eslint/component-selector": [
+                "error",
+                {
+                    type: "element",
+                    prefix: "app",
+                    style: "kebab-case",
+                },
+            ],
+        },
+    },
+    {
+        files: ["**/*.html"],
+        extends: [
+            ...angular.configs.templateRecommended,
+            ...angular.configs.templateAccessibility,
+        ],
+        rules: {},
+    },
+);

package/lib/skeletons/_angular/base/package.json

@@ -1,38 +1,44 @@
 {
     "name": "eui-angular-app",
-    "version": "21.0.0-alpha.8",
+    "version": "21.0.0-next.10",
     "license": "EUPL-1.1",
     "scripts": {
         "ng": "ng",
         "start-mock-server": "nodemon --watch ./mock ./mock/server.js",
-        "start-serve": "eui-scripts serve-app --configuration=proxy-mock",
+        "start-serve": "eui-cli serve-app --configuration=proxy-mock",
         "start": "npm-run-all --parallel start-mock-server start-serve",
-        "start-proxy": "eui-scripts serve-app --configuration=proxy",
-        "start-local": "eui-scripts serve-app",
-        "build": "eui-scripts build-app",
-        "build-dev": "eui-scripts build-app --configuration=development --configEnvTarget=dev",
-        "build-prod": "eui-scripts build-app --configuration=production-optimized --configEnvTarget=prod",
-        "build-prod-skip-test": "eui-scripts build-app --configuration=production-optimized --configEnvTarget=prod --skipTest",
-        "build-prod-stats": "eui-scripts build-app --configuration=production-optimized --configEnvTarget=prod --statsJson",
-        "app:build": "eui-scripts build-app",
-        "app:inject-config": "eui-scripts inject-config-app",
-        "generate-changelog": "eui-scripts generate-changelog",
-        "generate-sprite": "eui-scripts generate-sprite"
+        "start-proxy": "eui-cli serve-app --configuration=proxy",
+        "start-local": "eui-cli serve-app",
+        "build": "eui-cli build-app",
+        "build-dev": "eui-cli build-app --configuration=development --configEnvTarget=dev",
+        "build-prod": "eui-cli build-app --configuration=production-optimized --configEnvTarget=prod",
+        "build-prod-skip-test": "eui-cli build-app --configuration=production-optimized --configEnvTarget=prod --skipTest",
+        "build-prod-stats": "eui-cli build-app --configuration=production-optimized --configEnvTarget=prod --statsJson",
+        "app:build": "eui-cli build-app",
+        "app:inject-config": "eui-cli inject-config-app",
+        "generate-changelog": "eui-cli generate-changelog",
+        "generate-sprite": "eui-cli generate-sprite"
     },
     "private": true,
     "dependencies": {
-        "@eui/deps-base": "21.0.0-alpha.8"
+        "@eui/deps-base": "21.0.0-next.10"
+    },
+    "devDependencies": {
+        "npm-run-all": "4.1.5",
+        "json-server": "1.0.0-beta.3",
+        "nodemon": "2.0.22",
+        "lowdb": "1.0.0",
+        "body-parser": "1.20.3",
+        "express": "4.21.2",
+        "typescript-eslint": "8.46.3",
+        "angular-eslint": "20.6.0",
+        "eslint": "^9.39.0",
+        "vitest": "^4.0.0",
+        "jsdom": "^27.2.0"
     },
     "resolutions": {
-        "js-yaml": ">=3.13.1",
-        "pdfjs-dist": "4.10.38",
-        "tar": ">=6.2.1",
-        "katex": ">=0.16.10",
-        "follow-redirects": ">=1.15.4",
-        "word-wrap": ">=1.2.4",
-        "postcss": ">=8.4.31",
         "semver": ">=7.5.2",
-        "express": "4.21.2",
-        "path-to-regexp": "1.9.0"
+        "dompurify": ">=3.2.4",
+        "tmp": ">0.2.4"
     }
 }

package/lib/skeletons/_angular/base/src/app/app-starter.service.spec.ts

@@ -4,9 +4,11 @@ import {CONFIG_TOKEN, I18nService, UserService} from '@eui/core';
 import {EuiAppConfig} from '@eui/core';
 import {of} from 'rxjs';
 import {AppStarterService} from './app-starter.service';
-import SpyObj = jasmine.SpyObj;
 import { EuiServiceStatus } from '@eui/base';
 import { provideHttpClient, withInterceptorsFromDi } from "@angular/common/http";
+import { describe, it, beforeEach, expect, vi } from 'vitest';
+
+type SpyObj<T> = { [K in keyof T]: T[K] extends (...args: any[]) => any ? ReturnType<typeof vi.fn> : T[K] };
 
 describe('AppStarterService', () => {
     let service: AppStarterService;
@@ -16,8 +18,8 @@ describe('AppStarterService', () => {
     let configMock: EuiAppConfig;
 
     beforeEach(() => {
-        userServiceMock = jasmine.createSpyObj('UserService', ['init']);
-        i18nServiceMock = jasmine.createSpyObj('I18nService', ['init']);
+        userServiceMock = { init: vi.fn() } as SpyObj<UserService>;
+        i18nServiceMock = { init: vi.fn() } as SpyObj<I18nService>;
         configMock = {global: {}, modules: {core: {base: 'localhost:3000', userDetails: 'dummy'}}};
 
         TestBed.configureTestingModule({
@@ -40,8 +42,8 @@ describe('AppStarterService', () => {
     });
 
     it('should call start method', () => {
-        userServiceMock.init.and.returnValue(of({ } as EuiServiceStatus));
-        i18nServiceMock.init.and.returnValue(of({ } as EuiServiceStatus));
+        vi.mocked(userServiceMock.init).mockReturnValue(of({ } as EuiServiceStatus));
+        vi.mocked(i18nServiceMock.init).mockReturnValue(of({ } as EuiServiceStatus));
         service.start().subscribe(() => {
             expect(userServiceMock.init).toHaveBeenCalled();
             expect(i18nServiceMock.init).toHaveBeenCalled();
@@ -49,7 +51,7 @@ describe('AppStarterService', () => {
     });
 
     it('should call initUserService method', () => {
-        userServiceMock.init.and.returnValue(of({ } as EuiServiceStatus));
+        vi.mocked(userServiceMock.init).mockReturnValue(of({ } as EuiServiceStatus));
         service.initUserService().subscribe(() => {
             expect(userServiceMock.init).toHaveBeenCalled();
         });

package/lib/skeletons/_angular/base/src/app/app.component.html

@@ -10,17 +10,17 @@
                     <eui-user-profile isShowAvatarInitials>
                         <eui-user-profile-menu>
                             <eui-user-profile-menu-item>
-                                <eui-icon-svg icon="person:outline"/>{{ 'eui.my-profile-informations' | translate }}
+                                <eui-icon-svg icon="user:regular"/>{{ 'eui.my-profile-informations' | translate }}
                             </eui-user-profile-menu-item>
                             <eui-user-profile-menu-item>
-                                <eui-icon-svg icon="log-out:outline"/>{{ 'eui.sign-out' | translate }}
+                                <eui-icon-svg icon="sign-out:regular"/>{{ 'eui.sign-out' | translate }}
                             </eui-user-profile-menu-item>
                         </eui-user-profile-menu>
                     </eui-user-profile>
                 </eui-toolbar-item>
 
                 <eui-toolbar-item>
-                    <eui-notifications [count]="notificationItems?.length" [items]="notificationItems"></eui-notifications>
+                    <eui-notifications [count]="notificationItems.length" [items]="notificationItems" />
                 </eui-toolbar-item>
             </eui-toolbar-items>
 

package/lib/skeletons/_angular/base/src/app/app.component.spec.ts

@@ -1,7 +1,7 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { RouterModule } from '@angular/router';
 import { AppComponent } from './app.component';
-import { EuiAppModule } from '@eui/components/layout';
+import { EUI_LAYOUT } from '@eui/components/layout';
 import { routes } from './app.routes';
 import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
@@ -10,7 +10,9 @@ import { CONFIG_TOKEN, I18nService, I18nState, UserService} from '@eui/core';
 import { EuiAppConfig } from '@eui/core';
 import { Observable, of } from 'rxjs';
 import { TranslateModule } from '@ngx-translate/core';
-import SpyObj = jasmine.SpyObj;
+import { describe, it, beforeEach, expect, vi } from 'vitest';
+
+type SpyObj<T> = { [K in keyof T]: T[K] extends (...args: any[]) => any ? ReturnType<typeof vi.fn> : T[K] };
 
 describe('AppComponent', () => {
     let component: AppComponent;
@@ -20,24 +22,24 @@ describe('AppComponent', () => {
     let configMock: EuiAppConfig;
 
     beforeEach(async () => {
-
-        // Handle the overloaded getState method
         type GetStateReturnType<T> = T extends keyof I18nState ? Observable<I18nState[T]> : Observable<I18nState>;
 
-        userServiceMock = jasmine.createSpyObj('UserService', ['init']);
-        i18nServiceMock = jasmine.createSpyObj<I18nService>('I18nService', ['init', 'getState']);
-        i18nServiceMock.getState.and.callFake(<K extends keyof I18nState>(key?: K): GetStateReturnType<K> => {
-            if (typeof key === 'string') {
-                return of({ activeLang: 'en' }[key]) as GetStateReturnType<K>;
-            }
-            return of({ activeLang: 'en' }) as GetStateReturnType<K>;
-        });
+        userServiceMock = { init: vi.fn() } as SpyObj<UserService>;
+        i18nServiceMock = { 
+            init: vi.fn(), 
+            getState: vi.fn(<K extends keyof I18nState>(key?: K): GetStateReturnType<K> => {
+                if (typeof key === 'string') {
+                    return of({ activeLang: 'en' }[key]) as GetStateReturnType<K>;
+                }
+                return of({ activeLang: 'en' }) as GetStateReturnType<K>;
+            })
+        } as SpyObj<I18nService>;
         configMock = {global: {}, modules: {core: {base: 'localhost:3000', userDetails: 'dummy'}}};
 
         await TestBed.configureTestingModule({
             imports: [
                 RouterModule.forRoot(routes),
-                EuiAppModule,
+                ...EUI_LAYOUT,
                 TranslateModule.forRoot(),
             ],
             providers: [

package/lib/skeletons/_angular/base/src/app/app.component.ts

@@ -1,17 +1,17 @@
 import { Component } from '@angular/core';
 import { TranslateModule } from '@ngx-translate/core';
-import { EuiLayoutModule } from '@eui/components/layout';
 import { EUI_LANGUAGE_SELECTOR } from '@eui/components/eui-language-selector';
 import { EUI_USER_PROFILE } from '@eui/components/eui-user-profile';
 import { EUI_ICON } from '@eui/components/eui-icon';
 import { EuiMenuItem } from '@eui/components/eui-menu';
+import { EUI_LAYOUT } from '@eui/components/layout';
 
 @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
     imports: [
         TranslateModule,
-        EuiLayoutModule,
+        ...EUI_LAYOUT,
         ...EUI_ICON,
         ...EUI_USER_PROFILE,
         ...EUI_LANGUAGE_SELECTOR,

package/lib/skeletons/_angular/base/src/app/features/home/home.component.html

@@ -1,5 +1,5 @@
 <eui-page>
-    <eui-page-header label="{{ 'page.home.title' | translate }}"></eui-page-header>
+    <eui-page-header label="{{ 'page.home.title' | translate }}" />
 
     <eui-page-content>
         <h3 class="eui-u-font-bold eui-u-color-info">Overview</h3>

package/lib/skeletons/_angular/base/src/app/features/home/home.component.ts

@@ -1,4 +1,4 @@
-import { Component, Inject } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { CONFIG_TOKEN, EuiAppConfig } from '@eui/core';
 import { EUI_PAGE } from '@eui/components/eui-page';
 import { TranslateModule } from '@ngx-translate/core';
@@ -11,7 +11,9 @@ import { TranslateModule } from '@ngx-translate/core';
     ],
 })
 export class HomeComponent {
-    constructor(@Inject(CONFIG_TOKEN) protected config: EuiAppConfig) {
-        console.log(config);
+    protected config: EuiAppConfig = inject(CONFIG_TOKEN);
+
+    constructor() {
+        console.log(this.config);
     }
 }

package/lib/skeletons/_angular/base/src/app/features/module1/components/page1/page1.component.html

@@ -1,5 +1,5 @@
 <eui-page>
-    <eui-page-header label="Module 1 - page 1"></eui-page-header>
+    <eui-page-header label="Module 1 - page 1" />
 
     <eui-page-content>
         page 1 content

package/lib/skeletons/_angular/base/src/app/features/module1/components/page2/page2.component.html

@@ -1,5 +1,5 @@
 <eui-page>
-    <eui-page-header label="Module 1 - page 2"></eui-page-header>
+    <eui-page-header label="Module 1 - page 2" />
 
     <eui-page-content>
         page 1 content

package/lib/skeletons/_angular/base/src/app/features/module1/module1.component.html

@@ -1,7 +1,5 @@
 <eui-page>
-    <eui-page-header label="Module 1"></eui-page-header>
+    <eui-page-header label="Module 1" />
 
-    <eui-page-content>
-
-    </eui-page-content>
+    <eui-page-content />
 </eui-page>

package/lib/skeletons/_angular/base/src/app/features/module2/module2.component.html

@@ -1,5 +1,5 @@
 <eui-page>
-    <eui-page-header label="Module 2"></eui-page-header>
+    <eui-page-header label="Module 2" />
 
     <eui-page-content>
         Module 2 content

package/lib/skeletons/_angular/base/src/app/features/module2/module2.component.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { EUI_PAGE, EuiPageModule } from '@eui/components/eui-page';
+import { EUI_PAGE } from '@eui/components/eui-page';
 
 @Component({
     templateUrl: './module2.component.html',

package/lib/skeletons/_angular/base/src/dummy.spec.ts

@@ -1,3 +1,5 @@
+import { describe, expect, it } from 'vitest';
+
 // Dummy test
 describe('Test', () => {
     it('should work', () => {

package/lib/skeletons/_angular/base/src/karma.conf.js

@@ -1,7 +1,47 @@
-const karmaConfig = require('@eui/tools/karma/karma.conf');
+function get(config) {
+
+    return {
+        basePath: '',
+        frameworks: ['jasmine', '@angular-devkit/build-angular'],
+        plugins: [
+            require('karma-jasmine'),
+            require('karma-chrome-launcher'),
+            require('karma-jasmine-html-reporter'),
+            require('karma-coverage-istanbul-reporter'),
+            require('karma-coverage'),
+            require('karma-sourcemap-loader'),
+            require('@angular-devkit/build-angular/plugins/karma')
+        ],
+        client:{
+          clearContext: false // leave Jasmine Spec Runner output visible in browser
+        },
+        coverageIstanbulReporter: {
+          reports: [ 'html', 'lcovonly' ],
+          fixWebpackSourcePaths: true
+        },
+        angularCli: {
+          environment: 'dev'
+        },
+        reporters: ['progress', 'kjhtml'],
+        port: 9876,
+        colors: true,
+        logLevel: config.LOG_INFO,
+        autoWatch: true,
+        browsers: ['ChromeHeadlessCustom'],
+        customLaunchers: {
+            ChromeHeadlessCustom: {
+                base: 'ChromeHeadless',
+                flags: [
+                    '--no-sandbox',
+                ],
+            },
+        },
+        singleRun: false
+    }
+}
 
 module.exports = function (config) {
     config.set(
-        karmaConfig.get(config)
+        get(config)
     );
 }

package/lib/skeletons/_angular/base/src/tsconfig.app.json

@@ -9,6 +9,9 @@
         "strictTemplates": true,
         "strictInjectionParameters": true,
     },
+    "include": [
+        "**/*.ts"
+    ],
     "exclude": [
       "**/*.spec.ts",
       "app/shared/testing/router.mock.ts",

package/lib/skeletons/_angular/base/src/tsconfig.spec.json

@@ -1,11 +1,7 @@
 {
   "extends": "../tsconfig.json",
   "compilerOptions": {
-    "outDir": "../out-tsc/spec",
-    "types": [
-      "jasmine",
-      "node"
-    ]
+    "outDir": "../out-tsc/spec"
   },
   "include": [
     "**/*.spec.ts",

package/lib/skeletons/_angular/base/tsconfig.json

@@ -1,27 +1,31 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
-  "compileOnSave": false,
-  "compilerOptions": {
-    "baseUrl": "./",
-    "outDir": "./dist/out-tsc",
-    "target": "ES2022",
-    "module": "ES2022",
-    "useDefineForClassFields": false,
-    "lib": [
-      "ES2022",
-      "dom"
-    ],
-    "sourceMap": true,
-    "declaration": false,
-    "moduleResolution": "node",
-    "emitDecoratorMetadata": false,
-    "experimentalDecorators": true,
-    "allowSyntheticDefaultImports": true,
-    "importHelpers": true,
-    "typeRoots": [
-      "node_modules/@types"
-    ],
-    "paths": {
-        "@shared/*": ["src/app/shared/*"],
+    "compileOnSave": false,
+    "compilerOptions": {
+        "baseUrl": "./",
+        "outDir": "./dist/out-tsc",
+        "target": "ES2022",
+        "module": "ES2022",
+        "useDefineForClassFields": false,
+        "lib": [
+            "ES2022",
+            "dom"
+        ],
+        "sourceMap": true,
+        "declaration": false,
+        "moduleResolution": "bundler",
+        "emitDecoratorMetadata": false,
+        "experimentalDecorators": true,
+        "allowSyntheticDefaultImports": true,
+        "importHelpers": true,
+        "typeRoots": [
+            "node_modules/@types"
+        ],
+        "paths": {
+            "@shared/*": [
+                "src/app/shared/*"
+            ]
+        }
     }
-  }
 }

package/lib/skeletons/_angular/base-mobile/package.json

@@ -1,6 +1,6 @@
 {
     "name": "eui-angular-app",
-    "version": "21.0.0-alpha.8",
+    "version": "21.0.0-next.10",
     "license": "EUPL-1.1",
     "scripts": {
         "ng": "ng",
@@ -20,8 +20,8 @@
     },
     "private": true,
     "dependencies": {
-        "@eui/deps-base": "18.2.15",
-        "@eui/mobile-core": "18.1.1",
-        "@eui/mobile-styles": "18.1.1"
+        "@eui/deps-base": "18.2.20",
+        "@eui/mobile-core": "18.1.3",
+        "@eui/mobile-styles": "18.1.3"
     }
 }