@syncfusion/ej2-react-documenteditor 20.3.60 → 20.4.38

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

@@ -341,6 +341,45 @@
   top: 2px;
 }
 
+.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 #a19f9d;
+  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 #a19f9d;
+  height: 120px;
+  width: 120px;
+}
+
 .e-menu-item .e-de-cmt-add::before {
   content: "\e82c";
 }
@@ -604,6 +643,14 @@
   content: "\e882";
 }
 
+.e-de-preset-container {
+  width: 95px;
+}
+
+.e-de-preset-container.e-de-rtl {
+  width: 85px;
+}
+
 .e-de-dlg-container {
   padding-bottom: 16px;
 }
@@ -785,6 +832,20 @@
   background-color: #323130;
 }
 
+.e-de-column-label {
+  font-size: 12px;
+  font-weight: 600;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.e-de-column-label.e-de-rtl {
+  font-size: 12px;
+  font-weight: 600;
+  padding-left: 50px;
+  padding-right: 50px;
+}
+
 .e-de-ff-sub-header {
   display: block;
   font-size: 12px;

package/styles/document-editor/fluent.css

@@ -341,6 +341,45 @@
   top: 2px;
 }
 
+.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 #605e5c;
+  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 #605e5c;
+  height: 120px;
+  width: 120px;
+}
+
 .e-menu-item .e-de-cmt-add::before {
   content: "\e82c";
 }
@@ -604,6 +643,14 @@
   content: "\e882";
 }
 
+.e-de-preset-container {
+  width: 95px;
+}
+
+.e-de-preset-container.e-de-rtl {
+  width: 85px;
+}
+
 .e-de-dlg-container {
   padding-bottom: 16px;
 }
@@ -785,6 +832,20 @@
   background-color: #e1dfdd;
 }
 
+.e-de-column-label {
+  font-size: 12px;
+  font-weight: 600;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.e-de-column-label.e-de-rtl {
+  font-size: 12px;
+  font-weight: 600;
+  padding-left: 50px;
+  padding-right: 50px;
+}
+
 .e-de-ff-sub-header {
   display: block;
   font-size: 12px;

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

@@ -2360,6 +2360,45 @@ label[for=container_wholeWord] {
   top: -2px;
 }
 
+.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 rgba(0, 0, 0, 0.26);
+  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 rgba(0, 0, 0, 0.26);
+  height: 120px;
+  width: 120px;
+}
+
 .e-menu-item .e-de-cmt-add::before {
   content: "\e814";
   font-family: "e-icons";
@@ -2612,6 +2651,14 @@ label[for=container_wholeWord] {
   content: "\e68a";
 }
 
+.e-de-preset-container {
+  width: 95px;
+}
+
+.e-de-preset-container.e-de-rtl {
+  width: 85px;
+}
+
 .e-bigger {
   /* stylelint-disable */
   /* stylelint-enable */

package/styles/document-editor/highcontrast.css

@@ -314,6 +314,45 @@
   top: -2px;
 }
 
+.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 #ddd;
+  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 #ddd;
+  height: 120px;
+  width: 120px;
+}
+
 .e-menu-item .e-de-cmt-add::before {
   content: "\e814";
   font-family: "e-icons";
@@ -571,6 +610,14 @@
   content: "\e68a";
 }
 
+.e-de-preset-container {
+  width: 95px;
+}
+
+.e-de-preset-container.e-de-rtl {
+  width: 85px;
+}
+
 .e-de-dlg-container {
   padding-bottom: 12px;
 }
@@ -752,6 +799,20 @@
   background-color: #000;
 }
 
+.e-de-column-label {
+  font-size: 12px;
+  font-weight: normal;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.e-de-column-label.e-de-rtl {
+  font-size: 12px;
+  font-weight: normal;
+  padding-left: 50px;
+  padding-right: 50px;
+}
+
 .e-de-ff-sub-header {
   display: block;
   font-size: 12px;

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

@@ -302,6 +302,45 @@
   top: 4px;
 }
 
+.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 #ddd;
+  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 #ddd;
+  height: 120px;
+  width: 120px;
+}
+
 .e-de-acceptchange::before {
   content: "\e19f";
   font-family: "e-icons";
@@ -566,6 +605,14 @@
   content: "\e91f";
 }
 
+.e-de-preset-container {
+  width: 95px;
+}
+
+.e-de-preset-container.e-de-rtl {
+  width: 85px;
+}
+
 .e-de-dlg-container {
   padding-bottom: 12px;
 }
@@ -747,6 +794,20 @@
   background-color: #212121;
 }
 
+.e-de-column-label {
+  font-size: 12px;
+  font-weight: normal;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.e-de-column-label.e-de-rtl {
+  font-size: 12px;
+  font-weight: normal;
+  padding-left: 50px;
+  padding-right: 50px;
+}
+
 .e-de-ff-sub-header {
   display: block;
   font-size: 12px;

package/styles/document-editor/material.css

@@ -302,6 +302,45 @@
   top: 4px;
 }
 
+.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 rgba(0, 0, 0, 0.26);
+  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 rgba(0, 0, 0, 0.26);
+  height: 120px;
+  width: 120px;
+}
+
 .e-de-acceptchange::before {
   content: "\e19f";
   font-family: "e-icons";
@@ -566,6 +605,14 @@
   content: "\e91f";
 }
 
+.e-de-preset-container {
+  width: 95px;
+}
+
+.e-de-preset-container.e-de-rtl {
+  width: 85px;
+}
+
 .e-de-dlg-container {
   padding-bottom: 12px;
 }
@@ -747,6 +794,20 @@
   background-color: #fff;
 }
 
+.e-de-column-label {
+  font-size: 12px;
+  font-weight: normal;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.e-de-column-label.e-de-rtl {
+  font-size: 12px;
+  font-weight: normal;
+  padding-left: 50px;
+  padding-right: 50px;
+}
+
 .e-de-ff-sub-header {
   display: block;
   font-size: 12px;

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

@@ -344,6 +344,45 @@
   top: 2px;
 }
 
+.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 #d1d5db;
+  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 #d1d5db;
+  height: 120px;
+  width: 120px;
+}
+
 .e-menu-item .e-de-cmt-add::before {
   content: "\e82c";
 }
@@ -607,6 +646,14 @@
   content: "\e882";
 }
 
+.e-de-preset-container {
+  width: 95px;
+}
+
+.e-de-preset-container.e-de-rtl {
+  width: 85px;
+}
+
 .e-de-dlg-container {
   padding-bottom: 12px;
 }
@@ -788,6 +835,20 @@
   background-color: #4b5563;
 }
 
+.e-de-column-label {
+  font-size: 12px;
+  font-weight: 500;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.e-de-column-label.e-de-rtl {
+  font-size: 12px;
+  font-weight: 500;
+  padding-left: 50px;
+  padding-right: 50px;
+}
+
 .e-de-ff-sub-header {
   display: block;
   font-size: 12px;

package/styles/document-editor/tailwind.css

@@ -344,6 +344,45 @@
   top: 2px;
 }
 
+.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 #6b7280;
+  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 #6b7280;
+  height: 120px;
+  width: 120px;
+}
+
 .e-menu-item .e-de-cmt-add::before {
   content: "\e82c";
 }
@@ -607,6 +646,14 @@
   content: "\e882";
 }
 
+.e-de-preset-container {
+  width: 95px;
+}
+
+.e-de-preset-container.e-de-rtl {
+  width: 85px;
+}
+
 .e-de-dlg-container {
   padding-bottom: 12px;
 }
@@ -788,6 +835,20 @@
   background-color: #e5e7eb;
 }
 
+.e-de-column-label {
+  font-size: 12px;
+  font-weight: 500;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.e-de-column-label.e-de-rtl {
+  font-size: 12px;
+  font-weight: 500;
+  padding-left: 50px;
+  padding-right: 50px;
+}
+
 .e-de-ff-sub-header {
   display: block;
   font-size: 12px;

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

@@ -399,6 +399,71 @@
   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: 60px;
+}
+
+.e-de-ctnr-columns-two::before {
+  content: "\e987";
+  font-family: "e-icons";
+  font-size: 60px;
+}
+
+.e-de-ctnr-columns-three::before {
+  content: "\e989";
+  font-family: "e-icons";
+  font-size: 60px;
+}
+
+.e-de-ctnr-columns-right::before {
+  content: "\e983";
+  font-family: "e-icons";
+  font-size: 60px;
+}
+
+.e-de-ctnr-columns-left::before {
+  content: "\e985";
+  font-family: "e-icons";
+  font-size: 60px;
+}
+
 .e-de-toolbar {
   height: 100%;
 }