@syncfusion/ej2-filemanager 33.2.13 → 34.1.31

package/styles/bootstrap-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 bootstrap theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
@@ -224,7 +180,6 @@
   content: "\e614";
 }
 
-/*! FileManager's bootstrap theme wise override definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 ejs-filemanager {
   display: block;
@@ -402,14 +357,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;
 }
@@ -559,16 +514,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;
 }
@@ -611,6 +566,8 @@ ejs-filemanager {
   width: 80px;
   overflow: hidden;
   padding: 2px;
+}
+.e-filemanager .e-large-icons .e-list-item {
   border-radius: 4px;
 }
 .e-filemanager .e-large-icons .e-list-item.e-active .e-checkbox-wrapper, .e-filemanager .e-large-icons .e-list-item.e-hover .e-checkbox-wrapper, .e-filemanager .e-large-icons .e-list-item:hover .e-checkbox-wrapper {
@@ -703,6 +660,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }
@@ -969,7 +931,6 @@ ejs-filemanager {
   clip: rect(1px, 1px, 1px, 1px);
 }
 
-/*! FileManager's bootstrap theme wise override definitions and variables */
 .e-filemanager {
   background: #1a1a1a;
   border-color: #505050;
@@ -979,6 +940,8 @@ ejs-filemanager {
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active {
   border: 1px solid #6e6e6e;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active {
   background: #313131;
   border-color: #6e6e6e;
 }
@@ -989,6 +952,8 @@ ejs-filemanager {
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
   border: 1px solid #6e6e6e;
+}
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
   background: #313131;
   border-color: #6e6e6e;
 }
@@ -1135,9 +1100,6 @@ ejs-filemanager {
           box-shadow: none;
 }
 
-/*! FileManager's bootstrap theme wise override definitions and variables */
-/* stylelint-disable property-no-vendor-prefix */
-/*! FileManager's bootstrap 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,
@@ -1626,15 +1588,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: 17px;
 }
+.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/bootstrap-dark.scss

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

package/styles/bootstrap-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 bootstrap theme wise override definitions and variables */
-/* stylelint-disable */
 /*! FileManager's bootstrap theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
@@ -225,7 +180,6 @@
   content: "\e614";
 }
 
-/*! FileManager's bootstrap theme wise override definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 ejs-filemanager {
   display: block;
@@ -403,14 +357,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;
 }
@@ -560,16 +514,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;
 }
@@ -703,6 +657,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }
@@ -969,7 +928,6 @@ ejs-filemanager {
   clip: rect(1px, 1px, 1px, 1px);
 }
 
-/*! FileManager's bootstrap theme wise override definitions and variables */
 .e-filemanager {
   background: transparent;
   border-color: #e0e0e0;

package/styles/bootstrap-lite.scss

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

package/styles/bootstrap.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 bootstrap theme wise override definitions and variables */
-/* stylelint-disable */
 /*! FileManager's bootstrap theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
@@ -225,7 +180,6 @@
   content: "\e614";
 }
 
-/*! FileManager's bootstrap theme wise override definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 ejs-filemanager {
   display: block;
@@ -403,14 +357,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;
 }
@@ -560,16 +514,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;
 }
@@ -703,6 +657,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }
@@ -969,7 +928,6 @@ ejs-filemanager {
   clip: rect(1px, 1px, 1px, 1px);
 }
 
-/*! FileManager's bootstrap theme wise override definitions and variables */
 .e-filemanager {
   background: transparent;
   border-color: #e0e0e0;
@@ -1117,9 +1075,6 @@ ejs-filemanager {
           box-shadow: none;
 }
 
-/*! FileManager's bootstrap theme wise override definitions and variables */
-/* stylelint-disable property-no-vendor-prefix */
-/*! FileManager's bootstrap 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,
@@ -1608,15 +1563,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/bootstrap.scss

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

package/styles/bootstrap4-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 bootstrap theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
@@ -224,7 +180,6 @@
   content: "\e718";
 }
 
-/*! FileManager's bootstrap theme wise override definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 ejs-filemanager {
   display: block;
@@ -402,14 +357,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: 10px;
 }
+.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;
 }
@@ -559,16 +514,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: 10px;
+}
 .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: 10px;
-}
 .e-filemanager .e-large-icons .e-empty {
   min-width: 200px;
 }
@@ -611,6 +566,8 @@ ejs-filemanager {
   width: 80px;
   overflow: hidden;
   padding: 2px;
+}
+.e-filemanager .e-large-icons .e-list-item {
   border-radius: 4px;
 }
 .e-filemanager .e-large-icons .e-list-item.e-active .e-checkbox-wrapper, .e-filemanager .e-large-icons .e-list-item.e-hover .e-checkbox-wrapper, .e-filemanager .e-large-icons .e-list-item:hover .e-checkbox-wrapper {
@@ -703,6 +660,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }
@@ -969,7 +931,6 @@ ejs-filemanager {
   clip: rect(1px, 1px, 1px, 1px);
 }
 
-/*! FileManager's bootstrap theme wise override definitions and variables */
 .e-filemanager {
   background: #fff;
   border-color: #dee2e6;
@@ -977,19 +938,15 @@ ejs-filemanager {
 .e-filemanager .e-toolbar {
   border-bottom-color: #dee2e6;
 }
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active {
-  background: #6c757d;
-  border-color: #6c757d;
-}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active .e-btn-icon,
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active .e-tbar-btn-text {
   color: #fff;
 }
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover {
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active {
   background: #6c757d;
   border-color: #6c757d;
 }
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover {
   background: #6c757d;
   border-color: #6c757d;
 }
@@ -997,6 +954,10 @@ ejs-filemanager {
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus .e-tbar-btn-text {
   color: #fff;
 }
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
+  background: #6c757d;
+  border-color: #6c757d;
+}
 .e-filemanager .e-address {
   border-bottom-color: #dee2e6;
 }

package/styles/bootstrap4-lite.scss

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