@syncfusion/ej2-filemanager 33.2.13 → 34.1.31

package/styles/file-manager/bds.css

@@ -2,330 +2,6 @@
 
 
 
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable */
-.e-input:focus:not(.e-success):not(.e-warning).e-error,
-.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
-.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
-.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-input:focus:not(.e-error):not(.e-warning).e-success,
-.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
-.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
-.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-}
-
-.e-input:focus:not(.e-success):not(.e-error).e-warning,
-.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
-.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
-.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-}
-
-.e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-float-input.e-error label.e-float-text,
-.e-float-input.e-control-wrapper.e-error label.e-float-text,
-.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text {
-  color: var(--color-sf-utility-danger) !important;
-}
-
-.e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-input-group.e-error.e-valid-input label.e-label-top.e-float-text,
-.e-outline.e-float-input.e-bigger.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-error label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-input-group.e-error label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-control-wrapper.e-error label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text {
-  color: var(--color-sf-utility-danger) !important;
-}
-
-.e-filled.e-float-input.e-error label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text,
-.e-filled.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
-  color: var(--color-sf-utility-danger) !important;
-}
-
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable */
-.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
-  padding: 4px 8px !important;
-}
-
-.e-bigger .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
-  padding: 4px 0 !important;
-}
-
-.e-dialog .e-dlg-content {
-  border-radius: 12px !important;
-}
-
-.e-dlg-overlay {
-  backdrop-filter: blur(2px) !important;
-}
-
-/* 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 */
-.e-btn.e-primary:focus {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
-          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
-}
-
-.e-btn.e-success:focus {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-}
-
-.e-btn.e-info:focus {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
-          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
-}
-
-.e-btn.e-warning:focus {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-btn.e-danger:focus {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-btn.e-outline.e-info {
-  background: transparent !important;
-  border-color: var(--color-sf-utility-info-border-color) !important;
-  color: var(--color-sf-utility-info-text) !important;
-}
-
-.e-btn.e-outline.e-info:hover {
-  background: var(--color-sf-utility-info-bg-color-hover) !important;
-  border-color: var(--color-sf-utility-info-border-color) !important;
-  color: var(--color-sf-utility-info-text-hover) !important;
-}
-
-.e-btn.e-outline.e-info:active {
-  background: var(--color-sf-utility-info-bg-color-pressed) !important;
-  border-color: var(--color-sf-utility-info-border-color) !important;
-  color: var(--color-sf-utility-info-text-hover) !important;
-}
-
-.e-btn.e-flat.e-info {
-  color: var(--color-sf-utility-info-text) !important;
-}
-
-.e-bigger .e-btn,
-.e-bigger .e-btn,
-.e-bigger .e-css.e-btn,
-.e-bigger.e-css.e-btn {
-  font-size: 14px;
-  line-height: 1.572em;
-  padding: 8px 15px;
-  border-radius: 8px !important;
-  font-weight: 600;
-}
-
-.e-dropdown-popup {
-  position: absolute;
-  border-radius: 8px;
-  margin-top: 4px;
-}
-.e-dropdown-popup ul {
-  border: 1px solid var(--color-sf-border-secondary);
-  border-radius: 8px;
-  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
-          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  font-size: 14px;
-  font-weight: 500;
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  margin: 0;
-  min-width: 120px;
-  overflow: hidden;
-  padding: 4px 0;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  white-space: nowrap;
-}
-.e-dropdown-popup ul .e-item {
-  cursor: pointer;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  height: 32px;
-  line-height: 32px;
-  padding: 0 12px;
-  margin: 0 6px;
-  border-radius: 6px;
-}
-.e-dropdown-popup ul .e-item.e-url {
-  padding: 0;
-}
-
-/* stylelint-disable */
-.e-contextmenu-wrapper ul.e-contextmenu,
-.e-contextmenu-container ul.e-contextmenu {
-  padding: 4px 6px !important;
-}
-
-.e-contextmenu-wrapper ul .e-menu-item {
-  border-radius: 6px !important;
-}
-
-/*! TreeView's theme wise override definitions and variables */
-/* stylelint-disable */
-/* stylelint-disable */
-.e-dialog.e-checkboxfilter,
-.e-dialog.e-flmenu {
-  min-width: 300px !important;
-}
-
 /*! FileManager's bds theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
@@ -508,11 +184,6 @@
   content: "\e774";
 }
 
-
-
-
-
-/*! FileManager's bds theme wise override definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 ejs-filemanager {
   display: block;
@@ -693,14 +364,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;
 }
@@ -839,16 +510,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% - 35px);
 }
-.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;
 }
@@ -893,11 +564,13 @@ ejs-filemanager {
   width: 80px;
   overflow: hidden;
   padding: 2px;
-  border-radius: 4px;
 }
 .e-filemanager .e-large-icons .e-list-item.e-fe-drop-folder {
   border: 1px dashed var(--color-sf-brand-primary);
 }
+.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 {
   visibility: visible;
 }
@@ -985,6 +658,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-toolbar .e-fe-grid {
   display: inline-table;
   -webkit-transform: rotate(180deg);
@@ -1262,11 +940,6 @@ ejs-filemanager {
   clip: rect(1px, 1px, 1px, 1px);
 }
 
-
-
-
-
-/*! FileManager's bds theme wise override definitions and variables */
 .e-filemanager {
   background: transparent;
   border-color: var(--color-sf-border-secondary);
@@ -1427,17 +1100,6 @@ ejs-filemanager {
           box-shadow: none;
 }
 
-
-
-
-
-/*! FileManager's bds theme wise override definitions and variables */
-/* stylelint-disable property-no-vendor-prefix */
-
-
-
-
-/*! FileManager's bds 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,
@@ -1954,15 +1616,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: 14px;
 }
+.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/file-manager/bds.scss

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

package/styles/file-manager/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/file-manager/bootstrap-dark.scss

@@ -1,17 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap-dark' as *;
-@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 'bootstrap-dark-definition' as *;
 @use 'icons/bootstrap-dark' as *;
-@use 'all.bootstrap-dark' as *;
-@use 'bigger.bootstrap-dark' as *;
+@use 'all' as *;
+@use 'bigger' as *;