npm - @syncfusion/blazor-themes - Versions diffs - 22.2.8 → 22.2.9 - Mend

@syncfusion/blazor-themes 22.2.8 → 22.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (85) hide show

package/SCSS-Themes/documenteditor/document-editor/fabric-dark.scss CHANGED Viewed

@@ -582,6 +582,7 @@ $de-para-dlg-rtl-btn-width: 200px;
 $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px;
 $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px;
 $de-para-dlg-spacing-div-mrgn-left: 40px;
+$de-svg-border-stroke: $neutral-light-font !default;
 // Table properties
 $de-row-height-bottom-margin: 8px;
@@ -598,6 +599,14 @@ $de-column-presets-font-size: 60px !default;
     display: flex;
   }
+  .e-de-svg-border-color {
+    stroke: $de-svg-border-stroke;
+  }
+  .e-de-svg-border-fill-color {
+    fill: $de-svg-border-stroke;
+  }
   .e-de-container-row {
     display: flex;
     padding-bottom: $de-padding-full;

package/SCSS-Themes/documenteditor/document-editor/fabric.scss CHANGED Viewed

@@ -581,6 +581,7 @@ $de-para-dlg-rtl-btn-width: 200px;
 $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px;
 $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px;
 $de-para-dlg-spacing-div-mrgn-left: 40px;
+$de-svg-border-stroke: $neutral-light-font !default;
 // Table properties
 $de-row-height-bottom-margin: 8px;
@@ -597,6 +598,14 @@ $de-column-presets-font-size: 60px !default;
     display: flex;
   }
+  .e-de-svg-border-color {
+    stroke: $de-svg-border-stroke;
+  }
+  .e-de-svg-border-fill-color {
+    fill: $de-svg-border-stroke;
+  }
   .e-de-container-row {
     display: flex;
     padding-bottom: $de-padding-full;

package/SCSS-Themes/documenteditor/document-editor/fluent-dark.scss CHANGED Viewed

@@ -514,6 +514,7 @@ $de-para-dlg-rtl-btn-width: 200px !default;
 $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px !default;
 $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px !default;
 $de-para-dlg-spacing-div-mrgn-left: 40px !default;
+$de-svg-border-stroke: $content-text-color !default;
 // Color variable
 $de-background: $content-bg-color-alt4 !default;
@@ -618,6 +619,14 @@ $de-column-presets-font-size: $text-6xl !default;
     display: flex;
   }
+  .e-de-svg-border-color {
+    stroke: $de-svg-border-stroke;
+  }
+  .e-de-svg-border-fill-color {
+    fill: $de-svg-border-stroke;
+  }
   .e-de-container-row {
     display: flex;
     padding-bottom: $de-padding-full;

package/SCSS-Themes/documenteditor/document-editor/fluent.scss CHANGED Viewed

@@ -514,6 +514,7 @@ $de-para-dlg-rtl-btn-width: 200px !default;
 $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px !default;
 $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px !default;
 $de-para-dlg-spacing-div-mrgn-left: 40px !default;
+$de-svg-border-stroke: $content-text-color !default;
 // Color variable
 $de-background: $content-bg-color-alt4 !default;
@@ -618,6 +619,14 @@ $de-column-presets-font-size: $text-6xl !default;
     display: flex;
   }
+  .e-de-svg-border-color {
+    stroke: $de-svg-border-stroke;
+  }
+  .e-de-svg-border-fill-color {
+    fill: $de-svg-border-stroke;
+  }
   .e-de-container-row {
     display: flex;
     padding-bottom: $de-padding-full;

package/SCSS-Themes/documenteditor/document-editor/highcontrast.scss CHANGED Viewed

@@ -581,6 +581,7 @@ $de-para-dlg-rtl-btn-font-size: 12px !default;
 $de-para-dlg-rtl-btn-width: 200px !default;
 $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px !default;
 $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px !default;
+$de-svg-border-stroke: $content-font !default;
 // Table properties
 $de-row-height-bottom-margin: 8px;
@@ -597,6 +598,14 @@ $de-column-presets-font-size: 60px !default;
     display: flex;
   }
+  .e-de-svg-border-color {
+    stroke: $de-svg-border-stroke;
+  }
+  .e-de-svg-border-fill-color {
+    fill: $de-svg-border-stroke;
+  }
   .e-de-container-row {
     display: flex;
     padding-bottom: $de-padding-full;

package/SCSS-Themes/documenteditor/document-editor/material-dark.scss CHANGED Viewed

@@ -598,6 +598,7 @@ $de-para-dlg-rtl-btn-width: 200px;
 $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px;
 $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px;
 $de-para-dlg-spacing-div-mrgn-left: 40px;
+$de-svg-border-stroke: $grey-dark-font !default;
 // Table properties
 $de-row-height-bottom-margin: 8px;
@@ -614,6 +615,14 @@ $de-column-presets-font-size: 60px !default;
     display: flex;
   }
+  .e-de-svg-border-color {
+    stroke: $de-svg-border-stroke;
+  }
+  .e-de-svg-border-fill-color {
+    fill: $de-svg-border-stroke;
+  }
   .e-de-container-row {
     display: flex;
     padding-bottom: $de-padding-full;

package/SCSS-Themes/documenteditor/document-editor/material.scss CHANGED Viewed

@@ -598,6 +598,7 @@ $de-para-dlg-rtl-btn-width: 200px;
 $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px;
 $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px;
 $de-para-dlg-spacing-div-mrgn-left: 40px;
+$de-svg-border-stroke: rgba($grey-light-font, .87) !default;
 // Table properties
 $de-row-height-bottom-margin: 8px;
@@ -614,6 +615,14 @@ $de-column-presets-font-size: 60px !default;
     display: flex;
   }
+  .e-de-svg-border-color {
+    stroke: $de-svg-border-stroke;
+  }
+  .e-de-svg-border-fill-color {
+    fill: $de-svg-border-stroke;
+  }
   .e-de-container-row {
     display: flex;
     padding-bottom: $de-padding-full;

package/SCSS-Themes/documenteditor/document-editor/material3-dark.scss CHANGED Viewed

@@ -505,6 +505,7 @@ $de-para-dlg-rtl-btn-width: 100px !default;
 $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px !default;
 $de-de-rtl-btn-div-e-de-rtl-margin-left: 20px !default;
 $de-para-dlg-spacing-div-mrgn-left: 40px !default;
+$de-svg-border-stroke: rgba($content-text-color) !default;
 // Color variable
 $de-background: $content-bg-color-alt1 !default;
@@ -609,6 +610,14 @@ $de-column-presets-font-size: 60px !default;
     display: flex;
   }
+  .e-de-svg-border-color {
+    stroke: $de-svg-border-stroke;
+  }
+  .e-de-svg-border-fill-color {
+    fill: $de-svg-border-stroke;
+  }
   .e-de-container-row {
     display: flex;
     padding-bottom: $de-padding-full;

package/SCSS-Themes/documenteditor/document-editor/material3.scss CHANGED Viewed

@@ -505,6 +505,7 @@ $de-para-dlg-rtl-btn-width: 100px !default;
 $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px !default;
 $de-de-rtl-btn-div-e-de-rtl-margin-left: 20px !default;
 $de-para-dlg-spacing-div-mrgn-left: 40px !default;
+$de-svg-border-stroke: rgba($content-text-color) !default;
 // Color variable
 $de-background: $content-bg-color-alt1 !default;
@@ -609,6 +610,14 @@ $de-column-presets-font-size: 60px !default;
     display: flex;
   }
+  .e-de-svg-border-color {
+    stroke: $de-svg-border-stroke;
+  }
+  .e-de-svg-border-fill-color {
+    fill: $de-svg-border-stroke;
+  }
   .e-de-container-row {
     display: flex;
     padding-bottom: $de-padding-full;

package/SCSS-Themes/documenteditor/document-editor/tailwind-dark.scss CHANGED Viewed

@@ -506,6 +506,7 @@ $de-para-dlg-rtl-btn-width: 200px !default;
 $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px !default;
 $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px !default;
 $de-para-dlg-spacing-div-mrgn-left: 40px !default;
+$de-svg-border-stroke: $content-text-color !default;
 // Table properties
 $de-row-height-bottom-margin: 0;
@@ -606,6 +607,14 @@ $de-column-presets-font-size: $text-6xl !default;
     display: flex;
   }
+  .e-de-svg-border-color {
+    stroke: $de-svg-border-stroke;
+  }
+  .e-de-svg-border-fill-color {
+    fill: $de-svg-border-stroke;
+  }
   .e-de-container-row {
     display: flex;
     padding-bottom: $de-padding-full;

package/SCSS-Themes/documenteditor/document-editor/tailwind.scss CHANGED Viewed

@@ -506,6 +506,7 @@ $de-para-dlg-rtl-btn-width: 200px !default;
 $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px !default;
 $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px !default;
 $de-para-dlg-spacing-div-mrgn-left: 40px !default;
+$de-svg-border-stroke: $content-text-color !default;
 // Table properties
 $de-row-height-bottom-margin: 0;
@@ -606,6 +607,14 @@ $de-column-presets-font-size: $text-6xl !default;
     display: flex;
   }
+  .e-de-svg-border-color {
+    stroke: $de-svg-border-stroke;
+  }
+  .e-de-svg-border-fill-color {
+    fill: $de-svg-border-stroke;
+  }
   .e-de-container-row {
     display: flex;
     padding-bottom: $de-padding-full;

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark.scss CHANGED Viewed

@@ -178,7 +178,9 @@ $de-prop-btn-icon-clr: #ccc;
   .e-de-toolbar {
     height: 100%;
   }
+  .e-documenteditorcontainer {
+    display: block;
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: 0;
     @if $skin-name == 'tailwind' {

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap.scss CHANGED Viewed

@@ -178,7 +178,9 @@ $de-prop-btn-icon-clr: #ccc;
   .e-de-toolbar {
     height: 100%;
   }
+  .e-documenteditorcontainer {
+    display: block;
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: 0;
     @if $skin-name == 'tailwind' {

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4.scss CHANGED Viewed

@@ -194,7 +194,9 @@ $de-hlt-clr-height-bigger: 25px;
   .e-de-toolbar {
     height: 100%;
   }
+  .e-documenteditorcontainer {
+    display: block;
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: 0;
     @if $skin-name == 'tailwind' {

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark.scss CHANGED Viewed

@@ -204,7 +204,9 @@ $de-hover-bg: $content-bg-color-alt2 !default;
   .e-de-toolbar {
     height: 100%;
   }
+  .e-documenteditorcontainer {
+    display: block;
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: 0;
     @if $skin-name == 'tailwind' {

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.scss CHANGED Viewed

@@ -204,7 +204,9 @@ $de-hover-bg: $content-bg-color-alt2 !default;
   .e-de-toolbar {
     height: 100%;
   }
+  .e-documenteditorcontainer {
+    display: block;
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: 0;
     @if $skin-name == 'tailwind' {

package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss CHANGED Viewed

@@ -183,7 +183,9 @@ $de-prop-btn-icon-clr: #ccc;
   .e-de-toolbar {
     height: 100%;
   }
+  .e-documenteditorcontainer {
+    display: block;
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: 0;
     @if $skin-name == 'tailwind' {

package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss CHANGED Viewed

@@ -180,7 +180,9 @@ $de-prop-btn-icon-clr: #ccc;
   .e-de-toolbar {
     height: 100%;
   }
+  .e-documenteditorcontainer {
+    display: block;
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: 0;
     @if $skin-name == 'tailwind' {

package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark.scss CHANGED Viewed

@@ -205,7 +205,9 @@ $de-hover-bg: $content-bg-color-alt2 !default;
   .e-de-toolbar {
     height: 100%;
   }
+  .e-documenteditorcontainer {
+    display: block;
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: 0;
     @if $skin-name == 'tailwind' {

package/SCSS-Themes/documenteditor/document-editor-container/fluent.scss CHANGED Viewed

@@ -205,7 +205,9 @@ $de-hover-bg: $content-bg-color-alt2 !default;
   .e-de-toolbar {
     height: 100%;
   }
+  .e-documenteditorcontainer {
+    display: block;
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: 0;
     @if $skin-name == 'tailwind' {

package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss CHANGED Viewed

@@ -181,7 +181,9 @@ $de-prop-btn-icon-clr: #ccc;
   .e-de-toolbar {
     height: 100%;
   }
+  .e-documenteditorcontainer {
+    display: block;
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: 0;
     @if $skin-name == 'tailwind' {

package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss CHANGED Viewed

@@ -182,7 +182,9 @@ $de-prop-btn-icon-clr: #ccc;
   .e-de-toolbar {
     height: 100%;
   }
+  .e-documenteditorcontainer {
+    display: block;
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: 0;
     @if $skin-name == 'tailwind' {

package/SCSS-Themes/documenteditor/document-editor-container/material.scss CHANGED Viewed

@@ -181,7 +181,9 @@ $de-prop-btn-icon-clr: #ccc;
   .e-de-toolbar {
     height: 100%;
   }
+  .e-documenteditorcontainer {
+    display: block;
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: 0;
     @if $skin-name == 'tailwind' {

package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss CHANGED Viewed

@@ -208,7 +208,9 @@ $de-hover-bg: $content-bg-color-alt2 !default;
   .e-de-toolbar {
     height: 100%;
   }
+  .e-documenteditorcontainer {
+    display: block;
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: 0;
     @if $skin-name == 'tailwind' {

package/SCSS-Themes/documenteditor/document-editor-container/material3.scss CHANGED Viewed

@@ -208,7 +208,9 @@ $de-hover-bg: $content-bg-color-alt2 !default;
   .e-de-toolbar {
     height: 100%;
   }
+  .e-documenteditorcontainer {
+    display: block;
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: 0;
     @if $skin-name == 'tailwind' {

package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark.scss CHANGED Viewed

@@ -198,7 +198,9 @@ $de-hlt-clr-height-bigger: 24px;
   .e-de-toolbar {
     height: 100%;
   }
+  .e-documenteditorcontainer {
+    display: block;
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: 0;
     @if $skin-name == 'tailwind' {

package/SCSS-Themes/documenteditor/document-editor-container/tailwind.scss CHANGED Viewed

@@ -198,7 +198,9 @@ $de-hlt-clr-height-bigger: 24px;
   .e-de-toolbar {
     height: 100%;
   }
+  .e-documenteditorcontainer {
+    display: block;
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: 0;
     @if $skin-name == 'tailwind' {

package/SCSS-Themes/fabric-dark.scss CHANGED Viewed

@@ -28450,8 +28450,12 @@ $cbox-ripple-size: -9px !default;
         margin: 0;
         &:hover {
-          background-color: $cbox-hover-bgcolor;
-          border-color: $cbox-hover-border-color;
+          @if $skin-name != 'FluentUI' {
+            &.e-check {
+              background-color: $cbox-checkmark-hover-bgcolor;
+              border-color: $cbox-checkmark-hover-border-color;
+            }
+          }
           @if $skin-name == 'FluentUI' {
             &:not(.e-check),
             &:not(.e-stop)::before {
@@ -63846,6 +63850,7 @@ $de-para-dlg-rtl-btn-width: 200px;
 $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px;
 $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px;
 $de-para-dlg-spacing-div-mrgn-left: 40px;
+$de-svg-border-stroke: $neutral-light-font !default;
 // Table properties
 $de-row-height-bottom-margin: 8px;
@@ -63862,6 +63867,14 @@ $de-column-presets-font-size: 60px !default;
     display: flex;
   }
+  .e-de-svg-border-color {
+    stroke: $de-svg-border-stroke;
+  }
+  .e-de-svg-border-fill-color {
+    fill: $de-svg-border-stroke;
+  }
   .e-de-container-row {
     display: flex;
     padding-bottom: $de-padding-full;
@@ -68633,7 +68646,9 @@ $de-prop-btn-icon-clr: #ccc;
   .e-de-toolbar {
     height: 100%;
   }
+  .e-documenteditorcontainer {
+    display: block;
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: 0;
     @if $skin-name == 'tailwind' {
@@ -90879,7 +90894,7 @@ $gantt-masked-table-background-color: #e1dfdd;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: 99.5%;
       }
       .e-gantt-child-taskbar-inner-div,
@@ -107015,7 +107030,7 @@ $pivotgrid-cell-border-color: $neutral-light !default;
 $pivotgrid-default-border-color: $neutral-light !default;
 $pivotgrid-border-type: $border-type !default;
 $pivotgrid-border-size: $border-size !default;
-$pivotgrid-table-background-color: $neutral-white !default;
+$pivotgrid-table-background-color: $neutral-lighter-alt !default;
 $pivotgrid-content-font-size: 13px !default;
 $pivotgrid-bigger-content-font-size: 13px !default;
 $field-list-font-family: $font-family !default;

package/SCSS-Themes/fabric.scss CHANGED Viewed

@@ -28295,8 +28295,12 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
         margin: 0;
         &:hover {
-          background-color: $cbox-hover-bgcolor;
-          border-color: $cbox-hover-border-color;
+          @if $skin-name != 'FluentUI' {
+            &.e-check {
+              background-color: $cbox-checkmark-hover-bgcolor;
+              border-color: $cbox-checkmark-hover-border-color;
+            }
+          }
           @if $skin-name == 'FluentUI' {
             &:not(.e-check),
             &:not(.e-stop)::before {
@@ -63610,6 +63614,7 @@ $de-para-dlg-rtl-btn-width: 200px;
 $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px;
 $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px;
 $de-para-dlg-spacing-div-mrgn-left: 40px;
+$de-svg-border-stroke: $neutral-light-font !default;
 // Table properties
 $de-row-height-bottom-margin: 8px;
@@ -63626,6 +63631,14 @@ $de-column-presets-font-size: 60px !default;
     display: flex;
   }
+  .e-de-svg-border-color {
+    stroke: $de-svg-border-stroke;
+  }
+  .e-de-svg-border-fill-color {
+    fill: $de-svg-border-stroke;
+  }
   .e-de-container-row {
     display: flex;
     padding-bottom: $de-padding-full;
@@ -68394,7 +68407,9 @@ $de-prop-btn-icon-clr: #ccc;
   .e-de-toolbar {
     height: 100%;
   }
+  .e-documenteditorcontainer {
+    display: block;
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: 0;
     @if $skin-name == 'tailwind' {
@@ -90636,7 +90651,7 @@ $gantt-masked-table-background-color: #e1dfdd;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: 99.5%;
       }
       .e-gantt-child-taskbar-inner-div,
@@ -106771,7 +106786,7 @@ $pivotgrid-cell-border-color: rgba($neutral-black, .12) !default;
 $pivotgrid-default-border-color: $neutral-quintenaryalt !default;
 $pivotgrid-border-type: $border-type !default;
 $pivotgrid-border-size: $border-size !default;
-$pivotgrid-table-background-color: $neutral-white !default;
+$pivotgrid-table-background-color: $neutral-lighter !default;
 $pivotgrid-content-font-size: 13px !default;
 $pivotgrid-bigger-content-font-size: 13px !default;
 $field-list-font-family: $font-family !default;

package/SCSS-Themes/fluent-dark.scss CHANGED Viewed

@@ -28744,8 +28744,12 @@ $cbox-icon-color: $icon-color !default;
         margin: 0;
         &:hover {
-          background-color: $cbox-hover-bgcolor;
-          border-color: $cbox-hover-border-color;
+          @if $skin-name != 'FluentUI' {
+            &.e-check {
+              background-color: $cbox-checkmark-hover-bgcolor;
+              border-color: $cbox-checkmark-hover-border-color;
+            }
+          }
           @if $skin-name == 'FluentUI' {
             &:not(.e-check),
             &:not(.e-stop)::before {
@@ -64253,6 +64257,7 @@ $de-para-dlg-rtl-btn-width: 200px !default;
 $de-de-rtl-btn-div-e-de-rtl-margin-right: 24px !default;
 $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px !default;
 $de-para-dlg-spacing-div-mrgn-left: 40px !default;
+$de-svg-border-stroke: $content-text-color !default;
 // Color variable
 $de-background: $content-bg-color-alt4 !default;
@@ -64357,6 +64362,14 @@ $de-column-presets-font-size: $text-6xl !default;
     display: flex;
   }
+  .e-de-svg-border-color {
+    stroke: $de-svg-border-stroke;
+  }
+  .e-de-svg-border-fill-color {
+    fill: $de-svg-border-stroke;
+  }
   .e-de-container-row {
     display: flex;
     padding-bottom: $de-padding-full;
@@ -69192,7 +69205,9 @@ $de-hover-bg: $content-bg-color-alt2 !default;
   .e-de-toolbar {
     height: 100%;
   }
+  .e-documenteditorcontainer {
+    display: block;
+  }
   .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
     height: 0;
     @if $skin-name == 'tailwind' {
@@ -91500,7 +91515,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: 99.5%;
       }
       .e-gantt-child-taskbar-inner-div,