@syncfusion/blazor-themes 20.3.61 → 20.4.38

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

@@ -602,6 +602,9 @@ $de-para-dlg-spacing-div-mrgn-left: 40px;
 // Table properties
 $de-row-height-bottom-margin: 8px;
 
+//Columns Dialog
+$de-column-presets-font-size: 60px !default;
+
 @include export-module('documenteditor-layout') {
   .e-de-dlg-container {
     padding-bottom: $de-padding-full;
@@ -825,6 +828,19 @@ $de-row-height-bottom-margin: 8px;
     .e-de-background {
         background-color: $de-background;
     }
+    .e-de-column-label {
+        font-size: $de-border-dlg-settinglabels-fontsize;
+        font-weight: $de-border-dlg-border-label-fontweight;
+        padding-left: 20px;
+        padding-right: 20px;
+    }
+    
+    .e-de-column-label.e-de-rtl {
+        font-size: $de-border-dlg-settinglabels-fontsize;
+        font-weight: $de-border-dlg-border-label-fontweight;
+        padding-left: 50px;
+        padding-right: 50px;
+    }
     .e-de-ff-sub-header {
         display: block;
         font-size: 12px;
@@ -4536,6 +4552,45 @@ $de-row-height-bottom-margin: 8px;
     top: $de-td-table-border-top;
   }
 
+  .e-de-columns-presets-genral {
+    height: 62px;
+    width: 62px;
+    margin-right: 33px;
+    margin-bottom: 12px;
+  }
+  
+  .e-de-columns-padding-alignment {
+    padding-top: 24px;
+  }
+
+  .e-de-column-dlg-preview-div {
+    border: 1px solid $de-border-dlg-border-setting-divs-color;
+    height: 120px;
+    width: 120px;
+  }
+
+  .e-de-padding-col-prev{
+    padding-left: 15px;
+  }
+
+  .e-width-space-div{
+    width: 320px;
+  }
+  
+  .e-de-columns-presets-genral.e-de-rtl{
+    margin-left: 33px;
+  }
+  
+  .e-de-padding-col-prev.e-de-rtl{
+    padding-right: 15px;
+  }
+  
+  .e-de-column-dlg-preview-div.e-de-rtl{
+    border: 1px solid $de-border-dlg-border-setting-divs-color;
+    height: 120px;
+    width: 120px;
+  }
+
   .e-de-acceptchange::before {
     content: '\e19f';
     font-family: 'e-icons';
@@ -4811,6 +4866,14 @@ $de-row-height-bottom-margin: 8px;
   .e-item .e-de-paste-merge-table::before {
     content: '\e91f';
   }
+
+  .e-de-preset-container {
+    width: 95px;
+  }
+
+  .e-de-preset-container.e-de-rtl {
+    width: 85px;
+  }
 }
 
 

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

@@ -594,6 +594,9 @@ $de-border-dlg-border-preview-div-opacity: rgba(0, 0, 0, .54) !default;
 $de-op-btn-icon-hover-clr: rgba(0, 0, 0, .75) !default;
 $de-cmt-separator: $border-light !default;
 
+//Columns Dialog
+$de-column-presets-font-size: 60px !default;
+
 @include export-module('documenteditor-layout') {
   .e-de-dlg-container {
     padding-bottom: $de-padding-full;
@@ -817,6 +820,19 @@ $de-cmt-separator: $border-light !default;
     .e-de-background {
         background-color: $de-background;
     }
+    .e-de-column-label {
+        font-size: $de-border-dlg-settinglabels-fontsize;
+        font-weight: $de-border-dlg-border-label-fontweight;
+        padding-left: 20px;
+        padding-right: 20px;
+    }
+    
+    .e-de-column-label.e-de-rtl {
+        font-size: $de-border-dlg-settinglabels-fontsize;
+        font-weight: $de-border-dlg-border-label-fontweight;
+        padding-left: 50px;
+        padding-right: 50px;
+    }
     .e-de-ff-sub-header {
         display: block;
         font-size: 12px;
@@ -4571,6 +4587,45 @@ $de-cmt-separator: $border-light !default;
     top: $de-td-table-border-top;
   }
 
+  .e-de-columns-presets-genral {
+    height: 62px;
+    width: 62px;
+    margin-right: 33px;
+    margin-bottom: 12px;
+  }
+  
+  .e-de-columns-padding-alignment {
+    padding-top: 24px;
+  }
+
+  .e-de-column-dlg-preview-div {
+    border: 1px solid $de-border-dlg-border-setting-divs-color;
+    height: 120px;
+    width: 120px;
+  }
+
+  .e-de-padding-col-prev{
+    padding-left: 15px;
+  }
+
+  .e-width-space-div{
+    width: 320px;
+  }
+    
+  .e-de-columns-presets-genral.e-de-rtl{
+    margin-left: 33px;
+  }
+  
+  .e-de-padding-col-prev.e-de-rtl{
+    padding-right: 15px;
+  }
+  
+  .e-de-column-dlg-preview-div.e-de-rtl{
+    border: 1px solid $de-border-dlg-border-setting-divs-color;
+    height: 120px;
+    width: 120px;
+  }
+
   .e-menu-item .e-de-cmt-add::before {
     content: '\e82c';
   }
@@ -4845,6 +4900,14 @@ $de-cmt-separator: $border-light !default;
   .e-item .e-de-paste-merge-table::before {
     content: '\e882';
   }
+
+  .e-de-preset-container {
+    width: 95px;
+  }
+
+  .e-de-preset-container.e-de-rtl {
+    width: 85px;
+  }
 }
 
 

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

@@ -594,6 +594,9 @@ $de-border-dlg-border-preview-div-opacity: rgba(0, 0, 0, .54) !default;
 $de-op-btn-icon-hover-clr: rgba(0, 0, 0, .75) !default;
 $de-cmt-separator: $border-light !default;
 
+//Columns Dialog
+$de-column-presets-font-size: 60px !default;
+
 @include export-module('documenteditor-layout') {
   .e-de-dlg-container {
     padding-bottom: $de-padding-full;
@@ -817,6 +820,19 @@ $de-cmt-separator: $border-light !default;
     .e-de-background {
         background-color: $de-background;
     }
+    .e-de-column-label {
+        font-size: $de-border-dlg-settinglabels-fontsize;
+        font-weight: $de-border-dlg-border-label-fontweight;
+        padding-left: 20px;
+        padding-right: 20px;
+    }
+    
+    .e-de-column-label.e-de-rtl {
+        font-size: $de-border-dlg-settinglabels-fontsize;
+        font-weight: $de-border-dlg-border-label-fontweight;
+        padding-left: 50px;
+        padding-right: 50px;
+    }
     .e-de-ff-sub-header {
         display: block;
         font-size: 12px;
@@ -4571,6 +4587,45 @@ $de-cmt-separator: $border-light !default;
     top: $de-td-table-border-top;
   }
 
+  .e-de-columns-presets-genral {
+    height: 62px;
+    width: 62px;
+    margin-right: 33px;
+    margin-bottom: 12px;
+  }
+  
+  .e-de-columns-padding-alignment {
+    padding-top: 24px;
+  }
+
+  .e-de-column-dlg-preview-div {
+    border: 1px solid $de-border-dlg-border-setting-divs-color;
+    height: 120px;
+    width: 120px;
+  }
+
+  .e-de-padding-col-prev{
+    padding-left: 15px;
+  }
+
+  .e-width-space-div{
+    width: 320px;
+  }
+    
+  .e-de-columns-presets-genral.e-de-rtl{
+    margin-left: 33px;
+  }
+  
+  .e-de-padding-col-prev.e-de-rtl{
+    padding-right: 15px;
+  }
+  
+  .e-de-column-dlg-preview-div.e-de-rtl{
+    border: 1px solid $de-border-dlg-border-setting-divs-color;
+    height: 120px;
+    width: 120px;
+  }
+
   .e-menu-item .e-de-cmt-add::before {
     content: '\e82c';
   }
@@ -4845,6 +4900,14 @@ $de-cmt-separator: $border-light !default;
   .e-item .e-de-paste-merge-table::before {
     content: '\e882';
   }
+
+  .e-de-preset-container {
+    width: 95px;
+  }
+
+  .e-de-preset-container.e-de-rtl {
+    width: 85px;
+  }
 }
 
 

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

@@ -2664,5 +2664,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: '\e980';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-break-text-wrapping::before {
+    content: '\e982';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-continuous::before {
+    content: '\e981';
+    font-family: 'e-icons';
+  }
+  
+  .e-de-ctnr-section-break-even-page::before {
+    content: '\e97e';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-odd-page::before {
+    content: '\e97f';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-columns-one::before {
+    content: '\e986';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-two::before {
+    content: '\e987';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-three::before {
+    content: '\e989';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-right::before {
+    content: '\e983';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-left::before {
+    content: '\e985';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
 }
 

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

@@ -2664,5 +2664,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: '\e980';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-page-break-text-wrapping::before {
+    content: '\e982';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-continuous::before {
+    content: '\e981';
+    font-family: 'e-icons';
+  }
+  
+  .e-de-ctnr-section-break-even-page::before {
+    content: '\e97e';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-section-break-odd-page::before {
+    content: '\e97f';
+    font-family: 'e-icons';
+  }
+
+  .e-de-ctnr-columns-one::before {
+    content: '\e986';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-two::before {
+    content: '\e987';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-three::before {
+    content: '\e989';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-right::before {
+    content: '\e983';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-left::before {
+    content: '\e985';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
 }
 

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

@@ -2680,5 +2680,70 @@ $de-hlt-clr-height-bigger: 25px;
     content: '\e720';
     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: '\e975';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-two::before {
+    content: '\e976';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
+
+  .e-de-ctnr-columns-three::before {
+    content: '\e977';
+    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: '\e974';
+    font-family: 'e-icons';
+    font-size: $de-column-presets-font-size;
+  }
 }
 

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

@@ -2716,5 +2716,71 @@ $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/bootstrap5.scss

@@ -2716,5 +2716,71 @@ $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/fabric-dark.scss

@@ -2669,5 +2669,71 @@ $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;
+  }
 }