@syncfusion/ej2-richtexteditor 29.2.4-771571 → 29.2.4-803054

package/styles/highcontrast.scss

@@ -1,5 +1,5 @@
-@import 'ej2-base/styles/definition/highcontrast.scss';
-@import 'rich-text-editor/highcontrast-definition.scss';
-@import 'rich-text-editor/icons/highcontrast.scss';
-@import 'rich-text-editor/all.scss';
-@import 'rich-text-editor/bigger.scss';
+@use 'ej2-base/styles/definition/highcontrast' as *;
+@use 'rich-text-editor/highcontrast-definition' as *;
+@use 'rich-text-editor/icons/highcontrast' as *;
+@use 'rich-text-editor/all.highcontrast' as *;
+@use 'rich-text-editor/bigger.highcontrast' as *;

package/styles/material-dark-lite.css

@@ -24,6 +24,12 @@
 .e-rte-dropdown-popup .e-justify-left::before {
   content: "\e33a";
 }
+.e-toolbar-wrapper .e-lineHeight::before,
+.e-toolbar-container .e-lineHeight::before,
+.e-rte-toolbar .e-lineHeight::before,
+.e-rte-dropdown-popup .e-lineHeight::before {
+  content: "\eb37";
+}
 .e-toolbar-wrapper .e-rte-checklist-icon::before,
 .e-toolbar-container .e-rte-checklist-icon::before,
 .e-rte-toolbar .e-rte-checklist-icon::before,
@@ -636,10 +642,9 @@
   text-align: left;
 }
 .e-richtexteditor.e-rtl .e-rte-character-count {
-  left: 0;
+  margin-right: auto;
   padding-left: 30px;
   padding-right: unset;
-  right: unset;
 }
 .e-richtexteditor.e-rtl .e-rte-content .e-content blockquote {
   padding-left: 0;
@@ -649,7 +654,8 @@
   margin-left: 0;
 }
 .e-richtexteditor .e-rte-toolbar .e-hor-nav.e-expended-nav {
-  height: auto;
+  height: 42px;
+  min-height: 42px;
 }
 .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
   display: inline-block;
@@ -733,7 +739,7 @@
   position: relative;
   text-align: inherit;
   z-index: 2;
-  font-weight: normal; /* normal = 400 */
+  font-weight: 400;
   line-height: 1.5;
   font-size: 1em;
   /* stylelint-disable property-no-vendor-prefix */
@@ -748,6 +754,11 @@
   margin: 0 0 10px;
   margin-bottom: 10px;
 }
+.e-richtexteditor .e-rte-content .e-content blockquote,
+.e-richtexteditor .e-source-content .e-content blockquote,
+.e-richtexteditor .e-rte-iframe-content .e-content blockquote {
+  font-size: 1em;
+}
 .e-richtexteditor .e-rte-content .e-content code,
 .e-richtexteditor .e-source-content .e-content code,
 .e-richtexteditor .e-rte-iframe-content .e-content code {
@@ -912,7 +923,6 @@
 .e-richtexteditor .e-source-content .e-content h6,
 .e-richtexteditor .e-rte-iframe-content .e-content h6 {
   font-size: 1.142em;
-  line-height: 600;
   line-height: 1.5;
   margin: 10px 0;
 }
@@ -931,6 +941,11 @@
   border-spacing: 0;
   empty-cells: show;
 }
+.e-richtexteditor .e-rte-content .e-content table:not(:first-child):not(table table),
+.e-richtexteditor .e-source-content .e-content table:not(:first-child):not(table table),
+.e-richtexteditor .e-rte-iframe-content .e-content table:not(:first-child):not(table table) {
+  margin-top: 10px;
+}
 .e-richtexteditor .e-rte-content .e-content pre,
 .e-richtexteditor .e-source-content .e-content pre,
 .e-richtexteditor .e-rte-iframe-content .e-content pre {
@@ -995,7 +1010,7 @@
 .e-richtexteditor .e-source-content .e-content b,
 .e-richtexteditor .e-rte-iframe-content .e-content strong,
 .e-richtexteditor .e-rte-iframe-content .e-content b {
-  font-weight: bold;
+  font-weight: 700;
 }
 .e-richtexteditor .e-rte-content .e-content a,
 .e-richtexteditor .e-source-content .e-content a,
@@ -1026,13 +1041,17 @@
   margin-bottom: 0;
 }
 .e-richtexteditor .e-rte-content .e-content h3 + h4,
-.e-richtexteditor .e-rte-content .e-content h4 + h5,
-.e-richtexteditor .e-rte-content .e-content h5 + h6,
 .e-richtexteditor .e-source-content .e-content h3 + h4,
+.e-richtexteditor .e-rte-iframe-content .e-content h3 + h4 {
+  margin-top: 0.6em;
+}
+.e-richtexteditor .e-rte-content .e-content h4 + h5,
 .e-richtexteditor .e-source-content .e-content h4 + h5,
+.e-richtexteditor .e-rte-iframe-content .e-content h4 + h5 {
+  margin-top: 0.6em;
+}
+.e-richtexteditor .e-rte-content .e-content h5 + h6,
 .e-richtexteditor .e-source-content .e-content h5 + h6,
-.e-richtexteditor .e-rte-iframe-content .e-content h3 + h4,
-.e-richtexteditor .e-rte-iframe-content .e-content h4 + h5,
 .e-richtexteditor .e-rte-iframe-content .e-content h5 + h6 {
   margin-top: 0.6em;
 }
@@ -1113,7 +1132,7 @@
 .e-richtexteditor .e-rte-character-count {
   color: #fff;
   font-size: 14px;
-  margin-right: 10px;
+  margin-right: 15px;
   opacity: 0.54;
   padding-bottom: 2px;
   text-align: right;
@@ -1128,6 +1147,9 @@
   color: #ff6652;
   opacity: unset;
 }
+.e-richtexteditor:not(.e-rtl) .e-rte-character-count:last-child {
+  margin-right: 10px;
+}
 .e-richtexteditor .e-rte-srctextarea {
   background-color: transparent;
   border: 0;
@@ -1142,15 +1164,15 @@
   width: 100%;
 }
 .e-richtexteditor .e-resize-handle {
-  height: 15px;
   position: absolute;
-  width: 15px;
+  margin-bottom: 3px;
 }
 .e-richtexteditor .e-resize-handle.e-south-east {
   bottom: 0;
   cursor: nwse-resize;
   right: 0;
   z-index: 100;
+  margin-right: 3px;
 }
 .e-richtexteditor .e-resize-handle.e-south-west {
   bottom: 0;
@@ -1159,6 +1181,7 @@
   -webkit-transform: rotate(90deg);
           transform: rotate(90deg);
   z-index: 100;
+  margin-left: 3px;
 }
 .e-richtexteditor.e-rtl.e-rte-resize {
   float: right;
@@ -1237,7 +1260,7 @@
   padding: 5px;
 }
 .e-richtexteditor .e-video-url-wrap textarea {
-  height: 80px;
+  min-height: 80px;
 }
 .e-richtexteditor .e-rte-value-wrapper {
   display: none;
@@ -1264,7 +1287,7 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-colorpicker-container.e-rte-background-colorpicker .e-split-colorpicker.e-icons::before {
   display: block;
   font-family: "e-icons";
-  font-weight: normal;
+  font-weight: 400;
   line-height: 1;
   text-transform: none;
 }
@@ -1297,7 +1320,7 @@
 }
 
 .e-rte-label label {
-  font-weight: normal;
+  font-weight: 400;
 }
 
 .e-rte-linkcontent .e-rte-label:first-child {
@@ -1336,7 +1359,7 @@
 }
 .e-rte-dropdown-popup ul .e-item.e-h1 {
   font-size: 2em;
-  font-weight: bold;
+  font-weight: 700;
   height: 40px;
   line-height: 40px;
 }
@@ -1347,25 +1370,25 @@
 }
 .e-rte-dropdown-popup ul .e-item.e-h2 {
   font-size: 1.5em;
-  font-weight: bold;
+  font-weight: 700;
   height: 40px;
   line-height: 40px;
 }
 .e-rte-dropdown-popup ul .e-item.e-h3 {
   font-size: 1.16em;
-  font-weight: bold;
+  font-weight: 700;
 }
 .e-rte-dropdown-popup ul .e-item.e-h4 {
   font-size: 1em;
-  font-weight: bold;
+  font-weight: 700;
 }
 .e-rte-dropdown-popup ul .e-item.e-h5 {
   font-size: 0.83em;
-  font-weight: bold;
+  font-weight: 700;
 }
 .e-rte-dropdown-popup ul .e-item.e-h6 {
   font-size: 0.7em;
-  font-weight: bold;
+  font-weight: 700;
 }
 .e-rte-dropdown-popup ul .e-item.e-segoe-ui {
   font-family: "Segoe UI", "Tahoma", "Geneva", "Verdana", sans-serif;
@@ -1551,7 +1574,7 @@
           box-sizing: border-box;
   display: block;
   font-size: 16px;
-  font-weight: initial;
+  font-weight: 400;
   margin: auto;
   opacity: 0.9;
   position: relative;
@@ -1812,7 +1835,6 @@
 .e-rte-elements .e-dialog .e-aud-uploadwrap.e-droparea,
 .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea,
 .e-rte-elements .e-dialog .e-word-uploadwrap.e-droparea {
-  line-height: 10;
   min-height: 50px;
   position: relative;
 }
@@ -1827,16 +1849,6 @@
   display: inline-block;
   line-height: normal;
 }
-.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
-.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
-.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea,
-.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-word-uploadwrap.e-droparea,
-.e-rte-elements .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
-.e-rte-elements .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
-.e-rte-elements .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea,
-.e-rte-elements .e-dialog.e-device.e-dlg-modal .e-word-uploadwrap.e-droparea {
-  line-height: 4;
-}
 .e-richtexteditor .e-rte-inline-dropdown ul,
 .e-rte-elements .e-rte-inline-dropdown ul {
   max-height: 200px;
@@ -1853,7 +1865,7 @@
   -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
           box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
   font-size: 14px;
-  font-weight: normal;
+  font-weight: 400;
   min-width: 120px;
   overflow: hidden;
   padding: 10px;
@@ -1973,7 +1985,7 @@
 }
 .e-richtexteditor .e-rte-edit-table-content .e-rte-dropdown-btn-text,
 .e-rte-elements .e-rte-edit-table-content .e-rte-dropdown-btn-text {
-  font-weight: normal;
+  font-weight: 400;
 }
 .e-richtexteditor .e-rte-edit-table-content .e-rte-edit-table-borderlabel,
 .e-rte-elements .e-rte-edit-table-content .e-rte-edit-table-borderlabel {
@@ -1987,9 +1999,15 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open,
 .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open {
   border: none;
-  min-width: 120px;
-  height: 330px;
-  width: 308px;
+  min-height: 330px;
+  min-width: 310px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn,
 .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn {
@@ -2006,6 +2024,10 @@
 .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-input-group.e-control-wrapper {
   margin: 10px;
   width: 94%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  -ms-flex-item-align: center;
+      align-self: center;
 }
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-input-group.e-control-wrapper .e-rte-emoji-search,
 .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-input-group.e-control-wrapper .e-rte-emoji-search {
@@ -2031,10 +2053,7 @@
   -webkit-box-shadow: none;
           box-shadow: none;
   padding: 6px 0;
-  width: 40px;
-  height: 40px;
   border: none;
-  line-height: 0;
   font-size: 24px;
 }
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn,
@@ -2051,10 +2070,7 @@
           box-shadow: none;
   font-size: 24px;
   padding: 6px 0;
-  width: 40px;
-  height: 40px;
   border: none;
-  line-height: 0;
 }
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipicker-name,
 .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipicker-name {
@@ -2227,7 +2243,7 @@
 }
 
 .e-dialog.e-rte-dialog-minheight {
-  min-height: 296px;
+  min-height: 298px;
 }
 
 .e-content-placeholder.e-richtexteditor.e-placeholder-richtexteditor {
@@ -2256,7 +2272,6 @@
 .e-rte-import-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
 .e-rte-import-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea,
 .e-rte-import-dialog.e-dialog.e-device.e-dlg-modal .e-word-uploadwrap.e-droparea {
-  line-height: 10;
   min-height: 50px;
   position: relative;
 }
@@ -2320,16 +2335,6 @@
 .e-rte-import-dialog.e-dialog.e-device.e-dlg-modal .e-word-uploadwrap.e-droparea .e-file-select-wrap {
   display: none;
 }
-.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
-.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
-.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
-.e-rte-import-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader {
-  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
-  font-size: 15px;
-  opacity: 0.87;
-  padding-bottom: 20px;
-  padding-top: 20px;
-}
 
 .e-rte-import-dialog .e-dlg-content {
   overflow-y: hidden;
@@ -2349,7 +2354,7 @@
 .e-dialog .e-vid-uploadwrap .e-droptext,
 .e-dialog .e-word-uploadwrap .e-droptext,
 .e-dialog.e-device .e-vid-uploadwrap .e-droptext {
-  border: dashed 2px rgba(255, 255, 255, 0.12);
+  border: 2px dashed rgba(255, 255, 255, 0.12);
   border-radius: 4px;
   color: rgba(255, 255, 255, 0.7);
   font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
@@ -2436,13 +2441,13 @@
   -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
           box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
   font-size: 14px;
-  font-weight: normal;
+  font-weight: 400;
   min-width: 120px;
   overflow: hidden;
   padding: 10px;
 }
 .e-rte-elements.e-dropdown-popup.e-popup.e-font-size-tbar-btn.e-popup-open {
-  width: 95px;
+  min-width: 95px;
 }
 .e-rte-elements.e-dropdown-popup.e-rte-codeblock-dropdown.e-popup-open ul {
   max-height: 300px;
@@ -2460,7 +2465,6 @@
 .e-rte-elements.e-dialog .e-aud-uploadwrap.e-droparea,
 .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea,
 .e-rte-elements.e-dialog .e-word-uploadwrap.e-droparea {
-  line-height: 10;
   min-height: 50px;
   position: relative;
 }
@@ -2541,11 +2545,10 @@
 .e-rte-elements.e-slash-menu .e-rte-slash-menu-item-description {
   display: block;
   line-height: 20px;
-  font-size: 11px;
+  font-size: 12px;
   padding: 1px 0 5px;
 }
 .e-rte-elements.e-slash-menu .e-slash-menu-icon {
-  line-height: 0;
   display: inline-block;
   width: 50px;
   font-family: "Segoe UI", "Tahoma", "Geneva", "Verdana", sans-serif;
@@ -2647,10 +2650,8 @@
           transform: translateX(50%);
 }
 
-.e-richtexteditor .e-rte-container.e-count-enabled:not(:has(.e-rte-tb-bottom)) .e-rte-content,
-.e-richtexteditor .e-rte-container.e-count-enabled:not(:has(.e-rte-tb-bottom)) .e-source-content,
-.e-richtexteditor .e-rte-container.e-resize-enabled:not(:has(.e-rte-tb-bottom)) .e-rte-content,
-.e-richtexteditor .e-rte-container.e-resize-enabled:not(:has(.e-rte-tb-bottom)) .e-source-content {
+.e-richtexteditor .e-rte-container.e-resize-enabled:not(.e-rte-tb-bottom):not(.e-count-enabled) .e-rte-content,
+.e-richtexteditor .e-rte-container.e-resize-enabled:not(.e-rte-tb-bottom):not(.e-count-enabled) .e-source-content {
   margin-bottom: 20px;
 }
 
@@ -2663,7 +2664,6 @@
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-pop:not(.e-toolbar-extended) .e-toolbar-item.e-toolbar-popup {
   min-height: 28px;
-  height: 28px;
 }
 
 .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
@@ -2706,6 +2706,91 @@
   bottom: 0;
 }
 
+.e-rte-aiquery-popup {
+  min-height: 100px;
+  overflow: hidden;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important; /* stylelint-disable-line declaration-no-important */
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.e-rte-aiquery-popup .e-rte-ai-assit-content-container {
+  -webkit-box-flex: 1;
+      -ms-flex: 1 1 auto;
+          flex: 1 1 auto;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  min-height: 0;
+  width: 100%;
+}
+.e-rte-aiquery-popup .e-aiassistview {
+  -webkit-box-flex: 1;
+      -ms-flex: 1 1 auto;
+          flex: 1 1 auto;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  min-height: 0;
+  height: auto !important; /* stylelint-disable-line declaration-no-important */
+}
+.e-rte-aiquery-popup .e-aiassistview .e-view-header {
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
+}
+.e-rte-aiquery-popup .e-aiassistview .e-view-content {
+  -webkit-box-flex: 1;
+      -ms-flex: 1 1 auto;
+          flex: 1 1 auto;
+  overflow-y: auto;
+  overflow-x: hidden;
+  min-height: 0;
+}
+.e-rte-aiquery-popup .e-aiassistview .e-view-container {
+  margin: auto;
+}
+.e-rte-aiquery-popup .e-aiassistview .e-rte-icon-btn-disabled {
+  pointer-events: none;
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.e-rte-aiquery-popup .e-aiassistview .banner-content {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  height: 230px;
+  text-align: center;
+}
+.e-rte-aiquery-popup .e-aiassistview .banner-content .e-assistview-icon::before {
+  font-size: 35px;
+}
+.e-rte-aiquery-popup .e-aiassistview .e-footer {
+  width: 85%;
+}
+
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-progress-btn.e-tbar-btn.e-spin-center {
+  line-height: 2px;
+}
+
 /*! tab layout */
 .e-rte-container {
   border: 1px solid #616161;
@@ -2751,6 +2836,9 @@ iframe.e-rte-content {
   color: #fff;
   background: #303030;
 }
+.e-richtexteditor .e-rte-elements.e-tbar-btn.e-rte-export-btn {
+  background-color: rgba(255, 255, 255, 0.1);
+}
 .e-richtexteditor .e-toolbar-wrapper {
   background: #212121;
 }
@@ -2888,32 +2976,32 @@ iframe.e-rte-content {
           box-shadow: none;
 }
 
-.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:hover, .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:focus, .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:active, .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn.e-active,
-.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item .e-tbar-btn:hover,
-.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item .e-tbar-btn:focus,
-.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item .e-tbar-btn:active,
-.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item .e-tbar-btn.e-active {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn:hover, .e-richtexteditor .e-rte-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn:focus, .e-richtexteditor .e-rte-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn:active, .e-richtexteditor .e-rte-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn.e-active,
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn:hover,
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn:focus,
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn:active,
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn.e-active {
   border: 1px solid transparent;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn .e-icons,
-.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item .e-tbar-btn .e-icons {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn .e-icons,
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn .e-icons {
   color: #fff;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons, .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons,
-.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons,
-.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn:hover .e-icons, .e-richtexteditor .e-rte-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn:focus .e-icons,
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn:hover .e-icons,
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn:focus .e-icons {
   color: #fff;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons,
-.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn:active .e-icons,
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn:active .e-icons {
   color: #fff;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn .e-icons,
-.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item.e-active .e-tbar-btn .e-icons {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active:not(.e-overlay) .e-tbar-btn .e-icons,
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item.e-active:not(.e-overlay) .e-tbar-btn .e-icons {
   color: #fff;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn,
-.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item.e-active .e-tbar-btn {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active:not(.e-overlay) .e-tbar-btn,
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item.e-active:not(.e-overlay) .e-tbar-btn {
   border: 1px solid transparent;
   background: rgba(255, 255, 255, 0.12);
 }
@@ -2948,10 +3036,14 @@ iframe.e-rte-content {
   background: transparent;
 }
 
-.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-dropdown,
-.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item .e-rte-dropdown {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-item:not(.e-overlay) .e-rte-dropdown,
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item:not(.e-overlay) .e-rte-dropdown {
   -webkit-box-shadow: none;
           box-shadow: none;
+}
+
+.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-dropdown,
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item .e-rte-dropdown {
   color: #fff;
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-split-btn-wrapper:hover,
@@ -3288,4 +3380,18 @@ span.e-table-box.e-rbox-select {
   border-left: 7.5px solid transparent;
   border-right: 7.5px solid transparent;
   border-top: 9px solid inherit;
+}
+
+.e-rte-aiquery-popup {
+  -webkit-box-shadow: 0 12px 40px 5px rgba(0, 0, 0, 0.26);
+          box-shadow: 0 12px 40px 5px rgba(0, 0, 0, 0.26);
+}
+.e-rte-aiquery-popup .e-aiassistview .e-rte-icon-btn-disabled {
+  color: #fff;
+}
+.e-rte-aiquery-popup .e-toolbar-item .e-rte-dropdown-menu:not(:hover):not(:focus):not(:active):not(.e-active) {
+  border: 1px solid transparent;
+  background-color: transparent;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }

package/styles/material-dark-lite.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/definition/material-dark.scss';
-@import 'rich-text-editor/material-dark-definition.scss';
-@import 'rich-text-editor/icons/material-dark.scss';
-@import 'rich-text-editor/all.scss';
+@use 'ej2-base/styles/definition/material-dark' as *;
+@use 'rich-text-editor/material-dark-definition' as *;
+@use 'rich-text-editor/icons/material-dark' as *;
+@use 'rich-text-editor/all.material-dark' as *;