@syncfusion/ej2-filemanager 33.2.13 → 34.1.29

package/styles/fabric-dark-lite.css

@@ -1,47 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
-@-webkit-keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-/* stylelint-disable */
 /*! FileManager's fabric theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
@@ -220,7 +176,6 @@
   content: "\e614";
 }
 
-/*! FileManager's fabric theme wise override definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 ejs-filemanager {
   display: block;
@@ -398,14 +353,14 @@ ejs-filemanager {
 .e-filemanager .e-view-container .e-grid .e-gridcontent .e-emptyrow {
   display: table-row;
 }
-.e-filemanager .e-grid {
-  border-width: 0;
-  float: left;
-}
 .e-filemanager .e-grid .e-checkbox-wrapper .e-frame {
   border-width: 1px;
   line-height: 12px;
 }
+.e-filemanager .e-grid {
+  border-width: 0;
+  float: left;
+}
 .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
   margin-right: 1px;
 }
@@ -422,8 +377,6 @@ ejs-filemanager {
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell {
   height: 32px;
-  padding: 5px 8px;
-  line-height: 16px;
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-sortfilterdiv {
   margin-right: 0;
@@ -434,6 +387,10 @@ ejs-filemanager {
 .e-filemanager .e-grid .e-gridheader .e-headercell .e-rcursor {
   border: 0;
 }
+.e-filemanager .e-grid .e-gridheader .e-headercell {
+  padding: 5px 8px;
+  line-height: 16px;
+}
 .e-filemanager .e-grid .e-gridheader .e-checkbox-wrapper {
   visibility: hidden;
 }
@@ -559,16 +516,16 @@ ejs-filemanager {
 .e-filemanager.e-rtl .e-view-container .e-grid .e-gridheader {
   padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
+.e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame {
+  border-width: 1px;
+  line-height: 12px;
+}
 .e-filemanager .e-large-icons {
   float: left;
   overflow: auto;
   width: 100%;
   height: calc(100% - 34px);
 }
-.e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame {
-  border-width: 1px;
-  line-height: 12px;
-}
 .e-filemanager .e-large-icons .e-empty {
   min-width: 200px;
 }
@@ -967,7 +924,6 @@ ejs-filemanager {
   clip: rect(1px, 1px, 1px, 1px);
 }
 
-/*! FileManager's fabric theme wise override definitions and variables */
 .e-filemanager {
   background: #201f1f;
   border-color: #414040;

package/styles/fabric-dark-lite.scss

@@ -1,16 +1,3 @@
-@use 'ej2-base/styles/definition/fabric-dark' as *;
-@use 'ej2-inputs/styles/input/fabric-dark-definition' as *;
-@use 'ej2-inputs/styles/textbox/fabric-dark-definition' as *;
-@use 'ej2-inputs/styles/uploader/fabric-dark-definition' as *;
-@use 'ej2-popups/styles/dialog/fabric-dark-definition' as *;
-@use 'ej2-popups/styles/spinner/fabric-dark-definition' as *;
-@use 'ej2-buttons/styles/check-box/fabric-dark-definition' as *;
-@use 'ej2-splitbuttons/styles/drop-down-button/fabric-dark-definition' as *;
-@use 'ej2-navigations/styles/context-menu/fabric-dark-definition' as *;
-@use 'ej2-navigations/styles/treeview/fabric-dark-definition' as *;
-@use 'ej2-navigations/styles/toolbar/fabric-dark-definition' as *;
-@use 'ej2-layouts/styles/splitter/fabric-dark-definition' as *;
-@use 'ej2-grids/styles/grid/fabric-dark-definition' as *;
 @use 'file-manager/fabric-dark-definition' as *;
 @use 'file-manager/icons/fabric-dark' as *;
-@use 'file-manager/all.fabric-dark' as *;
+@use 'file-manager/all' as *;

package/styles/fabric-dark.css

@@ -1,47 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
-@-webkit-keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-/* stylelint-disable */
 /*! FileManager's fabric theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
@@ -220,7 +176,6 @@
   content: "\e614";
 }
 
-/*! FileManager's fabric theme wise override definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 ejs-filemanager {
   display: block;
@@ -398,14 +353,14 @@ ejs-filemanager {
 .e-filemanager .e-view-container .e-grid .e-gridcontent .e-emptyrow {
   display: table-row;
 }
-.e-filemanager .e-grid {
-  border-width: 0;
-  float: left;
-}
 .e-filemanager .e-grid .e-checkbox-wrapper .e-frame {
   border-width: 1px;
   line-height: 12px;
 }
+.e-filemanager .e-grid {
+  border-width: 0;
+  float: left;
+}
 .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
   margin-right: 1px;
 }
@@ -422,8 +377,6 @@ ejs-filemanager {
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell {
   height: 32px;
-  padding: 5px 8px;
-  line-height: 16px;
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-sortfilterdiv {
   margin-right: 0;
@@ -434,6 +387,10 @@ ejs-filemanager {
 .e-filemanager .e-grid .e-gridheader .e-headercell .e-rcursor {
   border: 0;
 }
+.e-filemanager .e-grid .e-gridheader .e-headercell {
+  padding: 5px 8px;
+  line-height: 16px;
+}
 .e-filemanager .e-grid .e-gridheader .e-checkbox-wrapper {
   visibility: hidden;
 }
@@ -559,16 +516,16 @@ ejs-filemanager {
 .e-filemanager.e-rtl .e-view-container .e-grid .e-gridheader {
   padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
+.e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame {
+  border-width: 1px;
+  line-height: 12px;
+}
 .e-filemanager .e-large-icons {
   float: left;
   overflow: auto;
   width: 100%;
   height: calc(100% - 34px);
 }
-.e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame {
-  border-width: 1px;
-  line-height: 12px;
-}
 .e-filemanager .e-large-icons .e-empty {
   min-width: 200px;
 }
@@ -967,7 +924,6 @@ ejs-filemanager {
   clip: rect(1px, 1px, 1px, 1px);
 }
 
-/*! FileManager's fabric theme wise override definitions and variables */
 .e-filemanager {
   background: #201f1f;
   border-color: #414040;
@@ -1116,9 +1072,6 @@ ejs-filemanager {
           box-shadow: none;
 }
 
-/*! FileManager's fabric theme wise override definitions and variables */
-/* stylelint-disable property-no-vendor-prefix */
-/*! FileManager's fabric theme wise override definitions and variables */
 .e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
 .e-filemanager.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
 .e-filemanager.e-fe-mobile .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
@@ -1607,15 +1560,15 @@ ejs-filemanager {
 .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
   margin-right: -10px;
 }
-.e-bigger .e-filemanager .e-large-icons,
-.e-filemanager.e-bigger .e-large-icons {
-  height: calc(100% - 40px);
-}
 .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
   border-width: 1px;
   line-height: 16px;
 }
+.e-bigger .e-filemanager .e-large-icons,
+.e-filemanager.e-bigger .e-large-icons {
+  height: calc(100% - 40px);
+}
 .e-bigger .e-filemanager .e-large-icons .e-list-parent,
 .e-filemanager.e-bigger .e-large-icons .e-list-parent {
   padding: 0 6px;

package/styles/fabric-dark.scss

@@ -1,17 +1,4 @@
-@use 'ej2-base/styles/definition/fabric-dark' as *;
-@use 'ej2-inputs/styles/input/fabric-dark-definition' as *;
-@use 'ej2-inputs/styles/textbox/fabric-dark-definition' as *;
-@use 'ej2-inputs/styles/uploader/fabric-dark-definition' as *;
-@use 'ej2-popups/styles/dialog/fabric-dark-definition' as *;
-@use 'ej2-popups/styles/spinner/fabric-dark-definition' as *;
-@use 'ej2-buttons/styles/check-box/fabric-dark-definition' as *;
-@use 'ej2-splitbuttons/styles/drop-down-button/fabric-dark-definition' as *;
-@use 'ej2-navigations/styles/context-menu/fabric-dark-definition' as *;
-@use 'ej2-navigations/styles/treeview/fabric-dark-definition' as *;
-@use 'ej2-navigations/styles/toolbar/fabric-dark-definition' as *;
-@use 'ej2-layouts/styles/splitter/fabric-dark-definition' as *;
-@use 'ej2-grids/styles/grid/fabric-dark-definition' as *;
 @use 'file-manager/fabric-dark-definition' as *;
 @use 'file-manager/icons/fabric-dark' as *;
-@use 'file-manager/all.fabric-dark' as *;
-@use 'file-manager/bigger.fabric-dark' as *;
+@use 'file-manager/all' as *;
+@use 'file-manager/bigger' as *;

package/styles/fabric-lite.css

@@ -1,48 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
-@-webkit-keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-/*! TreeView's fabric theme wise override definitions and variables */
-/* stylelint-disable */
 /*! FileManager's fabric theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
@@ -221,7 +176,6 @@
   content: "\e614";
 }
 
-/*! FileManager's fabric theme wise override definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 ejs-filemanager {
   display: block;
@@ -399,14 +353,14 @@ ejs-filemanager {
 .e-filemanager .e-view-container .e-grid .e-gridcontent .e-emptyrow {
   display: table-row;
 }
-.e-filemanager .e-grid {
-  border-width: 0;
-  float: left;
-}
 .e-filemanager .e-grid .e-checkbox-wrapper .e-frame {
   border-width: 1px;
   line-height: 12px;
 }
+.e-filemanager .e-grid {
+  border-width: 0;
+  float: left;
+}
 .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
   margin-right: 1px;
 }
@@ -423,8 +377,6 @@ ejs-filemanager {
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell {
   height: 32px;
-  padding: 5px 8px;
-  line-height: 16px;
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-sortfilterdiv {
   margin-right: 0;
@@ -435,6 +387,10 @@ ejs-filemanager {
 .e-filemanager .e-grid .e-gridheader .e-headercell .e-rcursor {
   border: 0;
 }
+.e-filemanager .e-grid .e-gridheader .e-headercell {
+  padding: 5px 8px;
+  line-height: 16px;
+}
 .e-filemanager .e-grid .e-gridheader .e-checkbox-wrapper {
   visibility: hidden;
 }
@@ -560,16 +516,16 @@ ejs-filemanager {
 .e-filemanager.e-rtl .e-view-container .e-grid .e-gridheader {
   padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
+.e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame {
+  border-width: 1px;
+  line-height: 12px;
+}
 .e-filemanager .e-large-icons {
   float: left;
   overflow: auto;
   width: 100%;
   height: calc(100% - 34px);
 }
-.e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame {
-  border-width: 1px;
-  line-height: 12px;
-}
 .e-filemanager .e-large-icons .e-empty {
   min-width: 200px;
 }
@@ -968,7 +924,6 @@ ejs-filemanager {
   clip: rect(1px, 1px, 1px, 1px);
 }
 
-/*! FileManager's fabric theme wise override definitions and variables */
 .e-filemanager {
   background: transparent;
   border-color: #e0e0e0;

package/styles/fabric-lite.scss

@@ -1,16 +1,3 @@
-@use 'ej2-base/styles/definition/fabric' as *;
-@use 'ej2-inputs/styles/input/fabric-definition' as *;
-@use 'ej2-inputs/styles/textbox/fabric-definition' as *;
-@use 'ej2-inputs/styles/uploader/fabric-definition' as *;
-@use 'ej2-popups/styles/dialog/fabric-definition' as *;
-@use 'ej2-popups/styles/spinner/fabric-definition' as *;
-@use 'ej2-buttons/styles/check-box/fabric-definition' as *;
-@use 'ej2-splitbuttons/styles/drop-down-button/fabric-definition' as *;
-@use 'ej2-navigations/styles/context-menu/fabric-definition' as *;
-@use 'ej2-navigations/styles/treeview/fabric-definition' as *;
-@use 'ej2-navigations/styles/toolbar/fabric-definition' as *;
-@use 'ej2-layouts/styles/splitter/fabric-definition' as *;
-@use 'ej2-grids/styles/grid/fabric-definition' as *;
 @use 'file-manager/fabric-definition' as *;
 @use 'file-manager/icons/fabric' as *;
-@use 'file-manager/all.fabric' as *;
+@use 'file-manager/all' as *;

package/styles/fabric.css

@@ -1,48 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
-@-webkit-keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-/*! TreeView's fabric theme wise override definitions and variables */
-/* stylelint-disable */
 /*! FileManager's fabric theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
@@ -221,7 +176,6 @@
   content: "\e614";
 }
 
-/*! FileManager's fabric theme wise override definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 ejs-filemanager {
   display: block;
@@ -399,14 +353,14 @@ ejs-filemanager {
 .e-filemanager .e-view-container .e-grid .e-gridcontent .e-emptyrow {
   display: table-row;
 }
-.e-filemanager .e-grid {
-  border-width: 0;
-  float: left;
-}
 .e-filemanager .e-grid .e-checkbox-wrapper .e-frame {
   border-width: 1px;
   line-height: 12px;
 }
+.e-filemanager .e-grid {
+  border-width: 0;
+  float: left;
+}
 .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
   margin-right: 1px;
 }
@@ -423,8 +377,6 @@ ejs-filemanager {
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell {
   height: 32px;
-  padding: 5px 8px;
-  line-height: 16px;
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-sortfilterdiv {
   margin-right: 0;
@@ -435,6 +387,10 @@ ejs-filemanager {
 .e-filemanager .e-grid .e-gridheader .e-headercell .e-rcursor {
   border: 0;
 }
+.e-filemanager .e-grid .e-gridheader .e-headercell {
+  padding: 5px 8px;
+  line-height: 16px;
+}
 .e-filemanager .e-grid .e-gridheader .e-checkbox-wrapper {
   visibility: hidden;
 }
@@ -560,16 +516,16 @@ ejs-filemanager {
 .e-filemanager.e-rtl .e-view-container .e-grid .e-gridheader {
   padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
+.e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame {
+  border-width: 1px;
+  line-height: 12px;
+}
 .e-filemanager .e-large-icons {
   float: left;
   overflow: auto;
   width: 100%;
   height: calc(100% - 34px);
 }
-.e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame {
-  border-width: 1px;
-  line-height: 12px;
-}
 .e-filemanager .e-large-icons .e-empty {
   min-width: 200px;
 }
@@ -968,7 +924,6 @@ ejs-filemanager {
   clip: rect(1px, 1px, 1px, 1px);
 }
 
-/*! FileManager's fabric theme wise override definitions and variables */
 .e-filemanager {
   background: transparent;
   border-color: #e0e0e0;
@@ -1116,9 +1071,6 @@ ejs-filemanager {
           box-shadow: none;
 }
 
-/*! FileManager's fabric theme wise override definitions and variables */
-/* stylelint-disable property-no-vendor-prefix */
-/*! FileManager's fabric theme wise override definitions and variables */
 .e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
 .e-filemanager.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
 .e-filemanager.e-fe-mobile .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
@@ -1607,15 +1559,15 @@ ejs-filemanager {
 .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
   margin-right: -10px;
 }
-.e-bigger .e-filemanager .e-large-icons,
-.e-filemanager.e-bigger .e-large-icons {
-  height: calc(100% - 40px);
-}
 .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
   border-width: 1px;
   line-height: 16px;
 }
+.e-bigger .e-filemanager .e-large-icons,
+.e-filemanager.e-bigger .e-large-icons {
+  height: calc(100% - 40px);
+}
 .e-bigger .e-filemanager .e-large-icons .e-list-parent,
 .e-filemanager.e-bigger .e-large-icons .e-list-parent {
   padding: 0 6px;

package/styles/fabric.scss

@@ -1,17 +1,4 @@
-@use 'ej2-base/styles/definition/fabric' as *;
-@use 'ej2-inputs/styles/input/fabric-definition' as *;
-@use 'ej2-inputs/styles/textbox/fabric-definition' as *;
-@use 'ej2-inputs/styles/uploader/fabric-definition' as *;
-@use 'ej2-popups/styles/dialog/fabric-definition' as *;
-@use 'ej2-popups/styles/spinner/fabric-definition' as *;
-@use 'ej2-buttons/styles/check-box/fabric-definition' as *;
-@use 'ej2-splitbuttons/styles/drop-down-button/fabric-definition' as *;
-@use 'ej2-navigations/styles/context-menu/fabric-definition' as *;
-@use 'ej2-navigations/styles/treeview/fabric-definition' as *;
-@use 'ej2-navigations/styles/toolbar/fabric-definition' as *;
-@use 'ej2-layouts/styles/splitter/fabric-definition' as *;
-@use 'ej2-grids/styles/grid/fabric-definition' as *;
 @use 'file-manager/fabric-definition' as *;
 @use 'file-manager/icons/fabric' as *;
-@use 'file-manager/all.fabric' as *;
-@use 'file-manager/bigger.fabric' as *;
+@use 'file-manager/all' as *;
+@use 'file-manager/bigger' as *;

package/styles/file-manager/_all.scss

@@ -1,2 +1,2 @@
-@use 'layout' as *;
-@use 'theme' as *;
+@forward 'layout';
+@forward 'theme';

package/styles/file-manager/_bds-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bds' as *;
-@forward 'ej2-base/styles/definition/bds';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /*! FileManager's bds theme wise override definitions and variables */
 $fm-skin-name: $skin-name !default;

package/styles/file-manager/_bigger.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
 @mixin visibility($value) {
   .e-checkbox-wrapper {
     visibility: $value;
@@ -19,6 +19,13 @@
   width: $width;
 }
 
+@mixin empty-content($font-size, $margin, $padding, $text-align) {
+  font-size: $font-size;
+  margin: $margin;
+  padding: $padding;
+  text-align: $text-align;
+}
+
 @mixin checkbox($value) {
   .e-checkbox-wrapper .e-frame {
     border-width: $fe-checkbox-wrapper-border-width;
@@ -632,7 +639,12 @@
     }
 
     .e-fe-splitter {
-      height: calc(#{$fe-full-height} - #{if($fm-skin-name == 'Material3' or $fm-skin-name == 'fluent2', $fe-big-tb-height + 1px, $fe-big-tb-height)});
+      @if ($fm-skin-name == 'Material3') or ($fm-skin-name == 'fluent2') {
+        height: calc(#{$fe-full-height} - #{$fe-big-tb-height + 1px});
+      }
+      @else {
+        height: calc(#{$fe-full-height} - #{$fe-big-tb-height});
+      }
     }
 
     .e-view-container .e-fe-grid-container {

package/styles/file-manager/_bootstrap-dark-definition.scss

@@ -1,6 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/bootstrap-dark' as *;
-@forward 'ej2-base/styles/definition/bootstrap-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /*! FileManager's bootstrap theme wise override definitions and variables */
 $fm-skin-name: 'bootstrap-dark' !default;

package/styles/file-manager/_bootstrap-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap' as *;
-@forward 'ej2-base/styles/definition/bootstrap';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /*! FileManager's bootstrap theme wise override definitions and variables */
 $fm-skin-name: 'bootstrap' !default;