@syncfusion/ej2-filemanager 19.4.47 → 19.4.50-117124

package/styles/file-manager/_all.scss

@@ -1,2 +1,2 @@
-@import 'layout.scss';
+@import 'layout.scss';
 @import 'theme.scss';

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

@@ -44,7 +44,7 @@ $fe-checkbox-bg-color: $gray-base !default;
 $fe-drop-border-color: $brand-primary !default;
 $fe-up-list-border-color: $brand-primary !default;
 $fe-clone-bg-color: $gray-light !default;
-$fe-clone-border-color: $grey-99 !default ;
+$fe-clone-border-color: $grey-99 !default;
 $fe-clone-count-border-color: $grey-base !default;
 $fe-clone-count-font-color: $brand-primary-font !default;
 $fe-clone-count-bg-color: $brand-primary !default;

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

@@ -44,7 +44,7 @@ $fe-checkbox-bg-color: $grey-white !default;
 $fe-drop-border-color: $brand-primary !default;
 $fe-up-list-border-color: $grey-dd !default;
 $fe-clone-bg-color: $grey-white !default;
-$fe-clone-border-color: none !default ;
+$fe-clone-border-color: none !default;
 $fe-clone-count-border-color: $brand-primary !default;
 $fe-clone-count-font-color: $grey-white !default;
 $fe-clone-count-bg-color: $brand-primary !default;

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

@@ -46,7 +46,7 @@ $fe-checkbox-bg-color: $content-bg !default;
 $fe-drop-border-color: $primary !default;
 $fe-up-list-border-color: $gray-300 !default;
 $fe-clone-bg-color: $white !default;
-$fe-clone-border-color: none !default ;
+$fe-clone-border-color: none !default;
 $fe-clone-count-border-color: $primary !default;
 $fe-clone-count-font-color: $white !default;
 $fe-clone-count-bg-color: $primary !default;

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

@@ -28,7 +28,7 @@ $fe-search-icon-margin: 5px !default;
 $fe-search-clear-icon-padding: 0 !default;
 $fe-search-input-margin: 0 0 0 29px !default;
 $fe-bc-margin: 0 !default;
-$fe-bc-padding: 8px 12px 8px 18px !default;
+$fe-bc-padding: 8px 16px 8px !default;
 $fe-rtl-bc-padding: 8px 18px 8px 12px !default;
 $fe-bc-text-padding: 4px 4px 5px !default;
 $fe-bc-text-size: 18px !default;
@@ -167,7 +167,7 @@ $fe-grid-empty-min-width: 200px !default;
 
 $fe-grid-empty-content-font-size: $text-base !default;
 $fe-grid-empty-content-margin: 0 auto !default;
-$fe-grid-empty-content-padding: 18px 0 8px 0  !default;
+$fe-grid-empty-content-padding: 18px 0 8px 0 !default;
 $fe-grid-empty-content-text-align: center !default;
 
 $fe-grid-empty-icon-height: 82px !default;
@@ -230,7 +230,7 @@ $fe-checkbox-bg-color: $primary-text-color !default;
 $fe-drop-border-color: $primary !default;
 $fe-up-list-border-color: $border-light !default;
 $fe-clone-bg-color: $content-bg-color-alt3 !default;
-$fe-clone-border-color: none !default ;
+$fe-clone-border-color: none !default;
 $fe-clone-count-border-color: $primary-text-color !default;
 $fe-clone-count-font-color: $primary-text-color !default;
 $fe-clone-count-bg-color: $primary !default;

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

@@ -42,7 +42,7 @@ $fe-checkbox-bg-color: $theme-primary !default;
 $fe-drop-border-color: $grey-dark-font !default;
 $fe-up-list-border-color: $neutral-light !default;
 $fe-clone-bg-color: $neutral-quintenary !default;
-$fe-clone-border-color: $neutral-light !default ;
+$fe-clone-border-color: $neutral-light !default;
 $fe-clone-count-border-color: $theme-primary !default;
 $fe-clone-count-font-color: $theme-dark-font !default;
 $fe-clone-count-bg-color: $theme-primary !default;

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

@@ -44,7 +44,7 @@ $fe-checkbox-bg-color: $theme-primary !default;
 $fe-drop-border-color: $theme-primary !default;
 $fe-up-list-border-color: $neutral-quintenaryalt !default;
 $fe-clone-bg-color: $neutral-white !default;
-$fe-clone-border-color: none !default ;
+$fe-clone-border-color: none !default;
 $fe-clone-count-border-color: $theme-primary !default;
 $fe-clone-count-font-color: $theme-primary-font !default;
 $fe-clone-count-bg-color: $theme-primary !default;

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

@@ -0,0 +1 @@
+@import './fluent-definition.scss';

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

@@ -13,7 +13,6 @@ $fe-grid-row-fc-ie-box-shadow: inset 1px 1px 0 0 #66afe9, inset 1px -1px 0 0 #66
 $fe-grid-row-lc-ie-box-shadow: inset -1px 1px 0 0 #66afe9, inset -1px -1px 0 0 #66afe9 !default;
 $fe-img-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .05) !default;
 
-
 $fe-big-bc-font-size: $text-sm !default;
 $fe-big-bc-icon-font-size: 10px !default;
 $fe-big-lg-text-font-size: $text-sm !default;
@@ -31,7 +30,7 @@ $fe-tb-ddb-caret-size: 8px !default;
 $fe-upload-overlay-border: 2px !default;
 $fe-search-padding: 4px 8px 5px 0 !default;
 $fe-search-height: 32px !default;
-$fe-search-icon-margin: 5px !default;
+$fe-search-icon-margin: 4px !default;
 $fe-search-clear-icon-margin: 10px !default;
 $fe-search-clear-icon-padding: 0 !default;
 $fe-search-input-margin: 0 0 0 38px !default;
@@ -50,7 +49,7 @@ $fe-dg-td-padding: 4px 24px 4px 0 !default;
 $fe-dg-rtl-td-padding: 8px 0 8px 24px !default;
 $fe-grid-header-height: 36px !default;
 $fe-grid-header-font-size: 14px !default;
-$fe-grid-header-cb-padding-left: 12px !default;
+$fe-grid-header-cb-padding-left: 5px !default;
 $fe-grid-content-font-size: 14px !default;
 $fe-grid-content-name-font-size: 14px !default;
 $fe-grid-icon-sort-margin: 0 !default;
@@ -68,7 +67,7 @@ $fe-lg-icon-margin: 18px 25px 8px !default;
 $fe-lg-img-height: 40px !default;
 $fe-lg-text-padding: 2px 0 0 0 !default;
 $fe-cm-separator-margin: 0 0 !default;
-$fe-cb-line-height: 12px !default;
+$fe-cb-line-height: 16px !default;
 $fe-dd-popup-blank-icon-padding-left: 40px !default;
 $fe-tv-fullrow-height: 38px !default;
 $fe-address-height: 40px !default;
@@ -97,13 +96,13 @@ $fe-big-lg-item-inner-height: 100px !default;
 $fe-big-lg-item-inner-width: 94px !default;
 $fe-big-lg-icon-height: 52px !default;
 $fe-big-lg-icon-width: 52px !default;
-$fe-big-lg-icon-margin: 11px auto !default;
+$fe-big-lg-icon-margin: 0 auto !default;
 $fe-big-lg-img-height: 79px !default;
 $fe-big-lg-text-padding: 4px 2px 2px !default;
 $fe-big-grid-header-font-size: 14px !default;
 $fe-big-grid-content-font-size: 14px !default;
 $fe-big-grid-content-name-font-size: 16px !default;
-$fe-big-cb-line-height: 14px !default;
+$fe-big-cb-line-height: 21px !default;
 
 $fe-rtl-grid-icon-margin: 0 0 0 8px !default;
 
@@ -175,7 +174,7 @@ $fe-grid-empty-min-width: 200px !default;
 
 $fe-grid-empty-content-font-size: $text-sm !default;
 $fe-grid-empty-content-margin: 0 auto !default;
-$fe-grid-empty-content-padding: 8px 0 8px 0  !default;
+$fe-grid-empty-content-padding: 8px 0 8px 0 !default;
 $fe-grid-empty-content-text-align: center !default;
 
 $fe-grid-empty-icon-height: 52px !default;
@@ -208,6 +207,7 @@ $fe-bc-icon-padding: 5px !default;
 
 // color variables
 $fe-border-color: $border-light !default;
+$fe-search-border-color: $gray90 !default;
 $fe-background: transparent;
 $fe-icon-color: $icon-color !default;
 $fe-label-color: $content-text-color-alt2 !default;
@@ -233,12 +233,12 @@ $fe-search-bg-color: $content-bg-color !default;
 $fe-tb-hover-border-color: $secondary-border-color-hover !default;
 $fe-tb-focus-border-color: $fe-tb-hover-border-color !default;
 $fe-tb-focus-bg: $secondary-bg-color-hover !default;
-$fe-checkbox-color: $primary !default;
-$fe-checkbox-bg-color: $primary-text-color !default;
+$fe-checkbox-color: $primary-text-color !default;
+$fe-checkbox-bg-color: $primary !default;
 $fe-drop-border-color: $primary !default;
 $fe-up-list-border-color: $border-light !default;
 $fe-clone-bg-color: $content-bg-color-alt2 !default;
-$fe-clone-border-color: none !default ;
+$fe-clone-border-color: none !default;
 $fe-clone-count-border-color: $primary-text-color !default;
 $fe-clone-count-font-color: $primary-text-color !default;
 $fe-clone-count-bg-color: $primary !default;

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

@@ -0,0 +1,237 @@
+/*! FileManager's tailwind theme wise override definitions and variables */
+//layout variables
+$fm-skin-name: $skin-name !default;
+$fe-bc-font-size: $text-xs !default;
+$fe-bc-icon-font-size: 8px !default;
+$fe-dg-td-font-size: $text-sm !default;
+$fe-lg-text-font-size: $text-xs !default;
+$fe-ddl-icon-font-size: $text-sm !default;
+
+$fe-big-bc-font-size: $text-sm !default;
+$fe-big-bc-icon-font-size: 10px !default;
+$fe-big-lg-text-font-size: $text-sm !default;
+$fe-big-dg-header-font-size: 21px !default;
+$fe-big-dg-td-font-size: 15px !default;
+
+$fe-clone-box-shadow: $shadow !default;
+$fe-clone-border: none !default;
+$fe-tb-ddb-icon-padding: 0 !default;
+$fe-tb-ddb-height: calc(100% - 10px) !default;
+$fe-tb-ddb-btn-hvr-padding: 0 !default;
+$fe-tb-ddb-btn-padding: 0 !default;
+$fe-tb-ddb-border: 0 !default;
+$fe-tb-ddb-caret-size: 8px !default;
+$fe-upload-overlay-border: 2px !default;
+$fe-search-padding: 3px 12px 2px 0 !default;
+$fe-search-height: 29px !default;
+$fe-search-icon-margin: 5px !default;
+$fe-search-clear-icon-padding: 0 !default;
+$fe-search-input-margin: 0 0 0 29px !default;
+$fe-bc-margin: 0 !default;
+$fe-bc-padding: 8px 16px 8px !default;
+$fe-rtl-bc-padding: 8px 18px 8px 12px !default;
+$fe-bc-text-padding: 4px 4px 5px !default;
+$fe-bc-text-size: 18px !default;
+$fe-bc-icon-margin: 0 4px !default;
+$fe-bc-search-border-bottom: 1px !default;
+$fe-bc-submenu-height: 26px !default;
+$fe-bc-li-text-decoration: none;
+$fe-grid-icon-size: 20px !default;
+$fe-grid-icon-margin: 0 !default;
+$fe-dg-td-padding: 4px 24px 4px 0 !default;
+$fe-dg-rtl-td-padding: 8px 0 8px 24px !default;
+$fe-grid-header-height: 32px !default;
+$fe-grid-header-font-size: 10px !default;
+$fe-grid-header-cb-padding-left: 12px !default;
+$fe-grid-content-font-size: 12px !default;
+$fe-grid-content-name-font-size: 14px !default;
+$fe-grid-icon-sort-margin: 0 !default;
+$fe-lg-margin: 0 !default;
+$fe-lg-padding: 0 4px !default;
+$fe-lg-item-height: 85px !default;
+$fe-lg-item-width: 80px !default;
+$fe-lg-item-margin: 8px 4px !default;
+$fe-lg-item-padding: 2px !default;
+$fe-lg-item-inner-height: 79px !default;
+$fe-lg-item-inner-width: 74px !default;
+$fe-lg-icon-height: 40px !default;
+$fe-lg-icon-width: 40px !default;
+$fe-lg-icon-margin: 10px auto !default;
+$fe-lg-img-height: 62px !default;
+$fe-lg-text-padding: 2px 0 0 0 !default;
+$fe-cm-separator-margin: 0 0 !default;
+$fe-cb-line-height: 12px !default;
+$fe-dd-popup-blank-icon-padding-left: 40px !default;
+$fe-tv-fullrow-height: 34px !default;
+$fe-address-height: 35px !default;
+$fe-tv-node-height: 32px !default;
+
+$fe-big-tv-fullrow-height: 40px !default;
+$fe-big-address-height: 40px !default;
+$fe-big-tv-node-height: 38px !default;
+$fe-big-tb-ddb-btn-hvr-padding: 0 6px !default;
+$fe-big-tb-ddb-btn-padding: 0 6px !default;
+$fe-big-search-padding: 4px 10px 0 16px !default;
+$fe-big-search-height: 30px !default;
+$fe-big-bc-padding: 6px 12px !default;
+$fe-big-bc-text-size: 28px !default;
+$fe-big-bc-text-padding: 5px 4px !default;
+$fe-big-bc-li-item-height: 28px !default;
+$fe-big-bc-submenu-height: 27px !default;
+$fe-big-grid-icon-margin: 0 12px 0 0 !default;
+$fe-big-grid-header-height: 36px !default;
+$fe-big-dg-td-padding: 8px 30px 8px 0 !default;
+$fe-big-lg-padding: 0 6px !default;
+$fe-big-lg-item-height: 106px !default;
+$fe-big-lg-item-width: 100px !default;
+$fe-big-lg-item-margin: 12px 6px !default;
+$fe-big-lg-item-inner-height: 100px !default;
+$fe-big-lg-item-inner-width: 94px !default;
+$fe-big-lg-icon-height: 52px !default;
+$fe-big-lg-icon-width: 52px !default;
+$fe-big-lg-icon-margin: 11px auto !default;
+$fe-big-lg-img-height: 79px !default;
+$fe-big-lg-text-padding: 4px 2px 2px !default;
+$fe-big-grid-header-font-size: 14px !default;
+$fe-big-grid-content-font-size: 14px !default;
+$fe-big-grid-content-name-font-size: 16px !default;
+$fe-big-cb-line-height: 14px !default;
+
+$fe-rtl-grid-icon-margin: 0 0 0 8px !default;
+
+$fe-mobile-lg-item-height: 155px !default;
+$fe-mobile-lg-item-width: 155px !default;
+$fe-mobile-lg-item-margin: 8px 8px !default;
+$fe-mobile-lg-item-inner-width: 110px !default;
+$fe-mobile-lg-icon-height: 110px !default;
+$fe-mobile-lg-icon-width: 110px !default;
+$fe-mobile-lg-icon-margin: 11px auto 0 !default;
+$fe-mobile-lg-img-height: 110px !default;
+$fe-mobile-grid-icon-size: 35px !default;
+$fe-mobile-icon-font-size: 20px !default;
+$fe-mobile-newfolder-padding-top: 0 !default;
+$fe-mobile-upload-padding-left: 0 !default;
+$fe-mobile-sort-padding-top: 3px !default;
+$fe-mobile-refresh-padding-top: 3px !default;
+$fe-mobile-select-padding-top: 2px !default;
+$fe-mobile-large-padding: 4px 0 0 2px !default;
+$fe-mobile-grid-padding: 4px 2px 0 2px !default;
+$fe-mobile-details-padding-top: 3px !default;
+$fe-mobile-delete-padding-left: 4px !default;
+$fe-mobile-rename-padding-left: 2px !default;
+$fe-mobile-rename-padding-top: 3px !default;
+$fe-mobile-download-padding-left: 4px !default;
+$fe-mobile-cut-padding-left: 2px !default;
+$fe-mobile-cut-padding-top: 1px !default;
+$fe-mobile-copy-padding-left: 4px !default;
+$fe-mobile-search-height: 40px !default;
+$fe-mobile-lg-item-minwidth: 140px !default;
+$fe-mobile-lg-item-width-two: calc(50% - 17px) !default;
+$fe-mobile-lg-item-width-three: calc(33.33% - 17px) !default;
+
+$fe-big-lg-icon-empty-min-width: 300px !default;
+
+$fe-big-lg-icon-empty-content-font-size: 22px !default;
+$fe-big-lg-icon-empty-content-margin: 0 auto !default;
+$fe-big-lg-icon-empty-content-padding: 12px !default;
+$fe-big-lg-icon-empty-content-text-align: center !default;
+
+$fe-big-lg-icon-empty-icon-height: 92px !default;
+$fe-big-lg-icon-empty-icon-margin: 0 auto !default;
+$fe-big-lg-icon-empty-icon-width: 92px !default;
+
+$fe-big-lg-icon-empty-inner-content-font-size: 14px !default;
+$fe-big-lg-icon-empty-inner-content-margin: 0 auto !default;
+$fe-big-lg-icon-empty-inner-content-opacity: .5 !default;
+$fe-big-lg-icon-empty-inner-content-padding: 4px !default;
+$fe-big-lg-icon-empty-inner-content-text-align: center !default;
+
+$fe-big-grid-empty-min-width: 300px !default;
+
+$fe-big-grid-empty-content-font-size: 22px !default;
+$fe-big-grid-empty-content-margin: 0 auto !default;
+$fe-big-grid-empty-content-padding: 12px !default;
+$fe-big-grid-empty-content-text-align: center !default;
+
+$fe-big-grid-empty-icon-height: 92px !default;
+$fe-big-grid-empty-icon-margin: 0 auto !default;
+$fe-big-grid-empty-icon-width: 92px !default;
+
+$fe-big-grid-empty-inner-content-font-size: 14px !default;
+$fe-big-grid-empty-inner-content-margin: 0 auto !default;
+$fe-big-grid-empty-inner-content-opacity: .5 !default;
+$fe-big-grid-empty-inner-content-padding: 6px !default;
+$fe-big-grid-empty-inner-content-text-align: center !default;
+
+$fe-grid-empty-min-width: 200px !default;
+
+$fe-grid-empty-content-font-size: $text-base !default;
+$fe-grid-empty-content-margin: 0 auto !default;
+$fe-grid-empty-content-padding: 18px 0 8px 0 !default;
+$fe-grid-empty-content-text-align: center !default;
+
+$fe-grid-empty-icon-height: 82px !default;
+$fe-grid-empty-icon-margin: 0 auto !default;
+$fe-grid-empty-icon-width: 82px !default;
+
+$fe-grid-empty-inner-content-font-size: $text-sm !default;
+$fe-grid-empty-inner-content-margin: 0 auto !default;
+$fe-grid-empty-inner-content-opacity: .5 !default;
+$fe-grid-empty-inner-content-padding: 0 !default;
+$fe-grid-empty-inner-content-text-align: center !default;
+
+$fe-lg-icon-empty-min-width: 200px !default;
+
+$fe-lg-icon-empty-content-font-size: $text-base !default;
+$fe-lg-icon-empty-content-margin: 0 auto !default;
+$fe-lg-icon-empty-content-padding: 18px 0 8px 0 !default;
+$fe-lg-icon-empty-content-text-align: center !default;
+
+$fe-lg-icon-empty-icon-height: 82px !default;
+$fe-lg-icon-empty-icon-margin: 0 auto !default;
+$fe-lg-icon-empty-icon-width: 82px !default;
+
+$fe-lg-icon-empty-inner-content-font-size: $text-sm !default;
+$fe-lg-icon-empty-inner-content-margin: 0 auto !default;
+$fe-lg-icon-empty-inner-content-padding: 0 !default;
+$fe-lg-icon-empty-inner-content-text-align: center !default;
+
+$fe-bc-icon-padding: 5px !default;
+
+// color variables
+$fe-border-color: $border-light !default;
+$fe-background: transparent;
+$fe-icon-color: $icon-color !default;
+$fe-label-color: $content-text-color-alt2 !default;
+$fe-text-color: $content-text-color !default;
+$fe-active-border-color: $content-bg-color-selected !default;
+$fe-tb-active-color: $secondary-text-color !default;
+$fe-active-bg-color: $content-bg-color-selected !default;
+$fe-active-font-color: $secondary-text-color !default;
+$fe-hover-border-color: $content-bg-color-hover !default;
+$fe-hover-bg-color: $content-bg-color-hover !default;
+$fe-ah-border-color: $content-bg-color-selected !default;
+$fe-ah-bg-color: $content-bg-color-selected !default;
+$fe-focus-border-color: $border-light !default;
+$fe-bc-color: $content-text-color-alt1 !default;
+$fe-bc-link-color: $content-text-color-alt2 !default;
+$fe-bc-hover-bg-color: $content-bg-color-alt2 !default;
+$fe-bc-hover-font-color: $content-text-color !default;
+$fe-grid-header-bg-color: $content-bg-color-alt1 !default;
+$fe-ddl-icon-color: $icon-color !default;
+$fe-error-color: $danger !default;
+$fe-img-border-color: $border-light !default;
+$fe-search-bg-color: $content-bg-color !default;
+$fe-tb-hover-border-color: $secondary-border-color-hover !default;
+$fe-tb-focus-border-color: $fe-tb-hover-border-color !default;
+$fe-tb-focus-bg: $secondary-bg-color-hover !default;
+$fe-checkbox-color: $primary !default;
+$fe-checkbox-bg-color: $primary-text-color !default;
+$fe-drop-border-color: $primary !default;
+$fe-up-list-border-color: $border-light !default;
+$fe-clone-bg-color: $content-bg-color-alt3 !default;
+$fe-clone-border-color: none !default;
+$fe-clone-count-border-color: $primary-text-color !default;
+$fe-clone-count-font-color: $primary-text-color !default;
+$fe-clone-count-bg-color: $primary !default;
+$fe-drop-folder-bg-color: $primary !default;

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

@@ -44,7 +44,7 @@ $fe-checkbox-bg-color: $bg-base-0 !default;
 $fe-drop-border-color: $selection-bg !default;
 $fe-up-list-border-color: $border-default !default;
 $fe-clone-bg-color: $selection-bg !default;
-$fe-clone-border-color: none !default ;
+$fe-clone-border-color: none !default;
 $fe-clone-count-border-color: $content-font !default;
 $fe-clone-count-font-color: $content-font !default;
 $fe-clone-count-bg-color: $bg-base-0 !default;

package/styles/file-manager/_highcontrast-light-definition.scss

@@ -44,7 +44,7 @@ $fe-checkbox-bg-color: #000 !default;
 $fe-drop-border-color: #000 !default;
 $fe-up-list-border-color: $border-default !default;
 $fe-clone-bg-color: #e0e0e0 !default;
-$fe-clone-border-color: #e0e0e0 !default ;
+$fe-clone-border-color: #e0e0e0 !default;
 $fe-clone-count-border-color: #ffd939 !default;
 $fe-clone-count-font-color: #ffd939 !default;
 $fe-clone-count-bg-color:  #000 !default;

package/styles/file-manager/_layout.scss

@@ -1,31 +1,36 @@
-// sass-lint:disable no-vendor-prefixes
+/* stylelint-disable property-no-vendor-prefix */
 @mixin user-select {
   -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
 }
+
 @mixin visibility($value) {
   .e-checkbox-wrapper {
     visibility: $value;
   }
 }
+
 @mixin grid-no-border {
   .e-rowcell.e-lastrowcell {
     border-bottom-width: 0;
   }
 }
+
 @mixin popup-active-icon {
   .e-fe-dot,
   .e-fe-tick {
     font-size: $fe-ddl-icon-font-size;
   }
 }
+
 @mixin ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
 @mixin checkbox($value) {
   .e-checkbox-wrapper {
 
@@ -78,7 +83,7 @@
       .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
         border: 0;
         box-shadow: none;
-        font-weight: 400;
+        font-weight: normal;
         height: $fe-tb-ddb-height;
         padding: $fe-tb-ddb-btn-padding;
 
@@ -267,6 +272,9 @@
         @else {
           padding: 5px;
         }
+        @if $fm-skin-name == 'FluentUI' {
+          font-size: 16px;
+        }
         position: absolute;
         z-index: 1;
 
@@ -397,8 +405,14 @@
         }
       }
 
+      @if $fm-skin-name == 'FluentUI' {
+        .e-checkbox-wrapper:hover .e-frame {
+          font-size: 10px;
+        }
+      }
+
       .e-content {
-        overflow-y: auto !important; // sass-lint:disable-line no-important
+        overflow-y: auto !important; /* stylelint-disable-line declaration-no-important */
 
         .e-table {
           border-spacing: 0;
@@ -489,7 +503,7 @@
       }
 
       .e-gridpopup {
-        display: none !important; // sass-lint:disable-line no-important
+        display: none !important; /* stylelint-disable-line declaration-no-important */
       }
 
       .e-gridheader,
@@ -514,8 +528,8 @@
             text-overflow: unset;
           }
 
-          &+.e-rowcell,
-          &+.e-headercell {
+          & + .e-rowcell,
+          & + .e-headercell {
             padding-left: 0;
 
             &.e-fe-grid-name {
@@ -530,7 +544,7 @@
 
         &.e-focused {
           box-shadow: none;
-          @if $fm-skin-name != 'tailwind' and $fm-skin-name != 'bootstrap5' {
+          @if $fm-skin-name != 'tailwind' and $fm-skin-name != 'bootstrap5' and $fm-skin-name != 'FluentUI' {
             td {
               box-shadow: $fe-grid-row-ie-box-shadow;
             }
@@ -577,7 +591,7 @@
     .e-view-container {
       .e-grid {
         .e-gridheader {
-          padding-right: 0 !important; // sass-lint:disable-line no-important
+          padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
         }
       }
     }
@@ -585,7 +599,7 @@
     &.e-rtl .e-view-container {
       .e-grid {
         .e-gridheader {
-          padding-left: 0 !important; // sass-lint:disable-line no-important
+          padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
         }
       }
     }
@@ -802,6 +816,12 @@
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {
@@ -850,7 +870,7 @@
       .e-grid.e-rtl {
 
         .e-row.e-focused {
-          @if $fm-skin-name != 'tailwind' and $fm-skin-name != 'bootstrap5' {
+          @if $fm-skin-name != 'tailwind' and $fm-skin-name != 'bootstrap5' and $fm-skin-name != 'FluentUI' {
             td:first-child {
               box-shadow: $fe-grid-row-lc-ie-box-shadow;
             }
@@ -887,8 +907,8 @@
             padding-left: 0;
             padding-right: 12px;
 
-            &+.e-rowcell,
-            &+.e-headercell {
+            & + .e-rowcell,
+            & + .e-headercell {
               padding-left: 21px;
               padding-right: 0;
 
@@ -962,6 +982,12 @@
       }
     }
 
+    &.e-dialog.e-fe-upload-dialog {
+      .e-dlg-content {
+        overflow: auto;
+      }
+    }
+
     &.e-contextmenu-wrapper ul .e-menu-item.e-separator,
     &.e-contextmenu-container ul .e-menu-item.e-separator {
       margin: $fe-cm-separator-margin;
@@ -1029,6 +1055,12 @@
         }
       }
 
+      @if $fm-skin-name == 'FluentUI' {
+        .e-dlg-content {
+          padding-top: 2px;
+        }
+      }
+
       &.e-rtl {
 
         td {
@@ -1038,7 +1070,6 @@
         .e-fe-icon {
           margin: 0 0 -2px 8px;
         }
-
       }
     }
 
@@ -1483,8 +1514,8 @@
           line-height: 22px;
           width: 24px;
         }
-     }
-   }
+      }
+    }
 
     .e-treeview {
 
@@ -1550,6 +1581,9 @@
             @if ($fm-skin-name == 'material' or $fm-skin-name == 'material-dark') {
               height: 39px;
             }
+            @if ($fm-skin-name == 'FluentUI') {
+              height: 30px;
+            }
           }
 
           .e-clear-icon::before {
@@ -1564,12 +1598,18 @@
         @if $fm-skin-name == 'tailwind' or $fm-skin-name == 'bootstrap5' {
           font-size: 16px;
         }
+        @else if $fm-skin-name == 'FluentUI' {
+          font-size: 18px;
+        }
         @if $fm-skin-name == 'tailwind' {
           margin: 7px 4px;
         }
         @else if $fm-skin-name == 'bootstrap5' {
           margin: 4px;
         }
+        @else if $fm-skin-name == 'FluentUI' {
+          margin: 3px;
+        }
         @else {
           margin: 7px 0;
         }
@@ -1698,7 +1738,7 @@
 
       .e-empty {
         min-width: $fe-big-lg-icon-empty-min-width;
-    }
+      }
 
       .e-empty-content {
         font-size: $fe-big-lg-icon-empty-content-font-size;
@@ -1778,6 +1818,15 @@
     }
   }
 
+  @media (min-width: 360px) and (max-width: 500px) {
+    @if $skin-name == 'FluentUI' {
+      .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame {
+        position: relative;
+        right: 10px;
+      }
+    }
+  }
+  
   .e-content-placeholder.e-filemanager.e-placeholder-filemanager {
     height: 100%;
     width: 100%;

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

@@ -44,7 +44,7 @@ $fe-checkbox-bg-color: $accent !default;
 $fe-drop-border-color: $accent !default;
 $fe-up-list-border-color: rgba($grey-dark-font, .12) !default;
 $fe-clone-bg-color: $grey-700 !default;
-$fe-clone-border-color: none !default ;
+$fe-clone-border-color: none !default;
 $fe-clone-count-border-color: $accent !default;
 $fe-clone-count-font-color: $accent-font !default;
 $fe-clone-count-bg-color: $accent !default;