@syncfusion/ej2-react-richtexteditor 19.4.55 → 20.1.48

package/styles/tailwind.css

@@ -3,363 +3,363 @@
 /*! richtexteditor icons */
 .e-rte-toolbar .e-alignments::before,
 .e-rte-dropdown-popup .e-alignments::before {
-  content: '\e7ae';
+  content: '\e7b8';
 }
 
 .e-rte-toolbar .e-justify-left::before,
 .e-rte-dropdown-popup .e-justify-left::before {
-  content: '\e7ae';
+  content: '\e7b8';
 }
 
 .e-rte-toolbar .e-justify-center::before,
 .e-rte-dropdown-popup .e-justify-center::before {
-  content: '\e74f';
+  content: '\e813';
 }
 
 .e-rte-toolbar .e-justify-right::before,
 .e-rte-dropdown-popup .e-justify-right::before {
-  content: '\e772';
+  content: '\e719';
 }
 
 .e-rte-toolbar .e-justify-full::before,
 .e-rte-dropdown-popup .e-justify-full::before {
-  content: '\e723';
+  content: '\e721';
 }
 
 .e-rte-toolbar .e-font-name::before,
 .e-rte-dropdown-popup .e-font-name::before {
-  content: '\e766';
+  content: '\e76f';
 }
 
 .e-rte-toolbar .e-font-color::before,
 .e-rte-dropdown-popup .e-font-color::before {
-  content: '\e775';
+  content: '\e79f';
 }
 
 .e-rte-toolbar .e-background-color::before,
 .e-rte-dropdown-popup .e-background-color::before {
-  content: '\e782';
+  content: '\e783';
 }
 
 .e-rte-toolbar .e-bold::before,
 .e-rte-dropdown-popup .e-bold::before {
-  content: '\e79d';
+  content: '\e737';
 }
 
 .e-rte-toolbar .e-italic::before,
 .e-rte-dropdown-popup .e-italic::before {
-  content: '\e722';
+  content: '\e75a';
 }
 
 .e-rte-toolbar .e-underline::before,
 .e-rte-dropdown-popup .e-underline::before {
-  content: '\e7d4';
+  content: '\e82f';
 }
 
 .e-rte-toolbar .e-strike-through::before,
 .e-rte-dropdown-popup .e-strike-through::before {
-  content: '\e760';
+  content: '\e758';
 }
 
 .e-rte-toolbar .e-clear-format::before,
 .e-rte-dropdown-popup .e-clear-format::before {
-  content: '\e76b';
+  content: '\e803';
 }
 
 .e-rte-toolbar .e-clear-all::before,
 .e-rte-dropdown-popup .e-clear-all::before {
-  content: '\e76b';
+  content: '\e7cc';
 }
 
 .e-rte-toolbar .e-cut::before,
 .e-rte-dropdown-popup .e-cut::before {
-  content: '\e763';
+  content: '\e7fb';
 }
 
 .e-rte-toolbar .e-copy::before,
 .e-rte-dropdown-popup .e-copy::before {
-  content: '\e7ce';
+  content: '\e77c';
 }
 
 .e-rte-toolbar .e-paste::before,
 .e-rte-dropdown-popup .e-paste::before {
-  content: '\e75e';
+  content: '\e70b';
 }
 
 .e-rte-toolbar .e-unorder-list::before,
 .e-rte-dropdown-popup .e-unorder-list::before {
-  content: '\e743';
+  content: '\e77e';
 }
 
 .e-rte-toolbar .e-order-list::before,
 .e-rte-dropdown-popup .e-order-list::before {
-  content: '\e71f';
+  content: '\e7cb';
 }
 
 .e-rte-toolbar .e-indent::before,
 .e-rte-dropdown-popup .e-indent::before {
-  content: '\e7ac';
+  content: '\e810';
 }
 
 .e-rte-toolbar .e-outdent::before,
 .e-rte-dropdown-popup .e-outdent::before {
-  content: '\e735';
+  content: '\e72a';
 }
 
 .e-rte-toolbar .e-undo::before,
 .e-rte-dropdown-popup .e-undo::before {
-  content: '\e7bd';
+  content: '\e713';
 }
 
 .e-rte-toolbar .e-redo::before,
 .e-rte-dropdown-popup .e-redo::before {
-  content: '\e7b9';
+  content: '\e755';
 }
 
 .e-rte-toolbar .e-super-script::before,
 .e-rte-dropdown-popup .e-super-script::before {
-  content: '\e7cb';
+  content: '\e7a7';
 }
 
 .e-rte-toolbar .e-sub-script::before,
 .e-rte-dropdown-popup .e-sub-script::before {
-  content: '\e7b4';
+  content: '\e80a';
 }
 
 .e-rte-toolbar .e-create-link::before,
 .e-rte-dropdown-popup .e-create-link::before {
-  content: '\e74a';
+  content: '\e757';
 }
 
 .e-rte-toolbar .e-open-link::before,
 .e-rte-dropdown-popup .e-open-link::before {
-  content: '\e778';
+  content: '\e77a';
 }
 
 .e-rte-toolbar .e-edit-link::before,
 .e-rte-dropdown-popup .e-edit-link::before {
-  content: '\e7d2';
+  content: '\e722';
 }
 
 .e-rte-toolbar .e-remove-link::before,
 .e-rte-dropdown-popup .e-remove-link::before {
-  content: '\e776';
+  content: '\e80c';
 }
 
 .e-rte-toolbar .e-image::before,
 .e-rte-dropdown-popup .e-image::before {
-  content: '\e7da';
+  content: '\e786';
 }
 
 .e-rte-toolbar .e-replace::before,
 .e-rte-dropdown-popup .e-replace::before {
-  content: '\e71c';
+  content: '\e710';
 }
 
 .e-rte-toolbar .e-align::before,
 .e-rte-dropdown-popup .e-align::before {
-  content: '\e7ae';
+  content: '\e7b8';
 }
 
 .e-rte-toolbar .e-caption::before,
 .e-rte-dropdown-popup .e-caption::before {
-  content: '\e785';
+  content: '\e82e';
 }
 
 .e-rte-toolbar .e-remove::before,
 .e-rte-dropdown-popup .e-remove::before {
-  content: '\e78d';
+  content: '\e820';
 }
 
 .e-rte-toolbar .e-insert-link::before,
 .e-rte-dropdown-popup .e-insert-link::before {
-  content: '\e74a';
+  content: '\e757';
 }
 
 .e-rte-toolbar .e-display::before,
 .e-rte-dropdown-popup .e-display::before {
-  content: '\e7c7';
+  content: '\e7b7';
 }
 
 .e-rte-toolbar .e-alt-text::before,
 .e-rte-dropdown-popup .e-alt-text::before {
-  content: '\e70d';
+  content: '\e769';
 }
 
 .e-rte-toolbar .e-img-dimension::before,
 .e-rte-dropdown-popup .e-img-dimension::before {
-  content: '\e756';
+  content: '\e879';
 }
 
 .e-rte-toolbar .e-maximize::before,
 .e-rte-dropdown-popup .e-maximize::before {
-  content: '\e77c';
+  content: '\e81c';
 }
 
 .e-rte-toolbar .e-minimize::before,
 .e-rte-dropdown-popup .e-minimize::before {
-  content: '\e734';
+  content: '\e7b0';
 }
 
 .e-rte-toolbar .e-zoom-in::before,
 .e-rte-dropdown-popup .e-zoom-in::before {
-  content: '\e70a';
+  content: '\e795';
 }
 
 .e-rte-toolbar .e-zoom-out::before,
 .e-rte-dropdown-popup .e-zoom-out::before {
-  content: '\e779';
+  content: '\e825';
 }
 
 .e-rte-toolbar .e-lower-case::before,
 .e-rte-dropdown-popup .e-lower-case::before {
-  content: '\e720';
+  content: '\e746';
 }
 
 .e-rte-toolbar .e-upper-case::before,
 .e-rte-dropdown-popup .e-upper-case::before {
-  content: '\e79e';
+  content: '\e793';
 }
 
 .e-rte-toolbar .e-print::before,
 .e-rte-dropdown-popup .e-print::before {
-  content: '\e76c';
+  content: '\e75d';
 }
 
 .e-rte-toolbar .e-formats::before,
 .e-rte-dropdown-popup .e-formats::before {
-  content: '\e72d';
+  content: '\e844';
 }
 
 .e-rte-toolbar .e-source-code::before,
 .e-rte-dropdown-popup .e-source-code::before {
-  content: '\e748';
+  content: '\e80e';
 }
 
 .e-rte-toolbar .e-preview::before,
 .e-rte-dropdown-popup .e-preview::before {
-  content: '\e7d0';
+  content: '\e7de';
 }
 
 .e-rte-toolbar .e-view-side::before,
 .e-rte-dropdown-popup .e-view-side::before {
-  content: '\e7c0';
+  content: '\e82b';
 }
 
 .e-rte-toolbar .e-insert-code::before,
 .e-rte-dropdown-popup .e-insert-code::before {
-  content: '\e759';
+  content: '\e831';
 }
 
 .e-rte-toolbar .e-table-header::before,
 .e-rte-dropdown-popup .e-table-header::before {
-  content: '\e787';
+  content: '\e7c3';
 }
 
 .e-rte-toolbar .e-table-remove::before,
 .e-rte-dropdown-popup .e-table-remove::before {
-  content: '\e78d';
+  content: '\e820';
 }
 
 .e-rte-toolbar .e-table-rows::before,
 .e-rte-dropdown-popup .e-table-rows::before {
-  content: '\e78e';
+  content: '\e77f';
 }
 
 .e-rte-toolbar .e-table-columns::before,
 .e-rte-dropdown-popup .e-table-columns::before {
-  content: '\e7dc';
+  content: '\e841';
 }
 
 .e-rte-toolbar .e-table-cell-ver-align::before,
 .e-rte-dropdown-popup .e-table-cell-ver-align::before {
-  content: '\e7cc';
+  content: '\e74f';
 }
 
 .e-rte-toolbar .e-table-edit-properties::before,
 .e-rte-dropdown-popup .e-table-edit-properties::before {
-  content: '\e7d2';
+  content: '\e730';
 }
 
 .e-rte-toolbar .e-create-table::before,
 .e-rte-dropdown-popup .e-create-table::before {
-  content: '\e7a1';
+  content: '\e7e9';
 }
 
 .e-rte-toolbar .e-align-bottom::before,
 .e-rte-dropdown-popup .e-align-bottom::before {
-  content: '\e73e';
+  content: '\e7a0';
 }
 
 .e-rte-toolbar .e-align-middle::before,
 .e-rte-dropdown-popup .e-align-middle::before {
-  content: '\e7cc';
+  content: '\e74f';
 }
 
 .e-rte-toolbar .e-align-top::before,
 .e-rte-dropdown-popup .e-align-top::before {
-  content: '\e709';
+  content: '\e707';
 }
 
 .e-rte-toolbar .e-insert-column-left::before,
 .e-rte-dropdown-popup .e-insert-column-left::before {
-  content: '\e7db';
+  content: '\e78b';
 }
 
 .e-rte-toolbar .e-insert-column-right::before,
 .e-rte-dropdown-popup .e-insert-column-right::before {
-  content: '\e710';
+  content: '\e70e';
 }
 
 .e-rte-toolbar .e-delete-column::before,
 .e-rte-dropdown-popup .e-delete-column::before {
-  content: '\e721';
+  content: '\e714';
 }
 
 .e-rte-toolbar .e-insert-row-before::before,
 .e-rte-dropdown-popup .e-insert-row-before::before {
-  content: '\e7dd';
+  content: '\e836';
 }
 
 .e-rte-toolbar .e-insert-row-after::before,
 .e-rte-dropdown-popup .e-insert-row-after::before {
-  content: '\e757';
+  content: '\e801';
 }
 
 .e-rte-toolbar .e-delete-row::before,
 .e-rte-dropdown-popup .e-delete-row::before {
-  content: '\e75a';
+  content: '\e7f2';
 }
 
 .e-rte-toolbar .e-style::before,
 .e-rte-dropdown-popup .e-style::before {
-  content: '\e724';
+  content: '\e76e';
 }
 
 .e-rte-toolbar .e-rte-file-manager::before,
 .e-rte-dropdown-popup .e-rte-file-manager::before {
-  content: '\e7d3';
+  content: '\e83c';
 }
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
-  content: '\e715';
+  content: '\e761';
 }
 
 .e-cell-merge::before {
-  content: '\e90f';
+  content: '\e83a';
 }
 
 .e-cell-horizontal-split::before {
-  content: '\e90c';
+  content: '\e7a4';
 }
 
 .e-cell-vertical-split::before {
-  content: '\e90a';
+  content: '\e732';
 }
 
 .e-table-cell::before {
-  content: '\e917';
+  content: '\e7c2';
 }
 
 /*! tab layout */
@@ -752,6 +752,7 @@
   line-height: 1.5;
   opacity: 00.54;
   overflow: hidden;
+  padding: 12px;
   position: absolute;
   text-align: start;
   top: 0;
@@ -779,7 +780,7 @@
   min-height: 100px;
   outline: 0 solid transparent;
   overflow-x: auto;
-  padding: 11px 12px 12px 13px;
+  padding: 12px;
   position: relative;
   text-align: inherit;
   z-index: 2;
@@ -915,11 +916,10 @@
 
 .e-richtexteditor .e-rte-character-count {
   bottom: 0;
-  color: #9ca3af;
-  font-family: 'Times New Roman', Georgia, Serif;
+  color: #6b7280;
   font-size: 14px;
   margin-right: 30px;
-  opacity: 00.54;
+  opacity: 1;
   padding-bottom: 2px;
   position: absolute;
   right: 0;
@@ -2431,7 +2431,7 @@
 }
 
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-icons {
-  color: #111827;
+  color: #6b7280;
 }
 
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-dropdown-btn.e-active {
@@ -2448,7 +2448,7 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-fontcolor-dropdown:hover .e-rte-color-content::after,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-numberformatlist-dropdown:hover .e-rte-color-content::after,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-bulletformatlist-dropdown:hover .e-rte-color-content::after {
-  background: #fff;
+  background: #f3f4f6;
 }
 
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown:active:hover .e-icons,
@@ -2458,6 +2458,13 @@
   color: #e5e7eb;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown:active:hover .e-icons,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-fontcolor-dropdown:active:hover .e-icons,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-numberformatlist-dropdown:active:hover .e-icons,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-bulletformatlist-dropdown:active:hover .e-icons {
+  color: #6b7280;
+}
+
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown:active:hover .e-caret:active.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown:active:hover .e-rte-color-content:active .e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown:active:hover .e-rte-list-primary-content:active .e-icons,
@@ -2477,7 +2484,7 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-fontcolor-dropdown:hover,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-numberformatlist-dropdown:hover,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-bulletformatlist-dropdown:hover {
-  background: #e5e7eb;
+  background: #f3f4f6;
 }
 
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown:hover .e-rte-color-content:hover,
@@ -2488,7 +2495,7 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-numberformatlist-dropdown:hover .e-rte-list-primary-content:hover,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-bulletformatlist-dropdown:hover .e-rte-color-content:hover,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-bulletformatlist-dropdown:hover .e-rte-list-primary-content:hover {
-  background: #e5e7eb;
+  background: #f3f4f6;
 }
 
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown:hover .e-rte-color-content:focus,
@@ -2517,7 +2524,7 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-fontcolor-dropdown:hover .e-caret:hover,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-numberformatlist-dropdown:hover .e-caret:hover,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-bulletformatlist-dropdown:hover .e-caret:hover {
-  background: #e5e7eb;
+  background: #f3f4f6;
 }
 
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown:hover .e-caret:focus,
@@ -2576,7 +2583,7 @@
 }
 
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
-  color: #111827;
+  color: #6b7280;
 }
 
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
@@ -2776,11 +2783,11 @@
 }
 
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-icons {
-  color: #111827;
+  color: #6b7280;
 }
 
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
-  color: #111827;
+  color: #6b7280;
 }
 
 .e-rte-quick-popup .e-rte-dropdown-btn {
@@ -2962,13 +2969,18 @@ span.e-table-box.e-rbox-select {
 }
 
 .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
-  color: #111827;
+  color: #6b7280;
 }
 
 .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
   border-radius: 4px;
 }
 
+.e-richtexteditor .e-toolbar .e-tbar-btn {
+  border-bottom: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
 .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
   background: #f9fafb;
   border: 1px solid #d1d5db;
@@ -2982,3 +2994,10 @@ span.e-table-box.e-rbox-select {
 .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
   border-bottom: 0;
 }
+
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn:active .e-icons,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn:active .e-rte-dropdown-btn-text,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn:focus .e-rte-dropdown-btn-text,
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-icon-button:focus .e-icons {
+  color: #6b7280;
+}