@syncfusion/ej2-angular-layouts 22.2.9 → 23.1.36

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-layouts@*",
-  "_id": "@syncfusion/ej2-angular-layouts@22.2.5",
+  "_id": "@syncfusion/ej2-angular-layouts@21.4.3",
   "_inBundle": false,
-  "_integrity": "sha512-CNyxGHoJdrrFBZVMcahx6KQos1CN6+u3r3BSfNzYeuAtenEX3MI0W4WnBlq4YpIvfwmQz1LLZZ3uc9eiV61H0A==",
+  "_integrity": "sha512-ppUcgLJ8vw5zEh1p7amN4OPIr58Qi8ybDudp7PQuFCvl2IncVUfO+P7u/nZ41xMrs37n6MBWeJUavG4CV609xA==",
   "_location": "/@syncfusion/ej2-angular-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-layouts/-/ej2-angular-layouts-22.2.5.tgz",
-  "_shasum": "2bad07fce4d1732c1ff9d054561be3c0e6e29cb6",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-release/@syncfusion/ej2-angular-layouts/-/ej2-angular-layouts-21.4.3.tgz",
+  "_shasum": "ad20a474c8ee5e4df0aa645dd2b8aead022852b3",
   "_spec": "@syncfusion/ej2-angular-layouts@*",
-  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/ivypackages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/ivypackages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~22.2.5",
-    "@syncfusion/ej2-base": "~22.2.9",
-    "@syncfusion/ej2-layouts": "22.2.9",
+    "@syncfusion/ej2-angular-base": "~23.1.36",
+    "@syncfusion/ej2-base": "~23.1.36",
+    "@syncfusion/ej2-layouts": "23.1.36",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -76,5 +76,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-layouts.d.ts",
-  "version": "22.2.9"
+  "version": "23.1.36"
 }

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-layouts";
-export declare const pkgVer = "^22.2.5";
+export declare const pkgVer = "^21.4.3";
 export declare const moduleName = "SplitterModule, DashboardLayoutModule";
-export declare const themeVer = "~22.2.5";
+export declare const themeVer = "~21.4.3";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-layouts';
-exports.pkgVer = '^22.2.9';
+exports.pkgVer = '^23.1.36';
 exports.moduleName = 'SplitterModule, DashboardLayoutModule';
-exports.themeVer = '~22.2.9';
+exports.themeVer = '~23.1.36';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-layouts';
-export const pkgVer = '^22.2.9';
+export const pkgVer = '^23.1.36';
 export const moduleName = 'SplitterModule, DashboardLayoutModule';
-export const themeVer = '~22.2.9';
+export const themeVer = '~23.1.36';

package/styles/avatar/bootstrap-dark.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap-dark.scss';
 @import 'bootstrap-dark-definition.scss';
 @import 'all.scss';

package/styles/avatar/bootstrap.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap.scss';
 @import 'bootstrap-definition.scss';
 @import 'all.scss';

package/styles/avatar/bootstrap4.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap4.scss';
 @import 'bootstrap4-definition.scss';
 @import 'all.scss';

package/styles/avatar/bootstrap5-dark.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
 @import 'bootstrap5-dark-definition.scss';
 @import 'all.scss';

package/styles/avatar/bootstrap5.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5.scss';
 @import 'bootstrap5-definition.scss';
 @import 'all.scss';

package/styles/avatar/fabric-dark.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'ej2-base/styles/definition/fabric-dark.scss';
 @import 'fabric-dark-definition.scss';
 @import 'all.scss';

package/styles/avatar/fabric.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/fabric-definition.scss';
+@import 'ej2-base/styles/definition/fabric.scss';
 @import 'fabric-definition.scss';
 @import 'all.scss';

package/styles/avatar/fluent-dark.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'ej2-base/styles/definition/fluent-dark.scss';
 @import 'fluent-dark-definition.scss';
 @import 'all.scss';

package/styles/avatar/fluent.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-base/styles/definition/fluent.scss';
 @import 'fluent-definition.scss';
 @import 'all.scss';

package/styles/avatar/highcontrast-light.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast-light.scss';
 @import 'highcontrast-light-definition.scss';
 @import 'all.scss';

package/styles/avatar/highcontrast.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast.scss';
 @import 'highcontrast-definition.scss';
 @import 'all.scss';

package/styles/avatar/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/avatar/material-dark.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'ej2-base/styles/definition/material-dark.scss';
 @import 'material-dark-definition.scss';
 @import 'all.scss';

package/styles/avatar/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/avatar/material.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/material-definition.scss';
+@import 'ej2-base/styles/definition/material.scss';
 @import 'material-definition.scss';
 @import 'all.scss';

package/styles/avatar/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/avatar/material3-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 
 @import 'material3-dark-definition.scss';
 @import 'all.scss';

package/styles/avatar/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/avatar/material3.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 
 @import 'material3-definition.scss';
 @import 'all.scss';

package/styles/avatar/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/avatar/tailwind-dark.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'ej2-base/styles/definition/tailwind-dark.scss';
 @import 'tailwind-dark-definition.scss';
 @import 'all.scss';

package/styles/avatar/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/avatar/tailwind.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'ej2-base/styles/definition/tailwind.scss';
 @import 'tailwind-definition.scss';
 @import 'all.scss';

package/styles/card/bootstrap-dark.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap-dark.scss';
 @import 'bootstrap-dark-definition.scss';
 @import 'all.scss';

package/styles/card/bootstrap.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap.scss';
 @import 'bootstrap-definition.scss';
 @import 'all.scss';

package/styles/card/bootstrap4.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap4.scss';
 @import 'bootstrap4-definition.scss';
 @import 'all.scss';

package/styles/card/bootstrap5-dark.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
 @import 'bootstrap5-dark-definition.scss';
 @import 'all.scss';

package/styles/card/bootstrap5.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5.scss';
 @import 'bootstrap5-definition.scss';
 @import 'all.scss';

package/styles/card/fabric-dark.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'ej2-base/styles/definition/fabric-dark.scss';
 @import 'fabric-dark-definition.scss';
 @import 'all.scss';

package/styles/card/fabric.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/fabric-definition.scss';
+@import 'ej2-base/styles/definition/fabric.scss';
 @import 'fabric-definition.scss';
 @import 'all.scss';

package/styles/card/fluent-dark.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'ej2-base/styles/definition/fluent-dark.scss';
 @import 'fluent-dark-definition.scss';
 @import 'all.scss';

package/styles/card/fluent.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-base/styles/definition/fluent.scss';
 @import 'fluent-definition.scss';
 @import 'all.scss';

package/styles/card/highcontrast-light.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast-light.scss';
 @import 'highcontrast-light-definition.scss';
 @import 'all.scss';

package/styles/card/highcontrast.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast.scss';
 @import 'highcontrast-definition.scss';
 @import 'all.scss';

package/styles/card/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /*! component's default definitions and variables */
 /*! component's theme wise override material-definitions and variables */
 /*! card layout */

package/styles/card/material-dark.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'ej2-base/styles/definition/material-dark.scss';
 @import 'material-dark-definition.scss';
 @import 'all.scss';

package/styles/card/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /*! component's theme wise override material-definitions and variables */
 /*! card layout */
 .e-bigger .e-card,

package/styles/card/material.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/material-definition.scss';
+@import 'ej2-base/styles/definition/material.scss';
 @import 'material-definition.scss';
 @import 'all.scss';

package/styles/card/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/card/material3-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 
 @import 'material3-dark-definition.scss';
 @import 'all.scss';

package/styles/card/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/card/material3.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 
 @import 'material3-definition.scss';
 @import 'all.scss';

package/styles/card/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! card layout */
 .e-bigger .e-card,
 .e-bigger.e-card {

package/styles/card/tailwind-dark.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'ej2-base/styles/definition/tailwind-dark.scss';
 @import 'tailwind-dark-definition.scss';
 @import 'all.scss';

package/styles/card/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! card layout */
 .e-bigger .e-card,
 .e-bigger.e-card {

package/styles/card/tailwind.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'ej2-base/styles/definition/tailwind.scss';
 @import 'tailwind-definition.scss';
 @import 'all.scss';

package/styles/dashboard-layout/bootstrap-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap-dark.scss';
 @import 'bootstrap-dark-definition.scss';
 @import 'icons/bootstrap-dark.scss';
 @import 'all.scss';

package/styles/dashboard-layout/bootstrap.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap.scss';
 @import 'bootstrap-definition.scss';
 @import 'icons/bootstrap.scss';
 @import 'all.scss';

package/styles/dashboard-layout/bootstrap4.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap4.scss';
 @import 'bootstrap4-definition.scss';
 @import 'icons/bootstrap4.scss';
 @import 'all.scss';

package/styles/dashboard-layout/bootstrap5-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
 @import 'bootstrap5-dark-definition.scss';
 @import 'icons/bootstrap5-dark.scss';
 @import 'all.scss';

package/styles/dashboard-layout/bootstrap5.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5.scss';
 @import 'bootstrap5-definition.scss';
 @import 'icons/bootstrap5.scss';
 @import 'all.scss';

package/styles/dashboard-layout/fabric-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'ej2-base/styles/definition/fabric-dark.scss';
 @import 'fabric-dark-definition.scss';
 @import 'icons/fabric-dark.scss';
 @import 'all.scss';

package/styles/dashboard-layout/fabric.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-definition.scss';
+@import 'ej2-base/styles/definition/fabric.scss';
 @import 'fabric-definition.scss';
 @import 'icons/fabric.scss';
 @import 'all.scss';

package/styles/dashboard-layout/fluent-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'ej2-base/styles/definition/fluent-dark.scss';
 @import 'fluent-dark-definition.scss';
 @import 'icons/fluent-dark.scss';
 @import 'all.scss';

package/styles/dashboard-layout/fluent.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-base/styles/definition/fluent.scss';
 @import 'fluent-definition.scss';
 @import 'icons/fluent.scss';
 @import 'all.scss';

package/styles/dashboard-layout/highcontrast-light.scss

@@ -1,3 +1,3 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast-light.scss';
 @import 'highcontrast-light-definition.scss';
 @import 'all.scss';

package/styles/dashboard-layout/highcontrast.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast.scss';
 @import 'highcontrast-definition.scss';
 @import 'icons/highcontrast.scss';
 @import 'all.scss';

package/styles/dashboard-layout/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /*! component's theme wise override material-definitions and variables */
 /* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {

package/styles/dashboard-layout/material-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'ej2-base/styles/definition/material-dark.scss';
 @import 'material-dark-definition.scss';
 @import 'icons/material-dark.scss';
 @import 'all.scss';

package/styles/dashboard-layout/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /*! component's theme wise override material-definitions and variables */
 /* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {

package/styles/dashboard-layout/material.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material-definition.scss';
+@import 'ej2-base/styles/definition/material.scss';
 @import 'material-definition.scss';
 @import 'icons/material.scss';
 @import 'all.scss';

package/styles/dashboard-layout/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/dashboard-layout/material3-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 
 @import 'material3-dark-definition.scss';
 @import 'icons/material3-dark.scss';

package/styles/dashboard-layout/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/dashboard-layout/material3.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 
 @import 'material3-definition.scss';
 @import 'icons/material3.scss';

package/styles/dashboard-layout/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! component's theme wise override tailwind-definitions and variables */
 /* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {

package/styles/dashboard-layout/tailwind-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'ej2-base/styles/definition/tailwind-dark.scss';
 @import 'tailwind-dark-definition.scss';
 @import 'icons/tailwind-dark.scss';
 @import 'all.scss';

package/styles/dashboard-layout/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! component's theme wise override tailwind-definitions and variables */
 /* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {

package/styles/dashboard-layout/tailwind.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'ej2-base/styles/definition/tailwind.scss';
 @import 'tailwind-definition.scss';
 @import 'icons/tailwind.scss';
 @import 'all.scss';

package/styles/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/material3-dark.scss

@@ -1,5 +1,5 @@
 
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 @import 'avatar/material3-dark.scss';
 @import 'card/material3-dark.scss';
 @import 'splitter/material3-dark.scss';

package/styles/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/material3.scss

@@ -1,5 +1,5 @@
 
-@import 'ej2-base/styles/material3-definition.scss';
+
 @import 'avatar/material3.scss';
 @import 'card/material3.scss';
 @import 'splitter/material3.scss';

package/styles/splitter/bootstrap-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap-dark.scss';
 @import 'bootstrap-dark-definition.scss';
 @import 'icons/bootstrap-dark.scss';
 @import 'all.scss';

package/styles/splitter/bootstrap.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap.scss';
 @import 'bootstrap-definition.scss';
 @import 'icons/bootstrap.scss';
 @import 'all.scss';

package/styles/splitter/bootstrap4.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap4.scss';
 @import 'bootstrap4-definition.scss';
 @import 'icons/bootstrap4.scss';
 @import 'all.scss';

package/styles/splitter/bootstrap5-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
 @import 'bootstrap5-dark-definition.scss';
 @import 'icons/bootstrap5-dark.scss';
 @import 'all.scss';

package/styles/splitter/bootstrap5.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5.scss';
 @import 'bootstrap5-definition.scss';
 @import 'icons/bootstrap5.scss';
 @import 'all.scss';

package/styles/splitter/fabric-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'ej2-base/styles/definition/fabric-dark.scss';
 @import 'fabric-dark-definition.scss';
 @import 'icons/fabric-dark.scss';
 @import 'all.scss';

package/styles/splitter/fabric.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-definition.scss';
+@import 'ej2-base/styles/definition/fabric.scss';
 @import 'fabric-definition.scss';
 @import 'icons/fabric.scss';
 @import 'all.scss';

package/styles/splitter/fluent-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'ej2-base/styles/definition/fluent-dark.scss';
 @import 'fluent-dark-definition.scss';
 @import 'icons/fluent-dark.scss';
 @import 'all.scss';

package/styles/splitter/fluent.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-base/styles/definition/fluent.scss';
 @import 'fluent-definition.scss';
 @import 'icons/fluent.scss';
 @import 'all.scss';

package/styles/splitter/highcontrast-light.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast-light.scss';
 @import 'highcontrast-light-definition.scss';
 @import 'icons/highcontrast-light.scss';
 @import 'all.scss';

package/styles/splitter/highcontrast.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast.scss';
 @import 'highcontrast-definition.scss';
 @import 'icons/highcontrast.scss';
 @import 'all.scss';

package/styles/splitter/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
   content: "\e984";
   font-family: "e-icons";

package/styles/splitter/material-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'ej2-base/styles/definition/material-dark.scss';
 @import 'material-dark-definition.scss';
 @import 'icons/material-dark.scss';
 @import 'all.scss';

package/styles/splitter/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /*! component's default definitions and variables */
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
   content: "\e984";

package/styles/splitter/material.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material-definition.scss';
+@import 'ej2-base/styles/definition/material.scss';
 @import 'material-definition.scss';
 @import 'icons/material.scss';
 @import 'all.scss';

package/styles/splitter/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/splitter/material3-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 
 @import 'material3-dark-definition.scss';
 @import 'icons/material3-dark.scss';

package/styles/splitter/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/splitter/material3.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 
 @import 'material3-definition.scss';
 @import 'icons/material3.scss';

package/styles/splitter/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
   content: "\e7e3";
   font-family: "e-icons";

package/styles/splitter/tailwind-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'ej2-base/styles/definition/tailwind-dark.scss';
 @import 'tailwind-dark-definition.scss';
 @import 'icons/tailwind-dark.scss';
 @import 'all.scss';

package/styles/splitter/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
   content: "\e7e3";
   font-family: "e-icons";

package/styles/splitter/tailwind.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'ej2-base/styles/definition/tailwind.scss';
 @import 'tailwind-definition.scss';
 @import 'icons/tailwind.scss';
 @import 'all.scss';

package/styles/tailwind-dark.css

@@ -1,7 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/tailwind.css

@@ -1,7 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;