@syncfusion/ej2-angular-layouts 32.2.3-ngcc → 33.1.44-ngcc

package/dist/ej2-angular-layouts.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-layouts.umd.js
-*  version : 32.2.3
+*  version : 33.1.44
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/ej2-angular-layouts.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-layouts.umd.min.js
-*  version : 32.2.3
+*  version : 33.1.44
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,45 +1,16 @@
 {
-  "_from": "@syncfusion/ej2-angular-layouts@*",
-  "_id": "@syncfusion/ej2-angular-layouts@32.1.1",
-  "_inBundle": false,
-  "_integrity": "sha512-UmU8sDvJfUTypqLJC04YLxHdf+tCF6pfUl2NgdTXE6LQLF9werdL9f8tk8dkm9L4QNszAPOOPqkARcxUWs6Cbw==",
-  "_location": "/@syncfusion/ej2-angular-layouts",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-angular-layouts@*",
-    "name": "@syncfusion/ej2-angular-layouts",
-    "escapedName": "@syncfusion%2fej2-angular-layouts",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/"
-  ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-angular-layouts/-/ej2-angular-layouts-32.1.1.tgz",
-  "_shasum": "6ec82663f7f2c67b161218b4cf032b9a2348b36e",
-  "_spec": "@syncfusion/ej2-angular-layouts@*",
-  "_where": "D:\\SF3992\\WFH\\Nexus\\release",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bugs": {
-    "url": "https://github.com/syncfusion/ej2-angular-ui-components/issues"
-  },
-  "bundleDependencies": false,
+  "name": "@syncfusion/ej2-angular-layouts",
+  "version": "33.1.44-ngcc",
+  "description": "A package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person. for Angular",
+  "author": "Syncfusion Inc.",
+  "license": "SEE LICENSE IN license",
+  "schematics": "./schematics/collection.json",
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~32.2.3",
-    "@syncfusion/ej2-base": "~32.2.3",
-    "@syncfusion/ej2-layouts": "32.2.3"
+    "@syncfusion/ej2-base": "~33.1.44",
+    "@syncfusion/ej2-angular-base": "~33.1.44",
+    "@syncfusion/ej2-layouts": "33.1.44"
   },
-  "deprecated": false,
-  "description": "A package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person. for Angular",
   "devDependencies": {},
-  "es2015": "@syncfusion/ej2-angular-layouts.js",
-  "homepage": "https://www.syncfusion.com/angular-components",
   "keywords": [
     "angular-splitter",
     "ng-splitter",
@@ -52,17 +23,15 @@
     "angular timeline",
     "ng-timeline"
   ],
-  "license": "SEE LICENSE IN license",
-  "main": "dist/ej2-angular-layouts.umd.js",
-  "metadata": "ej2-angular-layouts.metadata.json",
-  "module": "@syncfusion/ej2-angular-layouts.es5.js",
-  "name": "@syncfusion/ej2-angular-layouts",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/syncfusion/ej2-angular-ui-components.git"
+    "url": "https://github.com/syncfusion/ej2-angular-ui-components.git"
   },
-  "schematics": "./schematics/collection.json",
   "sideEffects": false,
+  "main": "dist/ej2-angular-layouts.umd.js",
+  "module": "@syncfusion/ej2-angular-layouts.es5.js",
+  "es2015": "@syncfusion/ej2-angular-layouts.js",
   "typings": "ej2-angular-layouts.d.ts",
-  "version": "32.2.3-ngcc"
+  "metadata": "ej2-angular-layouts.metadata.json",
+  "homepage": "https://www.syncfusion.com/angular-components"
 }

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

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

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 = '^32.2.3';
+exports.pkgVer = '^33.1.44';
 exports.moduleName = 'SplitterModule, DashboardLayoutModule, TimelineModule';
-exports.themeVer = '~32.2.3';
+exports.themeVer = '~33.1.44';

package/schematics/utils/lib-details.ts

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

package/styles/avatar/bds.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/avatar/bds.scss';
+@use 'ej2-layouts/styles/avatar/bds' as *;

package/styles/avatar/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/avatar/bootstrap-dark.scss';
+@use 'ej2-layouts/styles/avatar/bootstrap-dark' as *;

package/styles/avatar/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/avatar/bootstrap.scss';
+@use 'ej2-layouts/styles/avatar/bootstrap' as *;

package/styles/avatar/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/avatar/bootstrap4.scss';
+@use 'ej2-layouts/styles/avatar/bootstrap4' as *;

package/styles/avatar/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/avatar/bootstrap5-dark.scss';
+@use 'ej2-layouts/styles/avatar/bootstrap5-dark' as *;

package/styles/avatar/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/avatar/bootstrap5.3.scss';
+@use 'ej2-layouts/styles/avatar/bootstrap5.3' as *;

package/styles/avatar/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/avatar/bootstrap5.scss';
+@use 'ej2-layouts/styles/avatar/bootstrap5' as *;

package/styles/avatar/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/avatar/fabric-dark.scss';
+@use 'ej2-layouts/styles/avatar/fabric-dark' as *;

package/styles/avatar/fabric.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/avatar/fabric.scss';
+@use 'ej2-layouts/styles/avatar/fabric' as *;

package/styles/avatar/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/avatar/fluent-dark.scss';
+@use 'ej2-layouts/styles/avatar/fluent-dark' as *;

package/styles/avatar/fluent.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/avatar/fluent.scss';
+@use 'ej2-layouts/styles/avatar/fluent' as *;

package/styles/avatar/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/avatar/fluent2.scss';
+@use 'ej2-layouts/styles/avatar/fluent2' as *;

package/styles/avatar/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/avatar/highcontrast-light.scss';
+@use 'ej2-layouts/styles/avatar/highcontrast-light' as *;

package/styles/avatar/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/avatar/highcontrast.scss';
+@use 'ej2-layouts/styles/avatar/highcontrast' as *;

package/styles/avatar/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/avatar/material-dark.scss';
+@use 'ej2-layouts/styles/avatar/material-dark' as *;

package/styles/avatar/material.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/avatar/material.scss';
+@use 'ej2-layouts/styles/avatar/material' as *;

package/styles/avatar/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-layouts/styles/avatar/material3-dark.scss';
+@use 'ej2-layouts/styles/avatar/material3-dark' as *;

package/styles/avatar/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-layouts/styles/avatar/material3.scss';
+@use 'ej2-layouts/styles/avatar/material3' as *;

package/styles/avatar/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/avatar/tailwind-dark.scss';
+@use 'ej2-layouts/styles/avatar/tailwind-dark' as *;

package/styles/avatar/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/avatar/tailwind.scss';
+@use 'ej2-layouts/styles/avatar/tailwind' as *;

package/styles/avatar/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/avatar/tailwind3.scss';
+@use 'ej2-layouts/styles/avatar/tailwind3' as *;

package/styles/bds-lite.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/bds-lite.scss';
+@use 'ej2-layouts/bds-lite' as *;

package/styles/bds.scss

@@ -1,5 +1,5 @@
-@import 'avatar/bds.scss';
-@import 'card/bds.scss';
-@import 'splitter/bds.scss';
-@import 'dashboard-layout/bds.scss';
-@import 'timeline/bds.scss';
+@use 'avatar/bds' as *;
+@use 'card/bds' as *;
+@use 'splitter/bds' as *;
+@use 'dashboard-layout/bds' as *;
+@use 'timeline/bds' as *;

package/styles/bootstrap-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/bootstrap-dark-lite.scss';
+@use 'ej2-layouts/bootstrap-dark-lite' as *;

package/styles/bootstrap-dark.scss

@@ -1,5 +1,5 @@
-@import 'avatar/bootstrap-dark.scss';
-@import 'card/bootstrap-dark.scss';
-@import 'splitter/bootstrap-dark.scss';
-@import 'dashboard-layout/bootstrap-dark.scss';
-@import 'timeline/bootstrap-dark.scss';
+@use 'avatar/bootstrap-dark' as *;
+@use 'card/bootstrap-dark' as *;
+@use 'splitter/bootstrap-dark' as *;
+@use 'dashboard-layout/bootstrap-dark' as *;
+@use 'timeline/bootstrap-dark' as *;

package/styles/bootstrap-lite.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/bootstrap-lite.scss';
+@use 'ej2-layouts/bootstrap-lite' as *;

package/styles/bootstrap.scss

@@ -1,5 +1,5 @@
-@import 'avatar/bootstrap.scss';
-@import 'card/bootstrap.scss';
-@import 'splitter/bootstrap.scss';
-@import 'dashboard-layout/bootstrap.scss';
-@import 'timeline/bootstrap.scss';
+@use 'avatar/bootstrap' as *;
+@use 'card/bootstrap' as *;
+@use 'splitter/bootstrap' as *;
+@use 'dashboard-layout/bootstrap' as *;
+@use 'timeline/bootstrap' as *;

package/styles/bootstrap4-lite.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/bootstrap4-lite.scss';
+@use 'ej2-layouts/bootstrap4-lite' as *;

package/styles/bootstrap4.scss

@@ -1,5 +1,5 @@
-@import 'avatar/bootstrap4.scss';
-@import 'card/bootstrap4.scss';
-@import 'splitter/bootstrap4.scss';
-@import 'dashboard-layout/bootstrap4.scss';
-@import 'timeline/bootstrap4.scss';
+@use 'avatar/bootstrap4' as *;
+@use 'card/bootstrap4' as *;
+@use 'splitter/bootstrap4' as *;
+@use 'dashboard-layout/bootstrap4' as *;
+@use 'timeline/bootstrap4' as *;

package/styles/bootstrap5-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/bootstrap5-dark-lite.scss';
+@use 'ej2-layouts/bootstrap5-dark-lite' as *;

package/styles/bootstrap5-dark.scss

@@ -1,5 +1,5 @@
-@import 'avatar/bootstrap5-dark.scss';
-@import 'card/bootstrap5-dark.scss';
-@import 'splitter/bootstrap5-dark.scss';
-@import 'dashboard-layout/bootstrap5-dark.scss';
-@import 'timeline/bootstrap5-dark.scss';
+@use 'avatar/bootstrap5-dark' as *;
+@use 'card/bootstrap5-dark' as *;
+@use 'splitter/bootstrap5-dark' as *;
+@use 'dashboard-layout/bootstrap5-dark' as *;
+@use 'timeline/bootstrap5-dark' as *;

package/styles/bootstrap5-lite.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/bootstrap5-lite.scss';
+@use 'ej2-layouts/bootstrap5-lite' as *;

package/styles/bootstrap5.3-lite.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/bootstrap5.3-lite.scss';
+@use 'ej2-layouts/bootstrap5.3-lite' as *;

package/styles/bootstrap5.3.scss

@@ -1,5 +1,5 @@
-@import 'avatar/bootstrap5.3.scss';
-@import 'card/bootstrap5.3.scss';
-@import 'splitter/bootstrap5.3.scss';
-@import 'dashboard-layout/bootstrap5.3.scss';
-@import 'timeline/bootstrap5.3.scss';
+@use 'avatar/bootstrap5.3' as *;
+@use 'card/bootstrap5.3' as *;
+@use 'splitter/bootstrap5.3' as *;
+@use 'dashboard-layout/bootstrap5.3' as *;
+@use 'timeline/bootstrap5.3' as *;

package/styles/bootstrap5.scss

@@ -1,5 +1,5 @@
-@import 'avatar/bootstrap5.scss';
-@import 'card/bootstrap5.scss';
-@import 'splitter/bootstrap5.scss';
-@import 'dashboard-layout/bootstrap5.scss';
-@import 'timeline/bootstrap5.scss';
+@use 'avatar/bootstrap5' as *;
+@use 'card/bootstrap5' as *;
+@use 'splitter/bootstrap5' as *;
+@use 'dashboard-layout/bootstrap5' as *;
+@use 'timeline/bootstrap5' as *;

package/styles/card/bds.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/card/bds.scss';
+@use 'ej2-layouts/styles/card/bds' as *;

package/styles/card/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/card/bootstrap-dark.scss';
+@use 'ej2-layouts/styles/card/bootstrap-dark' as *;

package/styles/card/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/card/bootstrap.scss';
+@use 'ej2-layouts/styles/card/bootstrap' as *;

package/styles/card/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/card/bootstrap4.scss';
+@use 'ej2-layouts/styles/card/bootstrap4' as *;

package/styles/card/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/card/bootstrap5-dark.scss';
+@use 'ej2-layouts/styles/card/bootstrap5-dark' as *;

package/styles/card/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/card/bootstrap5.3.scss';
+@use 'ej2-layouts/styles/card/bootstrap5.3' as *;

package/styles/card/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/card/bootstrap5.scss';
+@use 'ej2-layouts/styles/card/bootstrap5' as *;

package/styles/card/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/card/fabric-dark.scss';
+@use 'ej2-layouts/styles/card/fabric-dark' as *;

package/styles/card/fabric.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/card/fabric.scss';
+@use 'ej2-layouts/styles/card/fabric' as *;

package/styles/card/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/card/fluent-dark.scss';
+@use 'ej2-layouts/styles/card/fluent-dark' as *;

package/styles/card/fluent.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/card/fluent.scss';
+@use 'ej2-layouts/styles/card/fluent' as *;

package/styles/card/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/card/fluent2.scss';
+@use 'ej2-layouts/styles/card/fluent2' as *;

package/styles/card/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/card/highcontrast-light.scss';
+@use 'ej2-layouts/styles/card/highcontrast-light' as *;

package/styles/card/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/card/highcontrast.scss';
+@use 'ej2-layouts/styles/card/highcontrast' as *;

package/styles/card/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/card/material-dark.scss';
+@use 'ej2-layouts/styles/card/material-dark' as *;

package/styles/card/material.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/card/material.scss';
+@use 'ej2-layouts/styles/card/material' as *;

package/styles/card/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-layouts/styles/card/material3-dark.scss';
+@use 'ej2-layouts/styles/card/material3-dark' as *;

package/styles/card/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-layouts/styles/card/material3.scss';
+@use 'ej2-layouts/styles/card/material3' as *;

package/styles/card/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/card/tailwind-dark.scss';
+@use 'ej2-layouts/styles/card/tailwind-dark' as *;

package/styles/card/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/card/tailwind.scss';
+@use 'ej2-layouts/styles/card/tailwind' as *;

package/styles/card/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/card/tailwind3.scss';
+@use 'ej2-layouts/styles/card/tailwind3' as *;

package/styles/dashboard-layout/bds.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/dashboard-layout/bds.scss';
+@use 'ej2-layouts/styles/dashboard-layout/bds' as *;

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

@@ -1 +1 @@
-@import 'ej2-layouts/styles/dashboard-layout/bootstrap-dark.scss';
+@use 'ej2-layouts/styles/dashboard-layout/bootstrap-dark' as *;

package/styles/dashboard-layout/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/dashboard-layout/bootstrap.scss';
+@use 'ej2-layouts/styles/dashboard-layout/bootstrap' as *;

package/styles/dashboard-layout/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/dashboard-layout/bootstrap4.scss';
+@use 'ej2-layouts/styles/dashboard-layout/bootstrap4' as *;

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

@@ -1 +1 @@
-@import 'ej2-layouts/styles/dashboard-layout/bootstrap5-dark.scss';
+@use 'ej2-layouts/styles/dashboard-layout/bootstrap5-dark' as *;

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

@@ -1 +1 @@
-@import 'ej2-layouts/styles/dashboard-layout/bootstrap5.3.scss';
+@use 'ej2-layouts/styles/dashboard-layout/bootstrap5.3' as *;

package/styles/dashboard-layout/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/dashboard-layout/bootstrap5.scss';
+@use 'ej2-layouts/styles/dashboard-layout/bootstrap5' as *;

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

@@ -1 +1 @@
-@import 'ej2-layouts/styles/dashboard-layout/fabric-dark.scss';
+@use 'ej2-layouts/styles/dashboard-layout/fabric-dark' as *;

package/styles/dashboard-layout/fabric.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/dashboard-layout/fabric.scss';
+@use 'ej2-layouts/styles/dashboard-layout/fabric' as *;

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

@@ -1 +1 @@
-@import 'ej2-layouts/styles/dashboard-layout/fluent-dark.scss';
+@use 'ej2-layouts/styles/dashboard-layout/fluent-dark' as *;

package/styles/dashboard-layout/fluent.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/dashboard-layout/fluent.scss';
+@use 'ej2-layouts/styles/dashboard-layout/fluent' as *;

package/styles/dashboard-layout/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/dashboard-layout/fluent2.scss';
+@use 'ej2-layouts/styles/dashboard-layout/fluent2' as *;

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

@@ -1 +1 @@
-@import 'ej2-layouts/styles/dashboard-layout/highcontrast-light.scss';
+@use 'ej2-layouts/styles/dashboard-layout/highcontrast-light' as *;

package/styles/dashboard-layout/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/dashboard-layout/highcontrast.scss';
+@use 'ej2-layouts/styles/dashboard-layout/highcontrast' as *;

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

@@ -1 +1 @@
-@import 'ej2-layouts/styles/dashboard-layout/material-dark.scss';
+@use 'ej2-layouts/styles/dashboard-layout/material-dark' as *;

package/styles/dashboard-layout/material.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/dashboard-layout/material.scss';
+@use 'ej2-layouts/styles/dashboard-layout/material' as *;

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

@@ -1,2 +1 @@
-
-@import 'ej2-layouts/styles/dashboard-layout/material3-dark.scss';
+@use 'ej2-layouts/styles/dashboard-layout/material3-dark' as *;

package/styles/dashboard-layout/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-layouts/styles/dashboard-layout/material3.scss';
+@use 'ej2-layouts/styles/dashboard-layout/material3' as *;

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

@@ -1 +1 @@
-@import 'ej2-layouts/styles/dashboard-layout/tailwind-dark.scss';
+@use 'ej2-layouts/styles/dashboard-layout/tailwind-dark' as *;

package/styles/dashboard-layout/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/dashboard-layout/tailwind.scss';
+@use 'ej2-layouts/styles/dashboard-layout/tailwind' as *;

package/styles/dashboard-layout/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/dashboard-layout/tailwind3.scss';
+@use 'ej2-layouts/styles/dashboard-layout/tailwind3' as *;

package/styles/fabric-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/fabric-dark-lite.scss';
+@use 'ej2-layouts/fabric-dark-lite' as *;

package/styles/fabric-dark.scss

@@ -1,5 +1,5 @@
-@import 'avatar/fabric-dark.scss';
-@import 'card/fabric-dark.scss';
-@import 'splitter/fabric-dark.scss';
-@import 'dashboard-layout/fabric-dark.scss';
-@import 'timeline/fabric-dark.scss';
+@use 'avatar/fabric-dark' as *;
+@use 'card/fabric-dark' as *;
+@use 'splitter/fabric-dark' as *;
+@use 'dashboard-layout/fabric-dark' as *;
+@use 'timeline/fabric-dark' as *;

package/styles/fabric-lite.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/fabric-lite.scss';
+@use 'ej2-layouts/fabric-lite' as *;

package/styles/fabric.scss

@@ -1,5 +1,5 @@
-@import 'avatar/fabric.scss';
-@import 'card/fabric.scss';
-@import 'splitter/fabric.scss';
-@import 'dashboard-layout/fabric.scss';
-@import 'timeline/fabric.scss';
+@use 'avatar/fabric' as *;
+@use 'card/fabric' as *;
+@use 'splitter/fabric' as *;
+@use 'dashboard-layout/fabric' as *;
+@use 'timeline/fabric' as *;

package/styles/fluent-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/fluent-dark-lite.scss';
+@use 'ej2-layouts/fluent-dark-lite' as *;

package/styles/fluent-dark.scss

@@ -1,5 +1,5 @@
-@import 'avatar/fluent-dark.scss';
-@import 'card/fluent-dark.scss';
-@import 'splitter/fluent-dark.scss';
-@import 'dashboard-layout/fluent-dark.scss';
-@import 'timeline/fluent-dark.scss';
+@use 'avatar/fluent-dark' as *;
+@use 'card/fluent-dark' as *;
+@use 'splitter/fluent-dark' as *;
+@use 'dashboard-layout/fluent-dark' as *;
+@use 'timeline/fluent-dark' as *;

package/styles/fluent-lite.scss

@@ -1 +1 @@
-@import 'ej2-layouts/styles/fluent-lite.scss';
+@use 'ej2-layouts/fluent-lite' as *;