@syncfusion/ej2-lists - npm Package Compare versions

Comparing version 32.1.23 to 32.1.24

styles/list-view/_all.bds.scss

+@use 'layout.bds' as *;
+@use 'theme.bds' as *;

styles/list-view/_all.bootstrap-dark.scss

+@use 'layout.bootstrap-dark' as *;
+@use 'theme.bootstrap-dark' as *;

styles/list-view/_all.bootstrap.scss

+@use 'layout.bootstrap' as *;
+@use 'theme.bootstrap' as *;

styles/list-view/_all.bootstrap4.scss

+@use 'layout.bootstrap4' as *;
+@use 'theme.bootstrap4' as *;

styles/list-view/_all.bootstrap5-dark.scss

+@use 'layout.bootstrap5-dark' as *;
+@use 'theme.bootstrap5-dark' as *;

styles/list-view/_all.bootstrap5.3.scss

+@use 'layout.bootstrap5.3' as *;
+@use 'theme.bootstrap5.3' as *;

styles/list-view/_all.bootstrap5.scss

+@use 'layout.bootstrap5' as *;
+@use 'theme.bootstrap5' as *;

styles/list-view/_all.fabric-dark.scss

+@use 'layout.fabric-dark' as *;
+@use 'theme.fabric-dark' as *;

styles/list-view/_all.fabric.scss

+@use 'layout.fabric' as *;
+@use 'theme.fabric' as *;

styles/list-view/_all.fluent-dark.scss

+@use 'layout.fluent-dark' as *;
+@use 'theme.fluent-dark' as *;

styles/list-view/_all.fluent.scss

+@use 'layout.fluent' as *;

styles/list-view/_all.fluent2.scss

+@use 'layout.fluent2' as *;
+@use 'theme.fluent2' as *;

styles/list-view/_all.highcontrast-light.scss

+@use 'layout.highcontrast-light' as *;
+@use 'theme.highcontrast-light' as *;

styles/list-view/_all.highcontrast.scss

+@use 'layout.highcontrast' as *;
+@use 'theme.highcontrast' as *;

styles/list-view/_all.material-dark.scss

+@use 'layout.material-dark' as *;
+@use 'theme.material-dark' as *;

styles/list-view/_all.material.scss

+@use 'layout.material' as *;
+@use 'theme.material' as *;

styles/list-view/_all.material3-dark.scss

+@use 'layout.material3-dark' as *;
+@use 'theme.material3-dark' as *;

styles/list-view/_all.material3.scss

+@use 'layout.material3' as *;
+@use 'theme.material3' as *;

styles/list-view/_all.tailwind-dark.scss

+@use 'layout.tailwind-dark' as *;
+@use 'theme.tailwind-dark' as *;

styles/list-view/_all.tailwind.scss

+@use 'layout.tailwind' as *;
+@use 'theme.tailwind' as *;

styles/list-view/_all.tailwind3.scss

+@use 'layout.tailwind3' as *;
+@use 'theme.tailwind3' as *;

styles/list-view/_bigger.bds.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bds';
+@import './_bigger';

styles/list-view/_bigger.bootstrap-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap-dark';
+@import './_bigger';

styles/list-view/_bigger.bootstrap.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap';
+@import './_bigger';

styles/list-view/_bigger.bootstrap4.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap4';
+@import './_bigger';

styles/list-view/_bigger.bootstrap5-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5-dark';
+@import './_bigger';

styles/list-view/_bigger.bootstrap5.3.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5.3';
+@import './_bigger';

styles/list-view/_bigger.bootstrap5.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5';
+@import './_bigger';

styles/list-view/_bigger.fabric-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fabric-dark';
+@import './_bigger';

styles/list-view/_bigger.fabric.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fabric';
+@import './_bigger';

styles/list-view/_bigger.fluent-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent-dark';
+@import './_bigger';

styles/list-view/_bigger.fluent.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent';
+@import './_bigger';

styles/list-view/_bigger.fluent2.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent2';
+@import './_bigger';

styles/list-view/_bigger.highcontrast-light.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.highcontrast-light';
+@import './_bigger';

styles/list-view/_bigger.highcontrast.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.highcontrast';
+@import './_bigger';

styles/list-view/_bigger.material-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material-dark';
+@import './_bigger';

styles/list-view/_bigger.material.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material';
+@import './_bigger';

styles/list-view/_bigger.material3-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material3-dark';
+@import './_bigger';

styles/list-view/_bigger.material3.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material3';
+@import './_bigger';

styles/list-view/_bigger.tailwind-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind-dark';
+@import './_bigger';

styles/list-view/_bigger.tailwind.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind';
+@import './_bigger';

styles/list-view/_bigger.tailwind3.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind3';
+@import './_bigger';

styles/list-view/_layout.bds.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bds';
+@import './_layout';

styles/list-view/_layout.bootstrap-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap-dark';
+@import './_layout';

styles/list-view/_layout.bootstrap.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap';
+@import './_layout';

styles/list-view/_layout.bootstrap4.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap4';
+@import './_layout';

styles/list-view/_layout.bootstrap5-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap5-dark';
+@import './_layout';

styles/list-view/_layout.bootstrap5.3.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap5.3';
+@import './_layout';

styles/list-view/_layout.bootstrap5.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap5';
+@import './_layout';

styles/list-view/_layout.fabric-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fabric-dark';
+@import './_layout';

styles/list-view/_layout.fabric.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fabric';
+@import './_layout';

styles/list-view/_layout.fluent-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fluent-dark';
+@import './_layout';

styles/list-view/_layout.fluent.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fluent';
+@import './_layout';

styles/list-view/_layout.fluent2.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fluent2';
+@import './_layout';

styles/list-view/_layout.highcontrast-light.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.highcontrast-light';
+@import './_layout';

styles/list-view/_layout.highcontrast.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.highcontrast';
+@import './_layout';

styles/list-view/_layout.material-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.material-dark';
+@import './_layout';

styles/list-view/_layout.material.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.material';
+@import './_layout';

styles/list-view/_layout.material3-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.material3-dark';
+@import './_layout';

styles/list-view/_layout.material3.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.material3';
+@import './_layout';

styles/list-view/_layout.tailwind-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.tailwind-dark';
+@import './_layout';

styles/list-view/_layout.tailwind.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.tailwind';
+@import './_layout';

styles/list-view/_layout.tailwind3.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.tailwind3';
+@import './_layout';

styles/list-view/_theme-variables.bds.scss

+@forward './_bds-definition';

styles/list-view/_theme-variables.bootstrap-dark.scss

+@forward './_bootstrap-dark-definition';

styles/list-view/_theme-variables.bootstrap.scss

+@forward './_bootstrap-definition';

styles/list-view/_theme-variables.bootstrap4.scss

+@forward './_bootstrap4-definition';

styles/list-view/_theme-variables.bootstrap5-dark.scss

+@forward './_bootstrap5-dark-definition';

styles/list-view/_theme-variables.bootstrap5.3.scss

+@forward './_bootstrap5.3-definition';

styles/list-view/_theme-variables.bootstrap5.scss

+@forward './_bootstrap5-definition';

styles/list-view/_theme-variables.fabric-dark.scss

+@forward './_fabric-dark-definition';

styles/list-view/_theme-variables.fabric.scss

+@forward './_fabric-definition';

styles/list-view/_theme-variables.fluent-dark.scss

+@forward './_fluent-dark-definition';

styles/list-view/_theme-variables.fluent.scss

+@forward './_fluent-definition';

styles/list-view/_theme-variables.fluent2.scss

+@forward './_fluent2-definition';

styles/list-view/_theme-variables.highcontrast-light.scss

+@forward './_highcontrast-light-definition';

styles/list-view/_theme-variables.highcontrast.scss

+@forward './_highcontrast-definition';

styles/list-view/_theme-variables.material-dark.scss

+@forward './_material-dark-definition';

styles/list-view/_theme-variables.material.scss

+@forward './_material-definition';

styles/list-view/_theme-variables.material3-dark.scss

+@forward './_material3-dark-definition';

styles/list-view/_theme-variables.material3.scss

+@forward './_material3-definition';

styles/list-view/_theme-variables.tailwind-dark.scss

+@forward './_tailwind-dark-definition';

styles/list-view/_theme-variables.tailwind.scss

+@forward './_tailwind-definition';

styles/list-view/_theme-variables.tailwind3.scss

+@forward './_tailwind3-definition';

styles/list-view/_theme.bds.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bds';
+@import './_theme';

styles/list-view/_theme.bootstrap-dark.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap-dark';
+@import './_theme';

styles/list-view/_theme.bootstrap.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap';
+@import './_theme';

styles/list-view/_theme.bootstrap4.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap4';
+@import './_theme';

styles/list-view/_theme.bootstrap5-dark.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5-dark';
+@import './_theme';

styles/list-view/_theme.bootstrap5.3.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5.3';
+@import './_theme';

styles/list-view/_theme.bootstrap5.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5';
+@import './_theme';

styles/list-view/_theme.fabric-dark.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fabric-dark';
+@import './_theme';

styles/list-view/_theme.fabric.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fabric';
+@import './_theme';

styles/list-view/_theme.fluent-dark.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent-dark';
+@import './_theme';

styles/list-view/_theme.fluent.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent';
+@import './_theme';

styles/list-view/_theme.fluent2.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent2';
+@import './_theme';

styles/list-view/_theme.highcontrast-light.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.highcontrast-light';
+@import './_theme';

styles/list-view/_theme.highcontrast.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.highcontrast';
+@import './_theme';

styles/list-view/_theme.material-dark.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material-dark';
+@import './_theme';

styles/list-view/_theme.material.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material';
+@import './_theme';

styles/list-view/_theme.material3-dark.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material3-dark';
+@import './_theme';

styles/list-view/_theme.material3.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material3';
+@import './_theme';

styles/list-view/_theme.tailwind-dark.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind-dark';
+@import './_theme';

styles/list-view/_theme.tailwind.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind';
+@import './_theme';

styles/list-view/_theme.tailwind3.scss

+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind3';
+@import './_theme';

styles/sortable/_all.bds.scss

+@use 'layout.bds' as *;

styles/sortable/_all.bootstrap-dark.scss

+@use 'layout.bootstrap-dark' as *;

styles/sortable/_all.bootstrap.scss

+@use 'layout.bootstrap' as *;

styles/sortable/_all.bootstrap4.scss

+@use 'layout.bootstrap4' as *;

styles/sortable/_all.bootstrap5-dark.scss

+@use 'layout.bootstrap5-dark' as *;

styles/sortable/_all.bootstrap5.3.scss

+@use 'layout.bootstrap5.3' as *;

styles/sortable/_all.bootstrap5.scss

+@use 'layout.bootstrap5' as *;

styles/sortable/_all.fabric-dark.scss

+@use 'layout.fabric-dark' as *;

styles/sortable/_all.fabric.scss

+@use 'layout.fabric' as *;

styles/sortable/_all.fluent-dark.scss

+@use 'layout.fluent-dark' as *;

styles/sortable/_all.fluent.scss

+@use 'layout.fluent' as *;

styles/sortable/_all.fluent2.scss

+@use 'layout.fluent2' as *;

styles/sortable/_all.highcontrast-light.scss

+@use 'layout.highcontrast-light' as *;

styles/sortable/_all.highcontrast.scss

+@use 'layout.highcontrast' as *;

styles/sortable/_all.material-dark.scss

+@use 'layout.material-dark' as *;

styles/sortable/_all.material.scss

+@use 'layout.material' as *;

styles/sortable/_all.material3-dark.scss

+@use 'layout.material3-dark' as *;

styles/sortable/_all.material3.scss

+@use 'layout.material3' as *;

styles/sortable/_all.tailwind-dark.scss

+@use 'layout.tailwind-dark' as *;

styles/sortable/_all.tailwind.scss

+@use 'layout.tailwind' as *;

styles/sortable/_all.tailwind3.scss

+@use 'layout.tailwind3' as *;

styles/sortable/_layout.bds.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bds';
+@import './_layout';

styles/sortable/_layout.bootstrap-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap-dark';
+@import './_layout';

styles/sortable/_layout.bootstrap.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap';
+@import './_layout';

styles/sortable/_layout.bootstrap4.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap4';
+@import './_layout';

styles/sortable/_layout.bootstrap5-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap5-dark';
+@import './_layout';

styles/sortable/_layout.bootstrap5.3.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap5.3';
+@import './_layout';

styles/sortable/_layout.bootstrap5.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap5';
+@import './_layout';

styles/sortable/_layout.fabric-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fabric-dark';
+@import './_layout';

styles/sortable/_layout.fabric.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fabric';
+@import './_layout';

styles/sortable/_layout.fluent-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fluent-dark';
+@import './_layout';

styles/sortable/_layout.fluent.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fluent';
+@import './_layout';

styles/sortable/_layout.fluent2.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fluent2';
+@import './_layout';

styles/sortable/_layout.highcontrast-light.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.highcontrast-light';
+@import './_layout';

styles/sortable/_layout.highcontrast.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.highcontrast';
+@import './_layout';

styles/sortable/_layout.material-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.material-dark';
+@import './_layout';

styles/sortable/_layout.material.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.material';
+@import './_layout';

styles/sortable/_layout.material3-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.material3-dark';
+@import './_layout';

styles/sortable/_layout.material3.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.material3';
+@import './_layout';

styles/sortable/_layout.tailwind-dark.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.tailwind-dark';
+@import './_layout';

styles/sortable/_layout.tailwind.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.tailwind';
+@import './_layout';

styles/sortable/_layout.tailwind3.scss

+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.tailwind3';
+@import './_layout';

styles/sortable/_theme-variables.bds.scss

+@forward './_bds-definition';

styles/sortable/_theme-variables.bootstrap-dark.scss

+@forward './_bootstrap-dark-definition';

styles/sortable/_theme-variables.bootstrap.scss

+@forward './_bootstrap-definition';

styles/sortable/_theme-variables.bootstrap4.scss

+@forward './_bootstrap4-definition';

styles/sortable/_theme-variables.bootstrap5-dark.scss

+@forward './_bootstrap5-dark-definition';

styles/sortable/_theme-variables.bootstrap5.3.scss

+@forward './_bootstrap5.3-definition';

styles/sortable/_theme-variables.bootstrap5.scss

+@forward './_bootstrap5-definition';

styles/sortable/_theme-variables.fabric-dark.scss

+@forward './_fabric-dark-definition';

styles/sortable/_theme-variables.fabric.scss

+@forward './_fabric-definition';

styles/sortable/_theme-variables.fluent-dark.scss

+@forward './_fluent-dark-definition';

styles/sortable/_theme-variables.fluent.scss

+@forward './_fluent-definition';

styles/sortable/_theme-variables.fluent2.scss

+@forward './_fluent2-definition';

styles/sortable/_theme-variables.highcontrast-light.scss

+@forward './_highcontrast-light-definition';

styles/sortable/_theme-variables.highcontrast.scss

+@forward './_highcontrast-definition';

styles/sortable/_theme-variables.material-dark.scss

+@forward './_material-dark-definition';

styles/sortable/_theme-variables.material.scss

+@forward './_material-definition';

styles/sortable/_theme-variables.material3-dark.scss

+@forward './_material3-dark-definition';

styles/sortable/_theme-variables.material3.scss

+@forward './_material3-definition';

styles/sortable/_theme-variables.tailwind-dark.scss

+@forward './_tailwind-dark-definition';

styles/sortable/_theme-variables.tailwind.scss

+@forward './_tailwind-definition';

styles/sortable/_theme-variables.tailwind3.scss

+@forward './_tailwind3-definition';

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 32.1.23
+*  version : 32.1.24
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "name": "@syncfusion/ej2-lists",
-  "version": "32.1.23",
+  "version": "32.1.24",
   "description": "The listview control allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views.",
@@ -11,6 +11,6 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "~32.1.23",
-    "@syncfusion/ej2-buttons": "~32.1.23",
-    "@syncfusion/ej2-data": "~32.1.23",
-    "@syncfusion/ej2-popups": "~32.1.19"
+    "@syncfusion/ej2-base": "~32.1.24",
+    "@syncfusion/ej2-buttons": "~32.1.24",
+    "@syncfusion/ej2-data": "~32.1.24",
+    "@syncfusion/ej2-popups": "~32.1.24"
   },
@@ -17,0 +17,0 @@ "devDependencies": {},

styles/bds-lite.css

@@ -24,2 +24,16 @@
 
+
+
+
+
+/* stylelint-disable */
+.e-listview .e-list-parent {
+  margin: 0 12px !important;
+  padding: 0;
+}
+
+.e-listview:not(.e-list-template) .e-list-item {
+  border-radius: 6px !important;
+}
+
 /* stylelint-disable property-no-vendor-prefix */
@@ -253,2 +267,16 @@ .e-listview {
 
+
+
+
+
+/* stylelint-disable */
+.e-listview .e-list-parent {
+  margin: 0 12px !important;
+  padding: 0;
+}
+
+.e-listview:not(.e-list-template) .e-list-item {
+  border-radius: 6px !important;
+}
+
 .e-listview {
@@ -442,2 +470,3 @@ border-color: var(--color-sf-border-secondary);
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -444,0 +473,0 @@ outline: none;

styles/bds-lite.scss

 @use 'ej2-buttons/styles/check-box/bds-definition' as *;
 @use 'list-view/bds-definition' as *;
 @use 'list-view/icons/bds' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.bds' as *;
 @use 'sortable/bds-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.bds' as *;

styles/bds.css

@@ -24,2 +24,16 @@
 
+
+
+
+
+/* stylelint-disable */
+.e-listview .e-list-parent {
+  margin: 0 12px !important;
+  padding: 0;
+}
+
+.e-listview:not(.e-list-template) .e-list-item {
+  border-radius: 6px !important;
+}
+
 /* stylelint-disable property-no-vendor-prefix */
@@ -253,2 +267,16 @@ .e-listview {
 
+
+
+
+
+/* stylelint-disable */
+.e-listview .e-list-parent {
+  margin: 0 12px !important;
+  padding: 0;
+}
+
+.e-listview:not(.e-list-template) .e-list-item {
+  border-radius: 6px !important;
+}
+
 .e-listview {
@@ -441,2 +469,16 @@ border-color: var(--color-sf-border-secondary);
 
+
+
+
+
+/* stylelint-disable */
+.e-listview .e-list-parent {
+  margin: 0 12px !important;
+  padding: 0;
+}
+
+.e-listview:not(.e-list-template) .e-list-item {
+  border-radius: 6px !important;
+}
+
 .e-bigger .e-listview .e-list-item,
@@ -599,2 +641,3 @@ .e-listview.e-bigger .e-list-item {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -601,0 +644,0 @@ outline: none;

styles/bds.scss

 @use 'ej2-buttons/styles/check-box/bds-definition' as *;
 @use 'list-view/bds-definition' as *;
 @use 'list-view/icons/bds' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.bds' as *;
+@use 'list-view/bigger.bds' as *;
 @use 'sortable/bds-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.bds' as *;

styles/bootstrap-dark-lite.css

@@ -401,2 +401,3 @@ .e-listview .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -403,0 +404,0 @@ outline: none;

styles/bootstrap-dark-lite.scss

 @use 'ej2-buttons/styles/check-box/bootstrap-dark-definition' as *;
 @use 'list-view/bootstrap-dark-definition' as *;
 @use 'list-view/icons/bootstrap-dark' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.bootstrap-dark' as *;
 @use 'sortable/bootstrap-dark-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.bootstrap-dark' as *;

styles/bootstrap-dark.css

@@ -449,2 +449,3 @@ .e-listview .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -451,0 +452,0 @@ outline: none;

styles/bootstrap-dark.scss

 @use 'ej2-buttons/styles/check-box/bootstrap-dark-definition' as *;
 @use 'list-view/bootstrap-dark-definition' as *;
 @use 'list-view/icons/bootstrap-dark' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.bootstrap-dark' as *;
+@use 'list-view/bigger.bootstrap-dark' as *;
 @use 'sortable/bootstrap-dark-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.bootstrap-dark' as *;

styles/bootstrap-lite.css

@@ -402,2 +402,3 @@ .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -404,0 +405,0 @@ outline: none;

styles/bootstrap-lite.scss

 @use 'ej2-buttons/styles/check-box/bootstrap-definition' as *;
 @use 'list-view/bootstrap-definition' as *;
 @use 'list-view/icons/bootstrap' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.bootstrap' as *;
 @use 'sortable/bootstrap-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.bootstrap' as *;

styles/bootstrap.css

@@ -450,2 +450,3 @@ .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -452,0 +453,0 @@ outline: none;

styles/bootstrap.scss

 @use 'ej2-buttons/styles/check-box/bootstrap-definition' as *;
 @use 'list-view/bootstrap-definition' as *;
 @use 'list-view/icons/bootstrap' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.bootstrap' as *;
+@use 'list-view/bigger.bootstrap' as *;
 @use 'sortable/bootstrap-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.bootstrap' as *;

styles/bootstrap4-lite.css

@@ -406,2 +406,3 @@ .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -408,0 +409,0 @@ outline: none;

styles/bootstrap4-lite.scss

 @use 'ej2-buttons/styles/check-box/bootstrap4-definition' as *;
 @use 'list-view/bootstrap4-definition' as *;
 @use 'list-view/icons/bootstrap4' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.bootstrap4' as *;
 @use 'sortable/bootstrap4-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.bootstrap4' as *;

styles/bootstrap4.css

@@ -493,2 +493,3 @@ .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -495,0 +496,0 @@ outline: none;

styles/bootstrap4.scss

 @use 'ej2-buttons/styles/check-box/bootstrap4-definition' as *;
 @use 'list-view/bootstrap4-definition' as *;
 @use 'list-view/icons/bootstrap4' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.bootstrap4' as *;
+@use 'list-view/bigger.bootstrap4' as *;
 @use 'sortable/bootstrap4-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.bootstrap4' as *;

styles/bootstrap5-dark-lite.scss

 @use 'ej2-buttons/styles/check-box/bootstrap5-dark-definition' as *;
 @use 'list-view/bootstrap5-dark-definition' as *;
 @use 'list-view/icons/bootstrap5-dark' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.bootstrap5-dark' as *;
 @use 'sortable/bootstrap5-dark-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.bootstrap5-dark' as *;

styles/bootstrap5-dark.scss

 @use 'ej2-buttons/styles/check-box/bootstrap5-dark-definition' as *;
 @use 'list-view/bootstrap5-dark-definition' as *;
 @use 'list-view/icons/bootstrap5-dark' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.bootstrap5-dark' as *;
+@use 'list-view/bigger.bootstrap5-dark' as *;
 @use 'sortable/bootstrap5-dark-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.bootstrap5-dark' as *;

styles/bootstrap5-lite.css

@@ -427,2 +427,3 @@ .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -429,0 +430,0 @@ outline: none;

styles/bootstrap5-lite.scss

@@ -5,4 +5,4 @@ @use 'ej2-base/styles/definition/bootstrap5' as *;
 @use 'list-view/icons/bootstrap5' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.bootstrap5' as *;
 @use 'sortable/bootstrap5-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.bootstrap5' as *;

styles/bootstrap5.3-lite.css

@@ -94,2 +94,86 @@
 
+
+
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 /* stylelint-disable property-no-vendor-prefix */
@@ -307,2 +391,86 @@ .e-listview {
 
+
+
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 .e-listview {
@@ -489,2 +657,3 @@ border-color: var(--color-sf-border-light);
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -491,0 +660,0 @@ outline: none;

styles/bootstrap5.3-lite.scss

@@ -5,4 +5,4 @@ @use 'ej2-base/styles/definition/bootstrap5.3' as *;
 @use 'list-view/icons/bootstrap5.3' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.bootstrap5.3' as *;
 @use 'sortable/bootstrap5.3-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.bootstrap5.3' as *;

styles/bootstrap5.3.css

@@ -94,2 +94,86 @@
 
+
+
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 /* stylelint-disable property-no-vendor-prefix */
@@ -307,2 +391,86 @@ .e-listview {
 
+
+
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 .e-listview {
@@ -488,2 +656,86 @@ border-color: var(--color-sf-border-light);
 
+
+
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 .e-bigger .e-listview .e-list-item,
@@ -538,2 +790,3 @@ .e-listview.e-bigger .e-list-item {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -540,0 +793,0 @@ outline: none;

styles/bootstrap5.3.scss

@@ -5,5 +5,5 @@ @use 'ej2-base/styles/definition/bootstrap5.3' as *;
 @use 'list-view/icons/bootstrap5.3' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.bootstrap5.3' as *;
+@use 'list-view/bigger.bootstrap5.3' as *;
 @use 'sortable/bootstrap5.3-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.bootstrap5.3' as *;

styles/bootstrap5.css

@@ -475,2 +475,3 @@ .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -477,0 +478,0 @@ outline: none;

styles/bootstrap5.scss

@@ -5,5 +5,5 @@ @use 'ej2-base/styles/definition/bootstrap5' as *;
 @use 'list-view/icons/bootstrap5' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.bootstrap5' as *;
+@use 'list-view/bigger.bootstrap5' as *;
 @use 'sortable/bootstrap5-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.bootstrap5' as *;

styles/fabric-dark-lite.css

@@ -401,2 +401,3 @@ .e-listview .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -403,0 +404,0 @@ outline: none;

styles/fabric-dark-lite.scss

@@ -5,4 +5,4 @@ @use 'ej2-base/styles/definition/fabric-dark' as *;
 @use 'list-view/icons/fabric-dark' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.fabric-dark' as *;
 @use 'sortable/fabric-dark-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.fabric-dark' as *;

styles/fabric-dark.css

@@ -449,2 +449,3 @@ .e-listview .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -451,0 +452,0 @@ outline: none;

styles/fabric-dark.scss

@@ -5,5 +5,5 @@ @use 'ej2-base/styles/definition/fabric-dark' as *;
 @use 'list-view/icons/fabric-dark' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.fabric-dark' as *;
+@use 'list-view/bigger.fabric-dark' as *;
 @use 'sortable/fabric-dark-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.fabric-dark' as *;

styles/fabric-lite.css

@@ -402,2 +402,3 @@ .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -404,0 +405,0 @@ outline: none;

styles/fabric-lite.scss

@@ -5,4 +5,4 @@ @use 'ej2-base/styles/definition/fabric' as *;
 @use 'list-view/icons/fabric' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.fabric' as *;
 @use 'sortable/fabric-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.fabric' as *;

styles/fabric.css

@@ -450,2 +450,3 @@ .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -452,0 +453,0 @@ outline: none;

styles/fabric.scss

@@ -5,5 +5,5 @@ @use 'ej2-base/styles/definition/fabric' as *;
 @use 'list-view/icons/fabric' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.fabric' as *;
+@use 'list-view/bigger.fabric' as *;
 @use 'sortable/fabric-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.fabric' as *;

styles/fluent-dark-lite.scss

@@ -5,4 +5,4 @@ @use 'ej2-base/styles/definition/fluent-dark' as *;
 @use 'list-view/icons/fluent-dark' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.fluent-dark' as *;
 @use 'sortable/fluent-dark-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.fluent-dark' as *;

styles/fluent-dark.scss

@@ -5,5 +5,5 @@ @use 'ej2-base/styles/definition/fluent-dark' as *;
 @use 'list-view/icons/fluent-dark' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.fluent-dark' as *;
+@use 'list-view/bigger.fluent-dark' as *;
 @use 'sortable/fluent-dark-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.fluent-dark' as *;

styles/fluent-lite.css

@@ -227,190 +227,4 @@ .e-icon-collapsible::before {
 
-.e-listview {
-  border-color: #edebe9;
-  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
-  font-size: 14px;
-}
-.e-listview .e-list-header {
-  background-color: transparent;
-  color: #0078d4;
-  border-color: #edebe9;
-  font-size: 14px;
-}
-
-.e-listview .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-  color: #605e5c;
-}
-
-.e-listview .e-list-item {
-  border-bottom: 0 solid #edebe9;
-  border-left: 0 solid transparent;
-  border-right: 0 solid transparent;
-  border-top: 0 solid transparent;
-  background-color: transparent;
-  color: #201f1e;
-}
-.e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
-  background-color: #f3f2f1;
-  color: #201f1e;
-  border-color: #edebe9;
-}
-.e-listview .e-list-item.e-active {
-  background-color: #edebe9;
-  color: #201f1e;
-}
-.e-listview .e-list-item.e-active.e-checklist {
-  background-color: transparent;
-  color: #201f1e;
-}
-.e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
-  background-color: #edebe9;
-  color: #201f1e;
-}
-.e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
-  background-color: #fff;
-  color: #0078d4;
-  border-color: #fff;
-}
-
-.e-listview .e-list-group-item {
-  background-color: transparent;
-  color: #0078d4;
-  border-color: #edebe9;
-  font-size: 14px;
-}
-
-.e-listview.e-list-template .e-list-wrapper {
-  height: inherit;
-  position: relative;
-}
-.e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
-  padding: 10px 16px;
-}
-.e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) {
-  padding: 2px 10px 2px 16px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
-  padding: 6px 4px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
-  color: #201f1e;
-  display: block;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 22px;
-  margin: 0;
-  overflow: hidden;
-  padding: 0;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
-  color: #605e5c;
-  display: block;
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 18px;
-  margin: 0;
-  padding: 2px 0 0 0;
-  word-wrap: break-word;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
-  height: 40px;
-  width: 40px;
-  top: 0;
-  left: 0;
-  position: absolute;
-  margin: 7px 16px 7px 12px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
-  padding-left: 68px;
-  padding-right: 16px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
-  padding-left: 16px;
-  padding-right: 68px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
-  height: 40px;
-  width: 40px;
-  top: 0;
-  right: 0;
-  position: absolute;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
-  top: 0;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
-  top: 0;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
-  font-size: 10px;
-  height: 18px;
-  width: 20px;
-  top: 50%;
-  right: 12px;
-  line-height: 16px;
-  padding: 0;
-  position: absolute;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-  border-radius: 10px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
-  padding-left: 68px;
-  padding-right: 10px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
-  padding-left: 16px;
-  padding-right: 10px;
-}
-.e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
-  display: block;
-  margin: 0;
-  overflow: hidden;
-  padding: 8px 0;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.e-listview.e-list-template .e-list-item.e-hover .e-list-item-header, .e-listview.e-list-template .e-list-item.e-hover .e-list-content {
-  color: #201f1e;
-}
-.e-listview.e-list-template .e-list-item.e-active .e-list-item-header, .e-listview.e-list-template .e-list-item.e-active .e-list-content {
-  color: #201f1e;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
-  left: inherit;
-  right: 0;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
-  padding-left: 16px;
-  padding-right: 68px;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
-  padding-left: 68px;
-  padding-right: 16px;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
-  left: 0;
-  right: inherit;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
-  left: 12px;
-  right: inherit;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
-  padding-left: 10px;
-  padding-right: 68px;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
-  padding-left: 10px;
-  padding-right: 16px;
-}
-
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -417,0 +231,0 @@ outline: none;

styles/fluent-lite.scss

@@ -5,4 +5,4 @@ @use 'ej2-base/styles/definition/fluent' as *;
 @use 'list-view/icons/fluent' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.fluent' as *;
 @use 'sortable/fluent-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.fluent' as *;

styles/fluent.css

@@ -227,189 +227,2 @@ .e-icon-collapsible::before {
 
-.e-listview {
-  border-color: #edebe9;
-  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
-  font-size: 14px;
-}
-.e-listview .e-list-header {
-  background-color: transparent;
-  color: #0078d4;
-  border-color: #edebe9;
-  font-size: 14px;
-}
-
-.e-listview .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-  color: #605e5c;
-}
-
-.e-listview .e-list-item {
-  border-bottom: 0 solid #edebe9;
-  border-left: 0 solid transparent;
-  border-right: 0 solid transparent;
-  border-top: 0 solid transparent;
-  background-color: transparent;
-  color: #201f1e;
-}
-.e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
-  background-color: #f3f2f1;
-  color: #201f1e;
-  border-color: #edebe9;
-}
-.e-listview .e-list-item.e-active {
-  background-color: #edebe9;
-  color: #201f1e;
-}
-.e-listview .e-list-item.e-active.e-checklist {
-  background-color: transparent;
-  color: #201f1e;
-}
-.e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
-  background-color: #edebe9;
-  color: #201f1e;
-}
-.e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
-  background-color: #fff;
-  color: #0078d4;
-  border-color: #fff;
-}
-
-.e-listview .e-list-group-item {
-  background-color: transparent;
-  color: #0078d4;
-  border-color: #edebe9;
-  font-size: 14px;
-}
-
-.e-listview.e-list-template .e-list-wrapper {
-  height: inherit;
-  position: relative;
-}
-.e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
-  padding: 10px 16px;
-}
-.e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) {
-  padding: 2px 10px 2px 16px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
-  padding: 6px 4px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
-  color: #201f1e;
-  display: block;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 22px;
-  margin: 0;
-  overflow: hidden;
-  padding: 0;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
-  color: #605e5c;
-  display: block;
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 18px;
-  margin: 0;
-  padding: 2px 0 0 0;
-  word-wrap: break-word;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
-  height: 40px;
-  width: 40px;
-  top: 0;
-  left: 0;
-  position: absolute;
-  margin: 7px 16px 7px 12px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
-  padding-left: 68px;
-  padding-right: 16px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
-  padding-left: 16px;
-  padding-right: 68px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
-  height: 40px;
-  width: 40px;
-  top: 0;
-  right: 0;
-  position: absolute;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
-  top: 0;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
-  top: 0;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
-  font-size: 10px;
-  height: 18px;
-  width: 20px;
-  top: 50%;
-  right: 12px;
-  line-height: 16px;
-  padding: 0;
-  position: absolute;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-  border-radius: 10px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
-  padding-left: 68px;
-  padding-right: 10px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
-  padding-left: 16px;
-  padding-right: 10px;
-}
-.e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
-  display: block;
-  margin: 0;
-  overflow: hidden;
-  padding: 8px 0;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.e-listview.e-list-template .e-list-item.e-hover .e-list-item-header, .e-listview.e-list-template .e-list-item.e-hover .e-list-content {
-  color: #201f1e;
-}
-.e-listview.e-list-template .e-list-item.e-active .e-list-item-header, .e-listview.e-list-template .e-list-item.e-active .e-list-content {
-  color: #201f1e;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
-  left: inherit;
-  right: 0;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
-  padding-left: 16px;
-  padding-right: 68px;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
-  padding-left: 68px;
-  padding-right: 16px;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
-  left: 0;
-  right: inherit;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
-  left: 12px;
-  right: inherit;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
-  padding-left: 10px;
-  padding-right: 68px;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
-  padding-left: 10px;
-  padding-right: 16px;
-}
-
 .e-bigger .e-listview .e-list-item,
@@ -507,2 +320,3 @@ .e-listview.e-bigger .e-list-item {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -509,0 +323,0 @@ outline: none;

styles/fluent.scss

@@ -5,5 +5,5 @@ @use 'ej2-base/styles/definition/fluent' as *;
 @use 'list-view/icons/fluent' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.fluent' as *;
+@use 'list-view/bigger.fluent' as *;
 @use 'sortable/fluent-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.fluent' as *;

styles/fluent2-lite.css

@@ -98,2 +98,88 @@
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 /* stylelint-disable property-no-vendor-prefix */
@@ -316,2 +402,88 @@ .e-listview {
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 .e-listview {
@@ -497,2 +669,3 @@ border-color: var(--color-sf-border-light);
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -499,0 +672,0 @@ outline: none;

styles/fluent2-lite.scss

@@ -5,4 +5,4 @@ @use 'ej2-base/styles/definition/fluent2' as *;
 @use 'list-view/icons/fluent2' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.fluent2' as *;
 @use 'sortable/fluent2-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.fluent2' as *;

styles/fluent2.css

@@ -98,2 +98,88 @@
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 /* stylelint-disable property-no-vendor-prefix */
@@ -316,2 +402,88 @@ .e-listview {
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 .e-listview {
@@ -496,2 +668,88 @@ border-color: var(--color-sf-border-light);
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 .e-bigger .e-listview .e-list-item,
@@ -558,2 +816,3 @@ .e-listview.e-bigger .e-list-item {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -560,0 +819,0 @@ outline: none;

styles/fluent2.scss

@@ -5,5 +5,5 @@ @use 'ej2-base/styles/definition/fluent2' as *;
 @use 'list-view/icons/fluent2' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.fluent2' as *;
+@use 'list-view/bigger.fluent2' as *;
 @use 'sortable/fluent2-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.fluent2' as *;

styles/highcontrast-light-lite.css

@@ -401,2 +401,3 @@ .e-listview .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -403,0 +404,0 @@ outline: none;

styles/highcontrast-light-lite.scss

@@ -5,4 +5,4 @@ @use 'ej2-base/styles/definition/highcontrast-light' as *;
 @use 'list-view/icons/highcontrast-light' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.highcontrast-light' as *;
 @use 'sortable/highcontrast-light-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.highcontrast-light' as *;

styles/highcontrast-light.css

@@ -449,2 +449,3 @@ .e-listview .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -451,0 +452,0 @@ outline: none;

styles/highcontrast-light.scss

@@ -5,5 +5,5 @@ @use 'ej2-base/styles/definition/highcontrast-light' as *;
 @use 'list-view/icons/highcontrast-light' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.highcontrast-light' as *;
+@use 'list-view/bigger.highcontrast-light' as *;
 @use 'sortable/highcontrast-light-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.highcontrast-light' as *;

styles/highcontrast-lite.css

@@ -402,2 +402,3 @@ .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -404,0 +405,0 @@ outline: none;

styles/highcontrast-lite.scss

@@ -5,4 +5,4 @@ @use 'ej2-base/styles/definition/highcontrast' as *;
 @use 'list-view/icons/highcontrast' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.highcontrast' as *;
 @use 'sortable/highcontrast-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.highcontrast' as *;

styles/highcontrast.css

@@ -450,2 +450,3 @@ .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -452,0 +453,0 @@ outline: none;

styles/highcontrast.scss

@@ -5,5 +5,5 @@ @use 'ej2-base/styles/definition/highcontrast' as *;
 @use 'list-view/icons/highcontrast' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.highcontrast' as *;
+@use 'list-view/bigger.highcontrast' as *;
 @use 'sortable/highcontrast-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.highcontrast' as *;

styles/list-view/_bigger.scss

 @use 'ej2-base/styles/common/mixin' as *;
-@use './theme-variables' as *;
 @mixin list-style($height, $line-height, $position) {
@@ -4,0 +3,0 @@ height: $height;

styles/list-view/_layout.scss

 @use 'ej2-base/styles/common/mixin' as *;
-@use './theme-variables' as *;
 @mixin list-style($height, $line-height, $position) {
@@ -4,0 +3,0 @@ height: $height;

styles/list-view/_theme.scss

 @use 'ej2-base/styles/common/mixin' as *;
-@use './theme-variables' as *;
 @mixin avatar-padding($left, $right) {
@@ -4,0 +3,0 @@ padding-left: $left;

styles/list-view/bds.css

@@ -24,2 +24,16 @@
 
+
+
+
+
+/* stylelint-disable */
+.e-listview .e-list-parent {
+  margin: 0 12px !important;
+  padding: 0;
+}
+
+.e-listview:not(.e-list-template) .e-list-item {
+  border-radius: 6px !important;
+}
+
 /* stylelint-disable property-no-vendor-prefix */
@@ -253,2 +267,16 @@ .e-listview {
 
+
+
+
+
+/* stylelint-disable */
+.e-listview .e-list-parent {
+  margin: 0 12px !important;
+  padding: 0;
+}
+
+.e-listview:not(.e-list-template) .e-list-item {
+  border-radius: 6px !important;
+}
+
 .e-listview {
@@ -441,2 +469,16 @@ border-color: var(--color-sf-border-secondary);
 
+
+
+
+
+/* stylelint-disable */
+.e-listview .e-list-parent {
+  margin: 0 12px !important;
+  padding: 0;
+}
+
+.e-listview:not(.e-list-template) .e-list-item {
+  border-radius: 6px !important;
+}
+
 .e-bigger .e-listview .e-list-item,
@@ -443,0 +485,0 @@ .e-listview.e-bigger .e-list-item {

styles/list-view/bds.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/bds' as *;
 @use 'icons/bds' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.bds' as *;
+@use 'bigger.bds' as *;

styles/list-view/bootstrap-dark.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/bootstrap-dark' as *;
 @use 'icons/bootstrap-dark' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.bootstrap-dark' as *;
+@use 'bigger.bootstrap-dark' as *;

styles/list-view/bootstrap.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/bootstrap' as *;
 @use 'icons/bootstrap' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.bootstrap' as *;
+@use 'bigger.bootstrap' as *;

styles/list-view/bootstrap4.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/bootstrap4' as *;
 @use 'icons/bootstrap4' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.bootstrap4' as *;
+@use 'bigger.bootstrap4' as *;

styles/list-view/bootstrap5-dark.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/bootstrap5-dark' as *;
 @use 'icons/bootstrap5-dark' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.bootstrap5-dark' as *;
+@use 'bigger.bootstrap5-dark' as *;

styles/list-view/bootstrap5.3.css

@@ -94,2 +94,86 @@
 
+
+
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 /* stylelint-disable property-no-vendor-prefix */
@@ -307,2 +391,86 @@ .e-listview {
 
+
+
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 .e-listview {
@@ -488,2 +656,86 @@ border-color: var(--color-sf-border-light);
 
+
+
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 .e-bigger .e-listview .e-list-item,
@@ -490,0 +742,0 @@ .e-listview.e-bigger .e-list-item {

styles/list-view/bootstrap5.3.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/bootstrap5.3' as *;
 @use 'icons/bootstrap5.3' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.bootstrap5.3' as *;
+@use 'bigger.bootstrap5.3' as *;

styles/list-view/bootstrap5.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/bootstrap5' as *;
 @use 'icons/bootstrap5' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.bootstrap5' as *;
+@use 'bigger.bootstrap5' as *;

styles/list-view/fabric-dark.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/fabric-dark' as *;
 @use 'icons/fabric-dark' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.fabric-dark' as *;
+@use 'bigger.fabric-dark' as *;

styles/list-view/fabric.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/fabric' as *;
 @use 'icons/fabric' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.fabric' as *;
+@use 'bigger.fabric' as *;

styles/list-view/fluent-dark.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/fluent-dark' as *;
 @use 'icons/fluent-dark' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.fluent-dark' as *;
+@use 'bigger.fluent-dark' as *;

styles/list-view/fluent.css

@@ -227,189 +227,2 @@ .e-icon-collapsible::before {
 
-.e-listview {
-  border-color: #edebe9;
-  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
-  font-size: 14px;
-}
-.e-listview .e-list-header {
-  background-color: transparent;
-  color: #0078d4;
-  border-color: #edebe9;
-  font-size: 14px;
-}
-
-.e-listview .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-  color: #605e5c;
-}
-
-.e-listview .e-list-item {
-  border-bottom: 0 solid #edebe9;
-  border-left: 0 solid transparent;
-  border-right: 0 solid transparent;
-  border-top: 0 solid transparent;
-  background-color: transparent;
-  color: #201f1e;
-}
-.e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
-  background-color: #f3f2f1;
-  color: #201f1e;
-  border-color: #edebe9;
-}
-.e-listview .e-list-item.e-active {
-  background-color: #edebe9;
-  color: #201f1e;
-}
-.e-listview .e-list-item.e-active.e-checklist {
-  background-color: transparent;
-  color: #201f1e;
-}
-.e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
-  background-color: #edebe9;
-  color: #201f1e;
-}
-.e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
-  background-color: #fff;
-  color: #0078d4;
-  border-color: #fff;
-}
-
-.e-listview .e-list-group-item {
-  background-color: transparent;
-  color: #0078d4;
-  border-color: #edebe9;
-  font-size: 14px;
-}
-
-.e-listview.e-list-template .e-list-wrapper {
-  height: inherit;
-  position: relative;
-}
-.e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
-  padding: 10px 16px;
-}
-.e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) {
-  padding: 2px 10px 2px 16px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
-  padding: 6px 4px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
-  color: #201f1e;
-  display: block;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 22px;
-  margin: 0;
-  overflow: hidden;
-  padding: 0;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
-  color: #605e5c;
-  display: block;
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 18px;
-  margin: 0;
-  padding: 2px 0 0 0;
-  word-wrap: break-word;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
-  height: 40px;
-  width: 40px;
-  top: 0;
-  left: 0;
-  position: absolute;
-  margin: 7px 16px 7px 12px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
-  padding-left: 68px;
-  padding-right: 16px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
-  padding-left: 16px;
-  padding-right: 68px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
-  height: 40px;
-  width: 40px;
-  top: 0;
-  right: 0;
-  position: absolute;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
-  top: 0;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
-  top: 0;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
-  font-size: 10px;
-  height: 18px;
-  width: 20px;
-  top: 50%;
-  right: 12px;
-  line-height: 16px;
-  padding: 0;
-  position: absolute;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-  border-radius: 10px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
-  padding-left: 68px;
-  padding-right: 10px;
-}
-.e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
-  padding-left: 16px;
-  padding-right: 10px;
-}
-.e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
-  display: block;
-  margin: 0;
-  overflow: hidden;
-  padding: 8px 0;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.e-listview.e-list-template .e-list-item.e-hover .e-list-item-header, .e-listview.e-list-template .e-list-item.e-hover .e-list-content {
-  color: #201f1e;
-}
-.e-listview.e-list-template .e-list-item.e-active .e-list-item-header, .e-listview.e-list-template .e-list-item.e-active .e-list-content {
-  color: #201f1e;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
-  left: inherit;
-  right: 0;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
-  padding-left: 16px;
-  padding-right: 68px;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
-  padding-left: 68px;
-  padding-right: 16px;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
-  left: 0;
-  right: inherit;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
-  left: 12px;
-  right: inherit;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
-  padding-left: 10px;
-  padding-right: 68px;
-}
-.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
-  padding-left: 10px;
-  padding-right: 16px;
-}
-
 .e-bigger .e-listview .e-list-item,
@@ -416,0 +229,0 @@ .e-listview.e-bigger .e-list-item {

styles/list-view/fluent.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/fluent' as *;
 @use 'icons/fluent' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.fluent' as *;
+@use 'bigger.fluent' as *;

styles/list-view/fluent2.css

@@ -98,2 +98,88 @@
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 /* stylelint-disable property-no-vendor-prefix */
@@ -316,2 +402,88 @@ .e-listview {
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 .e-listview {
@@ -496,2 +668,88 @@ border-color: var(--color-sf-border-light);
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 .e-bigger .e-listview .e-list-item,
@@ -498,0 +756,0 @@ .e-listview.e-bigger .e-list-item {

styles/list-view/fluent2.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/fluent2' as *;
 @use 'icons/fluent2' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.fluent2' as *;
+@use 'bigger.fluent2' as *;

styles/list-view/highcontrast-light.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/highcontrast-light' as *;
 @use 'icons/highcontrast-light' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.highcontrast-light' as *;
+@use 'bigger.highcontrast-light' as *;

styles/list-view/highcontrast.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/highcontrast' as *;
 @use 'icons/highcontrast' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.highcontrast' as *;
+@use 'bigger.highcontrast' as *;

styles/list-view/material-dark.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/material-dark' as *;
 @use 'icons/material-dark' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.material-dark' as *;
+@use 'bigger.material-dark' as *;

styles/list-view/material.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/material' as *;
 @use 'icons/material' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.material' as *;
+@use 'bigger.material' as *;

styles/list-view/material3-dark.css

@@ -176,2 +176,84 @@
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 /* stylelint-disable property-no-vendor-prefix */
@@ -391,2 +473,84 @@ .e-listview {
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 .e-listview {
@@ -574,2 +738,84 @@ border-color: rgba(var(--color-sf-outline-variant));
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 .e-bigger .e-listview .e-list-item,
@@ -576,0 +822,0 @@ .e-listview.e-bigger .e-list-item {

styles/list-view/material3-dark.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/material3-dark' as *;
 @use 'icons/material3-dark' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.material3-dark' as *;
+@use 'bigger.material3-dark' as *;

styles/list-view/material3.css

@@ -94,2 +94,86 @@
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
 /* stylelint-disable property-no-vendor-prefix */
@@ -309,2 +393,86 @@ .e-listview {
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
 .e-listview {
@@ -492,2 +660,86 @@ border-color: rgba(var(--color-sf-outline-variant));
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
 .e-bigger .e-listview .e-list-item,
@@ -494,0 +746,0 @@ .e-listview.e-bigger .e-list-item {

styles/list-view/material3.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/material3' as *;
 @use 'icons/material3' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.material3' as *;
+@use 'bigger.material3' as *;

styles/list-view/tailwind-dark.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/tailwind-dark' as *;
 @use 'icons/tailwind-dark' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.tailwind-dark' as *;
+@use 'bigger.tailwind-dark' as *;

styles/list-view/tailwind.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/tailwind' as *;
 @use 'icons/tailwind' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.tailwind' as *;
+@use 'bigger.tailwind' as *;

styles/list-view/tailwind3.css

@@ -84,2 +84,76 @@
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 /* stylelint-disable property-no-vendor-prefix */
@@ -304,2 +378,76 @@ .e-listview {
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 .e-listview {
@@ -489,2 +637,76 @@ border-color: var(--color-sf-border-light);
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 .e-bigger .e-listview .e-list-item,
@@ -491,0 +713,0 @@ .e-listview.e-bigger .e-list-item {

styles/list-view/tailwind3.scss

@@ -5,3 +5,3 @@ @use 'ej2-base/styles/definition/tailwind3' as *;
 @use 'icons/tailwind3' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.tailwind3' as *;
+@use 'bigger.tailwind3' as *;

styles/material-dark-lite.css

@@ -400,2 +400,3 @@ .e-listview .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -402,0 +403,0 @@ outline: none;

styles/material-dark-lite.scss

@@ -5,4 +5,4 @@ @use 'ej2-base/styles/definition/material-dark' as *;
 @use 'list-view/icons/material-dark' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.material-dark' as *;
 @use 'sortable/material-dark-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.material-dark' as *;

styles/material-dark.css

@@ -448,2 +448,3 @@ .e-listview .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -450,0 +451,0 @@ outline: none;

styles/material-dark.scss

@@ -5,5 +5,5 @@ @use 'ej2-base/styles/definition/material-dark' as *;
 @use 'list-view/icons/material-dark' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.material-dark' as *;
+@use 'list-view/bigger.material-dark' as *;
 @use 'sortable/material-dark-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.material-dark' as *;

styles/material-lite.css

@@ -401,2 +401,3 @@ .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -403,0 +404,0 @@ outline: none;

styles/material-lite.scss

 @use 'ej2-buttons/styles/check-box/material-definition' as *;
 @use 'list-view/material-definition' as *;
 @use 'list-view/icons/material' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.material' as *;
 @use 'sortable/material-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.material' as *;

styles/material.css

@@ -449,2 +449,3 @@ .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -451,0 +452,0 @@ outline: none;

styles/material.scss

 @use 'ej2-buttons/styles/check-box/material-definition' as *;
 @use 'list-view/material-definition' as *;
 @use 'list-view/icons/material' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.material' as *;
+@use 'list-view/bigger.material' as *;
 @use 'sortable/material-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.material' as *;

styles/material3-dark-lite.css

@@ -176,2 +176,84 @@
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 /* stylelint-disable property-no-vendor-prefix */
@@ -391,2 +473,84 @@ .e-listview {
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 .e-listview {
@@ -574,2 +738,84 @@ border-color: rgba(var(--color-sf-outline-variant));
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 .e-sortable {
@@ -576,0 +822,0 @@ outline: none;

styles/material3-dark-lite.scss

@@ -5,4 +5,4 @@ @use 'ej2-base/styles/definition/material3-dark' as *;
 @use 'list-view/icons/material3-dark' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.material3-dark' as *;
 @use 'sortable/material3-dark-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.material3-dark' as *;

styles/material3-dark.css

@@ -176,2 +176,84 @@
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 /* stylelint-disable property-no-vendor-prefix */
@@ -391,2 +473,84 @@ .e-listview {
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 .e-listview {
@@ -574,2 +738,84 @@ border-color: rgba(var(--color-sf-outline-variant));
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 .e-bigger .e-listview .e-list-item,
@@ -638,2 +884,84 @@ .e-listview.e-bigger .e-list-item {
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 .e-sortable {
@@ -640,0 +968,0 @@ outline: none;

styles/material3-dark.scss

@@ -5,5 +5,5 @@ @use 'ej2-base/styles/definition/material3-dark' as *;
 @use 'list-view/icons/material3-dark' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.material3-dark' as *;
+@use 'list-view/bigger.material3-dark' as *;
 @use 'sortable/material3-dark-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.material3-dark' as *;

styles/material3-lite.css

@@ -94,2 +94,86 @@
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
 /* stylelint-disable property-no-vendor-prefix */
@@ -309,2 +393,86 @@ .e-listview {
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
 .e-listview {
@@ -493,2 +661,3 @@ border-color: rgba(var(--color-sf-outline-variant));
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -495,0 +664,0 @@ outline: none;

styles/material3-lite.scss

@@ -5,4 +5,4 @@ @use 'ej2-base/styles/definition/material3' as *;
 @use 'list-view/icons/material3' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.material3' as *;
 @use 'sortable/material3-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.material3' as *;

styles/material3.css

@@ -94,2 +94,86 @@
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
 /* stylelint-disable property-no-vendor-prefix */
@@ -309,2 +393,86 @@ .e-listview {
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
 .e-listview {
@@ -492,2 +660,86 @@ border-color: rgba(var(--color-sf-outline-variant));
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
 .e-bigger .e-listview .e-list-item,
@@ -557,2 +809,3 @@ .e-listview.e-bigger .e-list-item {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -559,0 +812,0 @@ outline: none;

styles/material3.scss

@@ -5,5 +5,5 @@ @use 'ej2-base/styles/definition/material3' as *;
 @use 'list-view/icons/material3' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.material3' as *;
+@use 'list-view/bigger.material3' as *;
 @use 'sortable/material3-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.material3' as *;

styles/sortable/_layout.scss

 @use 'ej2-base/styles/common/mixin' as *;
-@use './theme-variables' as *;
 @include export-module('sortable-layout') {
@@ -4,0 +3,0 @@ #{&}.e-sortable {

styles/sortable/bds.css

@@ -6,2 +6,3 @@
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -8,0 +9,0 @@ outline: none;

styles/sortable/bds.scss

 @use 'ej2-base/styles/definition/bds' as *;
 @use 'bds-definition' as *;
-@use 'all' as *;
+@use 'all.bds' as *;

styles/sortable/bootstrap-dark.css

 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -3,0 +4,0 @@ outline: none;

styles/sortable/bootstrap-dark.scss

 @use 'ej2-base/styles/definition/bootstrap-dark' as *;
 @use 'bootstrap-dark-definition' as *;
-@use 'all' as *;
+@use 'all.bootstrap-dark' as *;

styles/sortable/bootstrap.css

 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -3,0 +4,0 @@ outline: none;

styles/sortable/bootstrap.scss

 @use 'ej2-base/styles/definition/bootstrap' as *;
 @use 'bootstrap-definition' as *;
-@use 'all' as *;
+@use 'all.bootstrap' as *;

styles/sortable/bootstrap4.css

 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -3,0 +4,0 @@ outline: none;

styles/sortable/bootstrap4.scss

 @use 'ej2-base/styles/definition/bootstrap4' as *;
 @use 'bootstrap4-definition' as *;
-@use 'all' as *;
+@use 'all.bootstrap4' as *;

styles/sortable/bootstrap5-dark.scss

 @use 'ej2-base/styles/definition/bootstrap5-dark' as *;
 @use 'bootstrap5-dark-definition' as *;
-@use 'all' as *;
+@use 'all.bootstrap5-dark' as *;

styles/sortable/bootstrap5.3.css

@@ -86,2 +86,3 @@
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -88,0 +89,0 @@ outline: none;

styles/sortable/bootstrap5.3.scss

 @use 'ej2-base/styles/definition/bootstrap5.3' as *;
 @use 'bootstrap5.3-definition' as *;
-@use 'all' as *;
+@use 'all.bootstrap5.3' as *;

styles/sortable/bootstrap5.css

 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -3,0 +4,0 @@ outline: none;

styles/sortable/bootstrap5.scss

 @use 'ej2-base/styles/definition/bootstrap5' as *;
 @use 'bootstrap5-definition' as *;
-@use 'all' as *;
+@use 'all.bootstrap5' as *;

styles/sortable/fabric-dark.css

 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -3,0 +4,0 @@ outline: none;

styles/sortable/fabric-dark.scss

 @use 'ej2-base/styles/definition/fabric-dark' as *;
 @use 'fabric-dark-definition' as *;
-@use 'all' as *;
+@use 'all.fabric-dark' as *;

styles/sortable/fabric.css

 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -3,0 +4,0 @@ outline: none;

styles/sortable/fabric.scss

 @use 'ej2-base/styles/definition/fabric' as *;
 @use 'fabric-definition' as *;
-@use 'all' as *;
+@use 'all.fabric' as *;

styles/sortable/fluent-dark.scss

 @use 'ej2-base/styles/definition/fluent-dark' as *;
 @use 'fluent-dark-definition' as *;
-@use 'all' as *;
+@use 'all.fluent-dark' as *;

styles/sortable/fluent.css

 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -3,0 +4,0 @@ outline: none;

styles/sortable/fluent.scss

 @use 'ej2-base/styles/definition/fluent' as *;
 @use 'fluent-definition' as *;
-@use 'all' as *;
+@use 'all.fluent' as *;

styles/sortable/fluent2.css

@@ -88,2 +88,3 @@
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -90,0 +91,0 @@ outline: none;

styles/sortable/fluent2.scss

 @use 'ej2-base/styles/definition/fluent2' as *;
 @use 'fluent2-definition' as *;
-@use 'all' as *;
+@use 'all.fluent2' as *;

styles/sortable/highcontrast-light.css

 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -3,0 +4,0 @@ outline: none;

styles/sortable/highcontrast-light.scss

 @use 'ej2-base/styles/definition/highcontrast-light' as *;
 @use 'highcontrast-light-definition' as *;
-@use 'all' as *;
+@use 'all.highcontrast-light' as *;

styles/sortable/highcontrast.css

 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -3,0 +4,0 @@ outline: none;

styles/sortable/highcontrast.scss

 @use 'ej2-base/styles/definition/highcontrast' as *;
 @use 'highcontrast-definition' as *;
-@use 'all' as *;
+@use 'all.highcontrast' as *;

styles/sortable/material-dark.css

 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -3,0 +4,0 @@ outline: none;

styles/sortable/material-dark.scss

 @use 'ej2-base/styles/definition/material-dark' as *;
 @use 'material-dark-definition' as *;
-@use 'all' as *;
+@use 'all.material-dark' as *;

styles/sortable/material.css

 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -3,0 +4,0 @@ outline: none;

styles/sortable/material.scss

 @use 'ej2-base/styles/definition/material' as *;
 @use 'material-definition' as *;
-@use 'all' as *;
+@use 'all.material' as *;

styles/sortable/material3-dark.css

@@ -83,2 +83,84 @@
 /* 16px */
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 .e-sortable {
@@ -85,0 +167,0 @@ outline: none;

styles/sortable/material3-dark.scss

 @use 'ej2-base/styles/definition/material3-dark' as *;
 @use 'material3-dark-definition' as *;
-@use 'all' as *;
+@use 'all.material3-dark' as *;

styles/sortable/material3.css

@@ -86,2 +86,3 @@
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -88,0 +89,0 @@ outline: none;

styles/sortable/material3.scss

 @use 'ej2-base/styles/definition/material3' as *;
 @use 'material3-definition' as *;
-@use 'all' as *;
+@use 'all.material3' as *;

styles/sortable/tailwind-dark.scss

 @use 'ej2-base/styles/definition/tailwind-dark' as *;
 @use 'tailwind-dark-definition' as *;
-@use 'all' as *;
+@use 'all.tailwind-dark' as *;

styles/sortable/tailwind.css

 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -3,0 +4,0 @@ outline: none;

styles/sortable/tailwind.scss

 @use 'ej2-base/styles/definition/tailwind' as *;
 @use 'tailwind-definition' as *;
-@use 'all' as *;
+@use 'all.tailwind' as *;

styles/sortable/tailwind3.css

@@ -76,2 +76,3 @@
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -78,0 +79,0 @@ outline: none;

styles/sortable/tailwind3.scss

 @use 'ej2-base/styles/definition/tailwind3' as *;
 @use 'tailwind3-definition' as *;
-@use 'all' as *;
+@use 'all.tailwind3' as *;

styles/tailwind-dark-lite.scss

@@ -5,4 +5,4 @@ @use 'ej2-base/styles/definition/tailwind-dark' as *;
 @use 'list-view/icons/tailwind-dark' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.tailwind-dark' as *;
 @use 'sortable/tailwind-dark-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.tailwind-dark' as *;

styles/tailwind-dark.scss

@@ -5,5 +5,5 @@ @use 'ej2-base/styles/definition/tailwind-dark' as *;
 @use 'list-view/icons/tailwind-dark' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.tailwind-dark' as *;
+@use 'list-view/bigger.tailwind-dark' as *;
 @use 'sortable/tailwind-dark-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.tailwind-dark' as *;

styles/tailwind-lite.css

@@ -426,2 +426,3 @@ .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -428,0 +429,0 @@ outline: none;

styles/tailwind-lite.scss

@@ -5,4 +5,4 @@ @use 'ej2-base/styles/definition/tailwind' as *;
 @use 'list-view/icons/tailwind' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.tailwind' as *;
 @use 'sortable/tailwind-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.tailwind' as *;

styles/tailwind.css

@@ -582,2 +582,3 @@ .e-icon-collapsible::before {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -584,0 +585,0 @@ outline: none;

styles/tailwind.scss

@@ -5,5 +5,5 @@ @use 'ej2-base/styles/definition/tailwind' as *;
 @use 'list-view/icons/tailwind' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.tailwind' as *;
+@use 'list-view/bigger.tailwind' as *;
 @use 'sortable/tailwind-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.tailwind' as *;

styles/tailwind3-lite.css

@@ -84,2 +84,76 @@
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 /* stylelint-disable property-no-vendor-prefix */
@@ -304,2 +378,76 @@ .e-listview {
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 .e-listview {
@@ -490,2 +638,3 @@ border-color: var(--color-sf-border-light);
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -492,0 +641,0 @@ outline: none;

styles/tailwind3-lite.scss

@@ -5,4 +5,4 @@ @use 'ej2-base/styles/definition/tailwind3' as *;
 @use 'list-view/icons/tailwind3' as *;
-@use 'list-view/all' as *;
+@use 'list-view/all.tailwind3' as *;
 @use 'sortable/tailwind3-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.tailwind3' as *;

styles/tailwind3.css

@@ -84,2 +84,76 @@
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 /* stylelint-disable property-no-vendor-prefix */
@@ -304,2 +378,76 @@ .e-listview {
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 .e-listview {
@@ -489,2 +637,76 @@ border-color: var(--color-sf-border-light);
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 .e-bigger .e-listview .e-list-item,
@@ -601,2 +823,3 @@ .e-listview.e-bigger .e-list-item {
 /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-sortable {
@@ -603,0 +826,0 @@ outline: none;

styles/tailwind3.scss

@@ -5,5 +5,5 @@ @use 'ej2-base/styles/definition/tailwind3' as *;
 @use 'list-view/icons/tailwind3' as *;
-@use 'list-view/all' as *;
-@use 'list-view/bigger' as *;
+@use 'list-view/all.tailwind3' as *;
+@use 'list-view/bigger.tailwind3' as *;
 @use 'sortable/tailwind3-definition' as *;
-@use 'sortable/all' as *;
+@use 'sortable/all.tailwind3' as *;

styles/list-view/_theme-variables.scss

-@forward './_tailwind3-definition';

styles/sortable/_theme-variables.scss

-@forward './_tailwind3-definition';

New alerts

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3558629

1.04%

Number of package files

457

57.04%

Lines of code

49898

5.66%

Dependency changes

• Updated

  @syncfusion/ej2-base@~32.1.24

• Updated

  @syncfusion/ej2-buttons@~32.1.24

• Updated

  @syncfusion/ej2-data@~32.1.24

• Updated

  @syncfusion/ej2-popups@~32.1.24