@syncfusion/ej2-fluent2-dark-theme 34.1.29 → 34.1.32

package/styles/button/_mixin.scss

@@ -362,6 +362,7 @@
     background: $btn-outline-disabled-bgcolor !important; /* stylelint-disable-line declaration-no-important */
     border-color: $btn-outline-disabled-border-color !important; /* stylelint-disable-line declaration-no-important */
     color: $btn-outline-disabled-color !important; /* stylelint-disable-line declaration-no-important */
+    outline: none !important; /* stylelint-disable-line declaration-no-important */
   }
   @else if $skin-name == 'tailwind3' {
     border: 1px solid $secondary-border-color-disabled;

package/styles/button/button-lite.css

@@ -1042,6 +1042,7 @@
   background: var(--color-sf-secondary-bg-color-disabled) !important; /* stylelint-disable-line declaration-no-important */
   border-color: var(--color-sf-secondary-border-color-disabled) !important; /* stylelint-disable-line declaration-no-important */
   color: var(--color-sf-secondary-text-color-disabled) !important; /* stylelint-disable-line declaration-no-important */
+  outline: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-btn.e-outline.e-primary,
 .e-css.e-btn.e-outline.e-primary {

package/styles/button/button.css

@@ -1042,6 +1042,7 @@
   background: var(--color-sf-secondary-bg-color-disabled) !important; /* stylelint-disable-line declaration-no-important */
   border-color: var(--color-sf-secondary-border-color-disabled) !important; /* stylelint-disable-line declaration-no-important */
   color: var(--color-sf-secondary-text-color-disabled) !important; /* stylelint-disable-line declaration-no-important */
+  outline: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-btn.e-outline.e-primary,
 .e-css.e-btn.e-outline.e-primary {

package/styles/button-group/button-group-lite.css

@@ -594,6 +594,7 @@
   background: var(--color-sf-secondary-bg-color-disabled) !important; /* stylelint-disable-line declaration-no-important */
   border-color: var(--color-sf-secondary-border-color-disabled) !important; /* stylelint-disable-line declaration-no-important */
   color: var(--color-sf-secondary-text-color-disabled) !important; /* stylelint-disable-line declaration-no-important */
+  outline: none !important; /* stylelint-disable-line declaration-no-important */
   border-color: var(--color-sf-secondary-border-color);
 }
 .e-btn-group .e-btn:disabled.e-outline.e-primary,

package/styles/button-group/button-group.css

@@ -594,6 +594,7 @@
   background: var(--color-sf-secondary-bg-color-disabled) !important; /* stylelint-disable-line declaration-no-important */
   border-color: var(--color-sf-secondary-border-color-disabled) !important; /* stylelint-disable-line declaration-no-important */
   color: var(--color-sf-secondary-text-color-disabled) !important; /* stylelint-disable-line declaration-no-important */
+  outline: none !important; /* stylelint-disable-line declaration-no-important */
   border-color: var(--color-sf-secondary-border-color);
 }
 .e-btn-group .e-btn:disabled.e-outline.e-primary,

package/styles/color-picker/_bigger.scss

@@ -72,6 +72,9 @@
         @else {
           width: $cpicker-bigger-container-width;
         }
+        @media screen and (max-width: 480px) {
+          width: $cpicker-media-width;
+        }
 
         & .e-switch-ctrl-btn .e-ctrl-btn .e-btn {
           @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {

package/styles/color-picker/_fluent2-definition.scss

@@ -189,3 +189,4 @@ $show-value-palette-width: 270px !default;
 $color-half-border-width: .5px !default;
 $selected-value-float-text-right: -12px !default;
 $cpicker-cont-color-ctrl-btn-padding-top: 12px !default;
+$cpicker-media-width: 344px !default;

package/styles/color-picker/_layout.scss

@@ -221,6 +221,11 @@
       @else {
         width: $cpicker-container-width;
       }
+
+      @media screen and (max-width: 480px) {
+        width: $cpicker-media-width;
+      }
+
       @if $skin-name == 'bootstrap4' {
         background-color: $content-bg;
         border: 1px solid $cpicker-shadow;

package/styles/color-picker/color-picker-lite.css

@@ -112,6 +112,13 @@ body.e-colorpicker-overflow {
 }
 .e-container.e-color-picker {
   width: 350px;
+}
+@media screen and (max-width: 480px) {
+  .e-container.e-color-picker {
+    width: 344px;
+  }
+}
+.e-container.e-color-picker {
   border: 1px solid 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
 }
 .e-container.e-color-picker .e-mode-switch-btn {

package/styles/color-picker/color-picker.css

@@ -112,6 +112,13 @@ body.e-colorpicker-overflow {
 }
 .e-container.e-color-picker {
   width: 350px;
+}
+@media screen and (max-width: 480px) {
+  .e-container.e-color-picker {
+    width: 344px;
+  }
+}
+.e-container.e-color-picker {
   border: 1px solid 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
 }
 .e-container.e-color-picker .e-mode-switch-btn {
@@ -623,6 +630,11 @@ body.e-colorpicker-overflow {
 .e-bigger .e-container.e-color-picker {
   width: 401px;
 }
+@media screen and (max-width: 480px) {
+  .e-bigger .e-container.e-color-picker {
+    width: 344px;
+  }
+}
 .e-bigger .e-container.e-color-picker .e-switch-ctrl-btn {
   padding: 13px 12px;
 }

package/styles/document-editor/_theme.scss

@@ -1383,6 +1383,32 @@
         margin-bottom: $de-spellcheck-container-gap;
         display: flex;
     }
+    .e-de-loading-dots::after {
+        content: '';
+        animation: e-de-loading-dots-animation 1.5s steps(4, end) infinite;
+    }
+
+    @keyframes e-de-loading-dots-animation {
+        0% {
+            content: '';
+        }
+
+        25% {
+            content: '.';
+        }
+
+        50% {
+            content: '..';
+        }
+
+        75% {
+            content: '...';
+        }
+
+        100% {
+            content: '';
+        }
+    }
     .e-dlg-spellcheck-listitem {
         font-size: $de-spellcheck--listitem-font-size !important;
     }

package/styles/document-editor/document-editor-lite.css

@@ -1956,6 +1956,27 @@ label[for*=_wholeWord_e-de-rtl] {
   display: -ms-flexbox;
   display: flex;
 }
+.e-de-loading-dots::after {
+  content: "";
+  animation: e-de-loading-dots-animation 1.5s steps(4, end) infinite;
+}
+@keyframes e-de-loading-dots-animation {
+  0% {
+    content: "";
+  }
+  25% {
+    content: ".";
+  }
+  50% {
+    content: "..";
+  }
+  75% {
+    content: "...";
+  }
+  100% {
+    content: "";
+  }
+}
 .e-dlg-spellcheck-listitem {
   font-size: 15px !important;
 }

package/styles/document-editor/document-editor.css

@@ -1956,6 +1956,27 @@ label[for*=_wholeWord_e-de-rtl] {
   display: -ms-flexbox;
   display: flex;
 }
+.e-de-loading-dots::after {
+  content: "";
+  animation: e-de-loading-dots-animation 1.5s steps(4, end) infinite;
+}
+@keyframes e-de-loading-dots-animation {
+  0% {
+    content: "";
+  }
+  25% {
+    content: ".";
+  }
+  50% {
+    content: "..";
+  }
+  75% {
+    content: "...";
+  }
+  100% {
+    content: "";
+  }
+}
 .e-dlg-spellcheck-listitem {
   font-size: 15px !important;
 }

package/styles/file-manager/_layout.scss

@@ -978,6 +978,11 @@
         text-align: center;
         top: 0;
       }
+      .e-fe-count.e-fm-template {
+        position: absolute;
+        right: -5px;
+        top: -5px;
+      }
     }
 
     &.e-rtl {

package/styles/file-manager/file-manager-lite.css

@@ -654,6 +654,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;
 }

package/styles/file-manager/file-manager.css

@@ -654,6 +654,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;
 }

package/styles/gantt/index-lite.css

@@ -31,6 +31,7 @@
 @import '../uploader/uploader-lite.css';
 @import '../menu/menu-lite.css';
 @import '../ai-assistview/ai-assistview-lite.css';
+@import '../floating-action-button/floating-action-button-lite.css';
 @import '../textarea/textarea.css';
 @import '../textbox/textbox-lite.css';
 @import '../skeleton/skeleton.css';

package/styles/gantt/index-lite.scss

@@ -31,6 +31,7 @@
 @use '../uploader/uploader-lite' as *;
 @use '../menu/menu-lite' as *;
 @use '../ai-assistview/ai-assistview-lite' as *;
+@use '../floating-action-button/floating-action-button-lite' as *;
 @use '../textarea/textarea' as *;
 @use '../textbox/textbox-lite' as *;
 @use '../skeleton/skeleton' as *;

package/styles/gantt/index.css

@@ -31,6 +31,7 @@
 @import '../uploader/uploader.css';
 @import '../menu/menu.css';
 @import '../ai-assistview/ai-assistview.css';
+@import '../floating-action-button/floating-action-button.css';
 @import '../textarea/textarea.css';
 @import '../textbox/textbox.css';
 @import '../skeleton/skeleton.css';

package/styles/gantt/index.scss

@@ -31,6 +31,7 @@
 @use '../uploader/uploader' as *;
 @use '../menu/menu' as *;
 @use '../ai-assistview/ai-assistview' as *;
+@use '../floating-action-button/floating-action-button' as *;
 @use '../textarea/textarea' as *;
 @use '../textbox/textbox' as *;
 @use '../skeleton/skeleton' as *;

package/styles/grid/_theme.scss

@@ -585,7 +585,7 @@
       color: $grid-cell-selection-color;
     }
     
-    td:hover.e-cellselectionbackground {
+    &.e-gridhover td:hover.e-cellselectionbackground {
       background: $grid-cell-selection-hover-bg-color;
     }
 

package/styles/grid/grid-lite.css

@@ -3770,7 +3770,7 @@
   background: var(--color-sf-table-bg-color-selected);
   color: var(--color-sf-content-bg-color-selected);
 }
-.e-grid td:hover.e-cellselectionbackground {
+.e-grid.e-gridhover td:hover.e-cellselectionbackground {
   background: var(--color-sf-primary-light);
 }
 .e-grid td.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd).e-cellselectionbackground,

package/styles/grid/grid.css

@@ -3770,7 +3770,7 @@
   background: var(--color-sf-table-bg-color-selected);
   color: var(--color-sf-content-bg-color-selected);
 }
-.e-grid td:hover.e-cellselectionbackground {
+.e-grid.e-gridhover td:hover.e-cellselectionbackground {
   background: var(--color-sf-primary-light);
 }
 .e-grid td.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd).e-cellselectionbackground,