@syncfusion/blazor-themes 20.3.61 → 20.4.38

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

@@ -2666,5 +2666,70 @@ $de-prop-btn-icon-clr: #ccc;
     content: '\e353';
     font-family: 'e-icons';
   }
+  
+  .e-de-ctnr-columns::before {
+    content: '\e972';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-size::before {
+    content: '\e947';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-break-column::before {
+    content: '\e973';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-break-text-wrapping::before {
+    content: '\e94a';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-continuous::before {
+    content: '\e9754';
+    font-family: 'e-icons';
+  }
+  
+  .e-de-ctnr-section-break-even-page::before {
+    content: '\e970';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-odd-page::before {
+    content: '\e971';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-columns-one::before {
+    content: '\e979';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-two::before {
+    content: '\e97a';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-three::before {
+    content: '\e97b';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-right::before {
+    content: '\e977';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-left::before {
+    content: '\e978';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
 }
 

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

@@ -2717,5 +2717,70 @@ $de-hover-bg: $content-bg-color-alt2 !default;
     content: '\e844';
     font-family: 'e-icons';
   }
+  
+  .e-de-ctnr-columns::before {
+    content: '\e8b4';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-size::before {
+    content: '\e89a';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-break-column::before {
+    content: '\e8b6';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-break-text-wrapping::before {
+    content: '\e89d';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-continuous::before {
+    content: '\e8b5';
+    font-family: 'e-icons';
+  }
+  
+  .e-de-ctnr-section-break-even-page::before {
+    content: '\e8b2';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-odd-page::before {
+    content: '\e8b3';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-columns-one::before {
+    content: '\e8b9';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-two::before {
+    content: '\e8ba';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-three::before {
+    content: '\e8bb';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-right::before {
+    content: '\e8b7';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-left::before {
+    content: '\e8b8';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
 }
 

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

@@ -2717,5 +2717,70 @@ $de-hover-bg: $content-bg-color-alt2 !default;
     content: '\e844';
     font-family: 'e-icons';
   }
+  
+  .e-de-ctnr-columns::before {
+    content: '\e8b4';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-size::before {
+    content: '\e89a';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-break-column::before {
+    content: '\e8b6';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-break-text-wrapping::before {
+    content: '\e89d';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-continuous::before {
+    content: '\e8b5';
+    font-family: 'e-icons';
+  }
+  
+  .e-de-ctnr-section-break-even-page::before {
+    content: '\e8b2';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-odd-page::before {
+    content: '\e8b3';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-columns-one::before {
+    content: '\e8b9';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-two::before {
+    content: '\e8ba';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-three::before {
+    content: '\e8bb';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-right::before {
+    content: '\e8b7';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-left::before {
+    content: '\e8b8';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
 }
 

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

@@ -2667,5 +2667,70 @@ $de-prop-btn-icon-clr: #ccc;
     content: '\e353';
     font-family: 'e-icons';
   }
+  
+  .e-de-ctnr-columns::before {
+    content: '\e968';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-size::before {
+    content: '\e947';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-break-column::before {
+    content: '\e970';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-break-text-wrapping::before {
+    content: '\e94a';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-continuous::before {
+    content: '\e971';
+    font-family: 'e-icons';
+  }
+  
+  .e-de-ctnr-section-break-even-page::before {
+    content: '\e964';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-odd-page::before {
+    content: '\e967';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-columns-one::before {
+    content: '\e977';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-two::before {
+    content: '\e978';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-three::before {
+    content: '\e979';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-right::before {
+    content: '\e974';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-left::before {
+    content: '\e975';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
 }
 

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

@@ -2670,5 +2670,70 @@ $de-prop-btn-icon-clr: #ccc;
     content: '\e353';
     font-family: 'e-icons';
   }
+  
+  .e-de-ctnr-columns::before {
+    content: '\e955';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-size::before {
+    content: '\e952';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-break-column::before {
+    content: '\e970';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-break-text-wrapping::before {
+    content: '\e972';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-continuous::before {
+    content: '\e971';
+    font-family: 'e-icons';
+  }
+  
+  .e-de-ctnr-section-break-even-page::before {
+    content: '\e96e';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-odd-page::before {
+    content: '\e96f';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-columns-one::before {
+    content: '\e976';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-two::before {
+    content: '\e978';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-three::before {
+    content: '\e979';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-right::before {
+    content: '\e973';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-left::before {
+    content: '\e975';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
 }
 

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

@@ -2669,5 +2669,70 @@ $de-prop-btn-icon-clr: #ccc;
     content: '\e353';
     font-family: 'e-icons';
   }
+  
+  .e-de-ctnr-columns::before {
+    content: '\e955';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-size::before {
+    content: '\e952';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-break-column::before {
+    content: '\e970';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-break-text-wrapping::before {
+    content: '\e972';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-continuous::before {
+    content: '\e971';
+    font-family: 'e-icons';
+  }
+  
+  .e-de-ctnr-section-break-even-page::before {
+    content: '\e96e';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-odd-page::before {
+    content: '\e96f';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-columns-one::before {
+    content: '\e976';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-two::before {
+    content: '\e978';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-three::before {
+    content: '\e979';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-right::before {
+    content: '\e973';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-left::before {
+    content: '\e975';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
 }
 

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

@@ -2710,5 +2710,70 @@ $de-hlt-clr-height-bigger: 24px;
     content: '\e844';
     font-family: 'e-icons';
   }
+    
+  .e-de-ctnr-columns::before {
+    content: '\e89d';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-size::before {
+    content: '\e89a';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-break-column::before {
+    content: '\e8b4';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-break-text-wrapping::before {
+    content: '\e8b6';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-continuous::before {
+    content: '\e8b5';
+    font-family: 'e-icons';
+  }
+  
+  .e-de-ctnr-section-break-even-page::before {
+    content: '\e8b3';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-odd-page::before {
+    content: '\e8b2';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-columns-one::before {
+    content: '\e8b9';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-two::before {
+    content: '\e8ba';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-three::before {
+    content: '\e8bb';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-right::before {
+    content: '\e8b7';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-left::before {
+    content: '\e8b8';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
 }
 

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

@@ -2710,5 +2710,70 @@ $de-hlt-clr-height-bigger: 24px;
     content: '\e844';
     font-family: 'e-icons';
   }
+    
+  .e-de-ctnr-columns::before {
+    content: '\e89d';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-size::before {
+    content: '\e89a';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-break-column::before {
+    content: '\e8b4';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-break-text-wrapping::before {
+    content: '\e8b6';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-continuous::before {
+    content: '\e8b5';
+    font-family: 'e-icons';
+  }
+  
+  .e-de-ctnr-section-break-even-page::before {
+    content: '\e8b3';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-odd-page::before {
+    content: '\e8b2';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-columns-one::before {
+    content: '\e8b9';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-two::before {
+    content: '\e8ba';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-three::before {
+    content: '\e8bb';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-right::before {
+    content: '\e8b7';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-left::before {
+    content: '\e8b8';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
 }
 

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap-dark.scss

@@ -21,6 +21,7 @@ $ddl-list-tap-color: transparent !default;
 $ddl-list-header-border-color: 1px $grey-base !default;
 $ddl-list-default-font-color: $grey-dark-font !default;
 $ddl-list-active-border-color: $grey-white !default;
+$mention-popup-bg-color: $grey-white !default;
 $ddl-list-active-font-color: $brand-primary-font !default;
 $mention-active-font-color: $brand-primary !default;
 $ddl-list-active-bg-color: $brand-primary !default;
@@ -164,7 +165,7 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
   }
 
   .e-mention.e-popup {
-    background: $ddl-list-active-border-color;
+    background: $mention-popup-bg-color;
     border: 0;
     box-shadow: 0 2px 3px 1px $mention-list-box-shadow-color;
     margin-top: 2px;

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap.scss

@@ -20,6 +20,7 @@ $ddl-list-tap-color: transparent !default;
 $ddl-list-header-border-color: 1px $grey-base !default;
 $ddl-list-default-font-color: $grey-light-font !default;
 $ddl-list-active-border-color: $grey-white !default;
+$mention-popup-bg-color: $grey-white !default;
 $ddl-list-active-font-color: $brand-primary-font !default;
 $mention-active-font-color: $brand-primary !default;
 $ddl-list-active-bg-color: $brand-primary !default;
@@ -164,7 +165,7 @@ $ddl-group-list-item-text-intent: 0 !default;
   }
 
   .e-mention.e-popup {
-    background: $ddl-list-active-border-color;
+    background: $mention-popup-bg-color;
     border: 0;
     box-shadow: 0 2px 3px 1px $mention-list-box-shadow-color;
     margin-top: 2px;

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap4.scss

@@ -17,6 +17,7 @@ $ddl-list-header-bg-color: $white !default;
 $ddl-list-tap-color: transparent !default;
 $ddl-list-default-font-color: $gray-900 !default;
 $ddl-list-active-border-color: $white !default;
+$mention-popup-bg-color: $white !default;
 $ddl-list-active-font-color: $primary-font !default;
 $mention-active-font-color: $primary !default;
 $ddl-list-active-bg-color: $primary !default;
@@ -179,7 +180,7 @@ $ddl-group-list-item-text-intent: 0 !default;
   }
 
   .e-mention.e-popup {
-    background: $ddl-list-active-border-color;
+    background: $mention-popup-bg-color;
     border: 0;
     box-shadow: 0 2px 3px 1px $mention-list-box-shadow-color;
     margin-top: 2px;

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap5-dark.scss

@@ -57,6 +57,7 @@ $ddl-list-header-border-color: $border-light !default;
 $ddl-nodata-font-color: $content-text-color !default;
 $ddl-list-default-font-color: $content-text-color !default;
 $ddl-list-active-border-color: $content-bg-color !default;
+$mention-popup-bg-color: $content-bg-color !default;
 $ddl-list-active-font-color: $content-text-color-selected !default;
 $mention-active-font-color: $primary !default;
 $ddl-list-active-bg-color: $content-bg-color-selected !default;
@@ -198,7 +199,7 @@ $ddl-bigger-small-list-font-color: $content-text-color !default;
   }
 
   .e-mention.e-popup {
-    background: $ddl-list-active-border-color;
+    background: $mention-popup-bg-color;
     border: 0;
     box-shadow: 0 2px 3px 1px $mention-list-box-shadow-color;
     margin-top: 2px;

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap5.scss

@@ -57,6 +57,7 @@ $ddl-list-header-border-color: $border-light !default;
 $ddl-nodata-font-color: $content-text-color !default;
 $ddl-list-default-font-color: $content-text-color !default;
 $ddl-list-active-border-color: $content-bg-color !default;
+$mention-popup-bg-color: $content-bg-color !default;
 $ddl-list-active-font-color: $content-text-color-selected !default;
 $mention-active-font-color: $primary !default;
 $ddl-list-active-bg-color: $content-bg-color-selected !default;
@@ -198,7 +199,7 @@ $ddl-bigger-small-list-font-color: $content-text-color !default;
   }
 
   .e-mention.e-popup {
-    background: $ddl-list-active-border-color;
+    background: $mention-popup-bg-color;
     border: 0;
     box-shadow: 0 2px 3px 1px $mention-list-box-shadow-color;
     margin-top: 2px;

package/SCSS-Themes/dropdowns/drop-down-base/fabric-dark.scss

@@ -23,6 +23,7 @@ $ddl-list-tap-color: transparent !default;
 $ddl-list-header-border-color: 1px $neutral-light !default;
 $ddl-list-default-font-color: $neutral-light-font !default;
 $ddl-list-active-border-color: $neutral-quintenary !default;
+$mention-popup-bg-color: $neutral-quintenary !default;
 $ddl-list-active-font-color: $neutral-light-font !default;
 $mention-active-font-color: $theme-primary !default;
 $ddl-list-active-bg-color: $neutral-quintenary !default;
@@ -167,7 +168,7 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
   }
 
   .e-mention.e-popup {
-    background: $ddl-list-active-border-color;
+    background: $mention-popup-bg-color;
     border: 0;
     box-shadow: 0 2px 3px 1px $mention-list-box-shadow-color;
     margin-top: 2px;

package/SCSS-Themes/dropdowns/drop-down-base/fabric.scss

@@ -22,6 +22,7 @@ $ddl-list-tap-color: transparent !default;
 $ddl-list-header-border-color: 1px $neutral-light !default;
 $ddl-list-default-font-color: rgba($neutral-light-font, .87) !default;
 $ddl-list-active-border-color: $neutral-white !default;
+$mention-popup-bg-color: $neutral-white !default;
 $ddl-list-active-font-color: $neutral-light-font !default;
 $mention-active-font-color: $theme-primary !default;
 $ddl-list-active-bg-color: $theme-lighter !default;
@@ -165,7 +166,7 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
   }
 
   .e-mention.e-popup {
-    background: $ddl-list-active-border-color;
+    background: $mention-popup-bg-color;
     border: 0;
     box-shadow: 0 2px 3px 1px $mention-list-box-shadow-color;
     margin-top: 2px;