@syncfusion/ej2-fluent2-dark-theme 34.1.30 → 34.1.33

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-fluent2-dark-theme",
-	"version": "34.1.30",
+	"version": "34.1.33",
 	"description": "A modern JavaScript UI toolkit that has been built from the ground up to be lightweight, responsive, modular and touch friendly. It is written in TypeScript and has no external dependencies.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
@@ -16,5 +16,5 @@
 		"url": "https://github.com/syncfusion/ej2-javascript-ui-controls"
 	},
 	"typings": "index.d.ts",
-	"_id": "@syncfusion/ej2-fluent2-dark-theme@34.1.30"
+	"_id": "@syncfusion/ej2-fluent2-dark-theme@34.1.33"
 }

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/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;
     }
@@ -2560,6 +2586,28 @@
                 margin-top: -8px;
             }
         }
+        .e-de-image-property-input {
+            width: 100%;
+        }
+        .e-de-cell-margin-input {
+            width: 48px;
+        }
+        .e-de-border-style-svg {
+            width: 98%;
+        }
+        .e-de-cell-margin-textbox {
+            width: 100%;
+        }
+        .e-de-gallery-normal {
+            font-family: Calibri;
+            font-size: 11pt;
+        }
+        .e-de-gallery-heading1 {
+            font-family: 'Calibri Light';
+            font-size: 16pt;
+            color: rgb(47, 84, 150);
+            font-weight: bold;
+        }
         .e-de-cp-option.e-btn.e-icon-btn span {
             margin-top: $de-cp-option-margin-top;
             background: $de-op-bg-color;

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;
 }
@@ -2955,6 +2976,28 @@ label[for*=_wholeWord_e-de-rtl] {
   padding: 0;
   width: 20px;
 }
+.e-de-image-property-input {
+  width: 100%;
+}
+.e-de-cell-margin-input {
+  width: 48px;
+}
+.e-de-border-style-svg {
+  width: 98%;
+}
+.e-de-cell-margin-textbox {
+  width: 100%;
+}
+.e-de-gallery-normal {
+  font-family: Calibri;
+  font-size: 11pt;
+}
+.e-de-gallery-heading1 {
+  font-family: "Calibri Light";
+  font-size: 16pt;
+  color: rgb(47, 84, 150);
+  font-weight: bold;
+}
 .e-de-cp-option.e-btn.e-icon-btn span {
   margin-top: 0;
   background: var(--color-sf-content-bg-color-alt1);

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;
 }
@@ -2955,6 +2976,28 @@ label[for*=_wholeWord_e-de-rtl] {
   padding: 0;
   width: 20px;
 }
+.e-de-image-property-input {
+  width: 100%;
+}
+.e-de-cell-margin-input {
+  width: 48px;
+}
+.e-de-border-style-svg {
+  width: 98%;
+}
+.e-de-cell-margin-textbox {
+  width: 100%;
+}
+.e-de-gallery-normal {
+  font-family: Calibri;
+  font-size: 11pt;
+}
+.e-de-gallery-heading1 {
+  font-family: "Calibri Light";
+  font-size: 16pt;
+  color: rgb(47, 84, 150);
+  font-weight: bold;
+}
 .e-de-cp-option.e-btn.e-icon-btn span {
   margin-top: 0;
   background: var(--color-sf-content-bg-color-alt1);

package/styles/document-editor-container/_fluent2-definition.scss

@@ -99,7 +99,7 @@ $de-layout-btn-bgr-font-size: $text-base;
 $de-pagenumber-text-border-radius: 2px;
 $de-pagenumber-text-margin-top: -3px;
 $e-de-pagenumber-input-margin-left: -2px;
-$e-de-ctnr-pg-no-spellout-padd-top: 8px;
+$e-de-ctnr-pg-no-spellout-padd-top: 4px;
 $e-de-ctnr-pg-no-spellout-padd-top-big: 7px;
 $e-de-status-bar-padding-top: 4px;
 $e-de-status-bar-big-padding-top: 6px;

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

@@ -1485,7 +1485,7 @@
   display: inline-flex;
   font-size: 14px;
   height: 100%;
-  padding-top: 8px;
+  padding-top: 4px;
 }
 .e-de-ctnr-pg-no span {
   border: 1px solid transparent;
@@ -1496,7 +1496,7 @@
   display: inline-flex;
   font-size: 14px;
   height: 100%;
-  padding-top: 8px;
+  padding-top: 4px;
   width: calc(100% - 170px);
 }
 .e-de-ctnr-pg-no-spellout span {

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

@@ -1485,7 +1485,7 @@
   display: inline-flex;
   font-size: 14px;
   height: 100%;
-  padding-top: 8px;
+  padding-top: 4px;
 }
 .e-de-ctnr-pg-no span {
   border: 1px solid transparent;
@@ -1496,7 +1496,7 @@
   display: inline-flex;
   font-size: 14px;
   height: 100%;
-  padding-top: 8px;
+  padding-top: 4px;
   width: calc(100% - 170px);
 }
 .e-de-ctnr-pg-no-spellout span {

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,

package/styles/inline-ai-assist/_fluent2-definition.scss

@@ -25,6 +25,7 @@ $inline-ai-assist-send-font-size: 14px !default;
 $inline-ai-assist-popup-border: 1px solid $border-light !default;
 $inline-ai-assist-response-text-color: $content-text-color !default;
 $inline-ai-assist-textarea-placeholder-color: $placeholder-text-color !default;
+$inline-ai-assist-textarea-color: $content-text-color !default;
 $inline-ai-assist-footer-focused-border-color: $border-alt !default;
 $inline-ai-assist-send-color: $icon-color !default;
 $inline-ai-assist-send-disabled-color: $secondary-text-color-disabled !default;

package/styles/inline-ai-assist/_layout.scss

@@ -121,6 +121,7 @@
             max-width: $inline-ai-assist-footer-tbar-min-height;
             .e-btn-icon {
               min-width: $inline-ai-assist-footer-tbar-min-height;
+              max-height: $inline-ai-assist-footer-tbar-min-height;
             }
           }
           .e-toolbar-right .e-toolbar-item:last-child {

package/styles/inline-ai-assist/_theme.scss

@@ -10,6 +10,10 @@
       color: $inline-ai-assist-response-text-color;
     }
 
+    .e-assist-textarea {
+      color: $inline-ai-assist-textarea-color;
+    }
+
     .e-toolbar-item::after {
       background-color: transparent;
     }

package/styles/inline-ai-assist/inline-ai-assist-lite.css

@@ -131,6 +131,7 @@
 }
 .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn:has(.e-inline-stop) .e-btn-icon {
   min-width: 32px;
+  max-height: 32px;
 }
 .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-right .e-toolbar-item:last-child {
   margin-right: 0;
@@ -261,6 +262,9 @@
 .e-inlineaiassist .e-response-text {
   color: var(--color-sf-content-text-color);
 }
+.e-inlineaiassist .e-assist-textarea {
+  color: var(--color-sf-content-text-color);
+}
 .e-inlineaiassist .e-toolbar-item::after {
   background-color: transparent;
 }

package/styles/inline-ai-assist/inline-ai-assist.css

@@ -131,6 +131,7 @@
 }
 .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn:has(.e-inline-stop) .e-btn-icon {
   min-width: 32px;
+  max-height: 32px;
 }
 .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-right .e-toolbar-item:last-child {
   margin-right: 0;
@@ -261,6 +262,9 @@
 .e-inlineaiassist .e-response-text {
   color: var(--color-sf-content-text-color);
 }
+.e-inlineaiassist .e-assist-textarea {
+  color: var(--color-sf-content-text-color);
+}
 .e-inlineaiassist .e-toolbar-item::after {
   background-color: transparent;
 }

package/styles/mention/_layout.scss

@@ -1,7 +1,6 @@
 @use 'variables' as *;
 @include export-module('mention-layout') {
-
-  //default
-  //undefined
-  //enddefault
+  .e-mention-placeholder {
+    display: block;
+  }
 }

package/styles/mention/mention.css

@@ -1 +1,4 @@
 /* stylelint-disable-line no-empty-source */
+.e-mention-placeholder {
+  display: block;
+}

package/styles/pivotview/_theme.scss

@@ -383,8 +383,8 @@
 
     .e-grid {
 
-      th.e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
-        box-shadow: none !important;
+      th.e-leftfreeze {
+        border-left-width: 0 !important;
       }
 
       @if ($skin-name == 'bootstrap5.3')

package/styles/pivotview/pivotview-lite.css

@@ -1032,8 +1032,8 @@
 .e-pivotview .e-grid .e-rowsheader.e-active .e-icons {
   color: var(--color-sf-icon-color) !important;
 }
-.e-pivotview .e-grid th.e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
-  box-shadow: none !important;
+.e-pivotview .e-grid th.e-leftfreeze {
+  border-left-width: 0 !important;
 }
 .e-pivotview .e-grid .e-pivot-content-loader {
   position: absolute;

package/styles/pivotview/pivotview.css

@@ -1032,8 +1032,8 @@
 .e-pivotview .e-grid .e-rowsheader.e-active .e-icons {
   color: var(--color-sf-icon-color) !important;
 }
-.e-pivotview .e-grid th.e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
-  box-shadow: none !important;
+.e-pivotview .e-grid th.e-leftfreeze {
+  border-left-width: 0 !important;
 }
 .e-pivotview .e-grid .e-pivot-content-loader {
   position: absolute;

package/styles/progress-button/_layout.scss

@@ -49,7 +49,6 @@
 
     &.e-progress-active {
       overflow: hidden;
-      pointer-events: none;
      
       @if $skin-name == 'bootstrap5.3' {
         .e-progress,

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

@@ -33,7 +33,6 @@
 }
 .e-progress-btn.e-progress-active {
   overflow: hidden;
-  pointer-events: none;
 }
 .e-progress-btn.e-progress-active .e-progress {
   opacity: 1;

package/styles/progress-button/progress-button.css

@@ -33,7 +33,6 @@
 }
 .e-progress-btn.e-progress-active {
   overflow: hidden;
-  pointer-events: none;
 }
 .e-progress-btn.e-progress-active .e-progress {
   opacity: 1;

package/styles/rich-text-editor/_layout.scss

@@ -8,6 +8,7 @@
     position: relative;
 
     .e-rte-container {
+      position: relative;
       display: flex;
       flex-direction: column;
       width: $rte-container-width;

package/styles/rich-text-editor/rich-text-editor-lite.css

@@ -558,6 +558,7 @@
   position: relative;
 }
 .e-richtexteditor .e-rte-container {
+  position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;

package/styles/rich-text-editor/rich-text-editor.css

@@ -558,6 +558,7 @@
   position: relative;
 }
 .e-richtexteditor .e-rte-container {
+  position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;