@syncfusion/ej2-react-documenteditor 20.2.50 → 20.3.48

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

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 .e-de-ctnr-close::before {
   color: #6c757d;
   content: "\e7e7";
@@ -421,6 +420,11 @@
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-mark::before {
+  content: "\e844";
+  font-family: "e-icons";
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -465,13 +469,14 @@
 
 .e-de-ctnr-hglt-no-color {
   font-size: 12px;
-  font-weight: 400;
+  font-weight: normal;
   left: 40px;
   padding-top: 11px;
   position: absolute;
   top: 100px;
 }
 
+/* stylelint-disable */
 .e-de-scrollbar-hide::-webkit-scrollbar {
   width: 0;
 }
@@ -481,6 +486,8 @@
   scrollbar-width: none;
 }
 
+/* stylelint-enable */
+/* stylelint-disable */
 .e-de-toolbar {
   height: 100%;
 }
@@ -586,7 +593,7 @@
 }
 .e-bigger .e-de-ctn-title button {
   font-size: 16px !important;
-  height: auto ​ !important;
+  height: auto !important;
   margin: 0 !important;
 }
 .e-bigger .e-de-ctn-title button .e-btn-icon {
@@ -713,11 +720,13 @@
 }
 
 .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 12px;
 }
 
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 12px;
   margin-right: 0;
@@ -1660,10 +1669,12 @@
   margin-right: 0;
 }
 .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-bigger .e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 16px;
 }
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-bigger .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 16px;
   margin-right: 0;

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

@@ -394,6 +394,11 @@
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-mark::before {
+  content: "\e353";
+  font-family: "e-icons";
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -438,13 +443,14 @@
 
 .e-de-ctnr-hglt-no-color {
   font-size: 12px;
-  font-weight: 400;
+  font-weight: normal;
   left: 40px;
   padding-top: 11px;
   position: absolute;
   top: 100px;
 }
 
+/* stylelint-disable */
 .e-de-scrollbar-hide::-webkit-scrollbar {
   width: 0;
 }
@@ -454,6 +460,8 @@
   scrollbar-width: none;
 }
 
+/* stylelint-enable */
+/* stylelint-disable */
 .e-de-toolbar {
   height: 100%;
 }
@@ -611,11 +619,13 @@
 }
 
 .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 12px;
 }
 
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 12px;
   margin-right: 0;
@@ -1427,10 +1437,12 @@
   margin-bottom: 16px;
 }
 .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-bigger .e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 16px;
 }
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-bigger .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 16px;
   margin-right: 0;

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

@@ -394,6 +394,11 @@
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-mark::before {
+  content: "\e353";
+  font-family: "e-icons";
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -438,13 +443,14 @@
 
 .e-de-ctnr-hglt-no-color {
   font-size: 12px;
-  font-weight: 400;
+  font-weight: normal;
   left: 40px;
   padding-top: 11px;
   position: absolute;
   top: 100px;
 }
 
+/* stylelint-disable */
 .e-de-scrollbar-hide::-webkit-scrollbar {
   width: 0;
 }
@@ -454,6 +460,8 @@
   scrollbar-width: none;
 }
 
+/* stylelint-enable */
+/* stylelint-disable */
 .e-de-toolbar {
   height: 100%;
 }
@@ -611,11 +619,13 @@
 }
 
 .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 12px;
 }
 
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 12px;
   margin-right: 0;
@@ -1431,10 +1441,12 @@
   margin-bottom: 16px;
 }
 .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-bigger .e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 16px;
 }
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-bigger .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 16px;
   margin-right: 0;

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

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 .e-de-ctnr-close::before {
   color: #a19f9d;
   content: "\e7e7";
@@ -421,6 +420,11 @@
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-mark::before {
+  content: "\e844";
+  font-family: "e-icons";
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -465,13 +469,14 @@
 
 .e-de-ctnr-hglt-no-color {
   font-size: 12px;
-  font-weight: 400;
+  font-weight: normal;
   left: 40px;
   padding-top: 11px;
   position: absolute;
   top: 100px;
 }
 
+/* stylelint-disable */
 .e-de-scrollbar-hide::-webkit-scrollbar {
   width: 0;
 }
@@ -481,6 +486,7 @@
   scrollbar-width: none;
 }
 
+/* stylelint-enable */
 .e-de-ctnr-group-btn .e-btn .e-btn-icon.e-icons.e-de-ctnr-fontcolor,
 .e-de-ctnr-group-btn .e-btn .e-btn-icon.e-icons.e-de-ctnr-change-case {
   font-size: 18px;
@@ -491,6 +497,7 @@
   font-size: 21px;
 }
 
+/* stylelint-disable */
 .e-de-toolbar {
   height: 100%;
 }
@@ -592,7 +599,7 @@
 }
 .e-bigger .e-de-ctn-title button {
   font-size: 16px !important;
-  height: auto ​ !important;
+  height: auto !important;
   margin: 0 !important;
 }
 .e-bigger .e-de-ctn-title button .e-btn-icon {
@@ -719,11 +726,13 @@
 }
 
 .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 16px;
 }
 
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 16px;
   margin-right: 0;
@@ -1547,10 +1556,12 @@
   margin-bottom: 20px;
 }
 .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-bigger .e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 20px;
 }
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-bigger .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 20px;
   margin-right: 0;

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

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 .e-de-ctnr-close::before {
   color: #605e5c;
   content: "\e7e7";
@@ -421,6 +420,11 @@
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-mark::before {
+  content: "\e844";
+  font-family: "e-icons";
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -465,13 +469,14 @@
 
 .e-de-ctnr-hglt-no-color {
   font-size: 12px;
-  font-weight: 400;
+  font-weight: normal;
   left: 40px;
   padding-top: 11px;
   position: absolute;
   top: 100px;
 }
 
+/* stylelint-disable */
 .e-de-scrollbar-hide::-webkit-scrollbar {
   width: 0;
 }
@@ -481,6 +486,7 @@
   scrollbar-width: none;
 }
 
+/* stylelint-enable */
 .e-de-ctnr-group-btn .e-btn .e-btn-icon.e-icons.e-de-ctnr-fontcolor,
 .e-de-ctnr-group-btn .e-btn .e-btn-icon.e-icons.e-de-ctnr-change-case {
   font-size: 18px;
@@ -491,6 +497,7 @@
   font-size: 21px;
 }
 
+/* stylelint-disable */
 .e-de-toolbar {
   height: 100%;
 }
@@ -592,7 +599,7 @@
 }
 .e-bigger .e-de-ctn-title button {
   font-size: 16px !important;
-  height: auto ​ !important;
+  height: auto !important;
   margin: 0 !important;
 }
 .e-bigger .e-de-ctn-title button .e-btn-icon {
@@ -719,11 +726,13 @@
 }
 
 .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 16px;
 }
 
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 16px;
   margin-right: 0;
@@ -1547,10 +1556,12 @@
   margin-bottom: 20px;
 }
 .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-bigger .e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 20px;
 }
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-bigger .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 20px;
   margin-right: 0;

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

@@ -308,63 +308,63 @@
   content: "\e339";
   font-family: "e-icons";
   font-size: 16px;
-  font-weight: 400;
+  font-weight: normal;
 }
 
 .e-de-italic::before {
   content: "\e35a";
   font-family: "e-icons";
   font-size: 16px;
-  font-weight: 400;
+  font-weight: normal;
 }
 
 .e-de-underline::before {
   content: "\e343";
   font-family: "e-icons";
   font-size: 16px;
-  font-weight: 400;
+  font-weight: normal;
 }
 
 .e-de-indent::before {
   content: "\e35d";
   font-family: "e-icons";
   font-size: 16px;
-  font-weight: 400;
+  font-weight: normal;
 }
 
 .e-de-outdent::before {
   content: "\e33f";
   font-family: "e-icons";
   font-size: 16px;
-  font-weight: 400;
+  font-weight: normal;
 }
 
 .e-de-align-left::before {
   content: "\e33a";
   font-family: "e-icons";
   font-size: 16px;
-  font-weight: 400;
+  font-weight: normal;
 }
 
 .e-de-align-center::before {
   content: "\e35e";
   font-family: "e-icons";
   font-size: 16px;
-  font-weight: 400;
+  font-weight: normal;
 }
 
 .e-de-align-right::before {
   content: "\e34d";
   font-family: "e-icons";
   font-size: 16px;
-  font-weight: 400;
+  font-weight: normal;
 }
 
 .e-de-justify::before {
   content: "\e334";
   font-family: "e-icons";
   font-size: 16px;
-  font-weight: 400;
+  font-weight: normal;
 }
 
 .e-de-single-spacing::before {
@@ -737,7 +737,7 @@
 
 .e-de-hyperlink-dlg-title {
   font-size: 12px;
-  font-weight: 400;
+  font-weight: normal;
   margin-bottom: 8px;
   margin-top: 8px;
 }
@@ -848,7 +848,7 @@ label[for=container_wholeWord] {
 .e-de-cell-dia-label-common {
   display: inline-block;
   font-size: 12px;
-  font-weight: 400;
+  font-weight: normal;
   margin-bottom: 8px;
   margin-top: 8px;
   width: 150px;
@@ -1631,7 +1631,7 @@ label[for=container_wholeWord] {
 .e-de-style-style-based-on,
 .e-de-style-style-paragraph {
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   margin-bottom: 8px;
   width: 180px;
 }
@@ -1900,7 +1900,7 @@ label[for=container_wholeWord] {
 }
 
 .e-styles-dlgfields {
-  font-weight: 400;
+  font-weight: normal;
   margin-bottom: 6px;
 }
 
@@ -1919,7 +1919,7 @@ label[for=container_wholeWord] {
 }
 
 .e-bookmark-dlgfields {
-  font-weight: 400;
+  font-weight: normal;
   margin-bottom: 0;
 }
 
@@ -2432,6 +2432,11 @@ label[for=container_wholeWord] {
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-mark::before {
+  content: "\e353";
+  font-family: "e-icons";
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -2476,13 +2481,14 @@ label[for=container_wholeWord] {
 
 .e-de-ctnr-hglt-no-color {
   font-size: 12px;
-  font-weight: 400;
+  font-weight: normal;
   left: 40px;
   padding-top: 11px;
   position: absolute;
   top: 100px;
 }
 
+/* stylelint-disable */
 .e-de-scrollbar-hide::-webkit-scrollbar {
   width: 0;
 }
@@ -2492,6 +2498,8 @@ label[for=container_wholeWord] {
   scrollbar-width: none;
 }
 
+/* stylelint-enable */
+/* stylelint-disable */
 .e-de-toolbar {
   height: 100%;
 }
@@ -2649,11 +2657,13 @@ label[for=container_wholeWord] {
 }
 
 .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 12px;
 }
 
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 12px;
   margin-right: 0;
@@ -3465,10 +3475,12 @@ label[for=container_wholeWord] {
   margin-bottom: 16px;
 }
 .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-bigger .e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 16px;
 }
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-bigger .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 16px;
   margin-right: 0;

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

@@ -394,6 +394,11 @@
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-mark::before {
+  content: "\e353";
+  font-family: "e-icons";
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -438,13 +443,14 @@
 
 .e-de-ctnr-hglt-no-color {
   font-size: 12px;
-  font-weight: 400;
+  font-weight: normal;
   left: 40px;
   padding-top: 11px;
   position: absolute;
   top: 100px;
 }
 
+/* stylelint-disable */
 .e-de-scrollbar-hide::-webkit-scrollbar {
   width: 0;
 }
@@ -454,6 +460,8 @@
   scrollbar-width: none;
 }
 
+/* stylelint-enable */
+/* stylelint-disable */
 .e-de-toolbar {
   height: 100%;
 }
@@ -611,11 +619,13 @@
 }
 
 .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 12px;
 }
 
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 12px;
   margin-right: 0;
@@ -1436,10 +1446,12 @@
   margin-bottom: 16px;
 }
 .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-bigger .e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 16px;
 }
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-bigger .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 16px;
   margin-right: 0;

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

@@ -397,6 +397,11 @@
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-mark::before {
+  content: "\e353";
+  font-family: "e-icons";
+}
+
 .e-de-toolbar {
   height: 100%;
 }
@@ -441,13 +446,14 @@
 
 .e-de-ctnr-hglt-no-color {
   font-size: 12px;
-  font-weight: 400;
+  font-weight: normal;
   left: 40px;
   padding-top: 11px;
   position: absolute;
   top: 100px;
 }
 
+/* stylelint-disable */
 .e-de-scrollbar-hide::-webkit-scrollbar {
   width: 0;
 }
@@ -457,6 +463,8 @@
   scrollbar-width: none;
 }
 
+/* stylelint-enable */
+/* stylelint-disable */
 .e-de-toolbar {
   height: 100%;
 }
@@ -614,11 +622,13 @@
 }
 
 .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 12px;
 }
 
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 12px;
   margin-right: 0;
@@ -1430,10 +1440,12 @@
   margin-bottom: 16px;
 }
 .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
+.e-bigger .e-de-ctnr-segment-list > div:last-child:not(.e-rtl),
 .e-bigger .e-de-ctnr-segment > button:first-child:not(.e-rtl) {
   margin-right: 12px;
 }
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child,
+.e-bigger .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child,
 .e-bigger .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child {
   margin-left: 12px;
   margin-right: 0;