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

package/styles/bootstrap4.scss

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

package/styles/bootstrap5-dark-lite.css

@@ -30,6 +30,12 @@
 .e-rte-dropdown-popup .e-justify-left::before {
   content: "\e7b8";
 }
+.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: "\e78d";
+}
 .e-toolbar-wrapper .e-justify-center::before,
 .e-toolbar-container .e-justify-center::before,
 .e-rte-toolbar .e-justify-center::before,
@@ -635,10 +641,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;
@@ -651,7 +656,8 @@
   margin-left: 0;
 }
 .e-richtexteditor .e-rte-toolbar .e-hor-nav.e-expended-nav {
-  height: auto;
+  height: 38px;
+  min-height: 38px;
 }
 .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
   display: inline-block;
@@ -735,7 +741,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 */
@@ -750,6 +756,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 {
@@ -914,7 +925,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;
 }
@@ -933,6 +943,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 {
@@ -991,7 +1006,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,
@@ -1022,13 +1037,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;
 }
@@ -1109,7 +1128,7 @@
 .e-richtexteditor .e-rte-character-count {
   color: #e9ecef;
   font-size: 14px;
-  margin-right: 10px;
+  margin-right: 15px;
   opacity: 1;
   padding-bottom: 2px;
   text-align: right;
@@ -1124,6 +1143,9 @@
   color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
   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;
@@ -1138,15 +1160,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;
@@ -1155,6 +1177,7 @@
   -webkit-transform: rotate(90deg);
           transform: rotate(90deg);
   z-index: 100;
+  margin-left: 3px;
 }
 .e-richtexteditor.e-rtl.e-rte-resize {
   float: right;
@@ -1233,7 +1256,7 @@
   padding: 5px;
 }
 .e-richtexteditor .e-video-url-wrap textarea {
-  height: 80px;
+  min-height: 80px;
 }
 .e-richtexteditor .e-rte-value-wrapper {
   display: none;
@@ -1260,7 +1283,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;
 }
@@ -1293,7 +1316,7 @@
 }
 
 .e-rte-label label {
-  font-weight: normal;
+  font-weight: 400;
 }
 
 .e-rte-linkcontent .e-rte-label:first-child {
@@ -1332,7 +1355,7 @@
 }
 .e-rte-dropdown-popup ul .e-item.e-h1 {
   font-size: 2em;
-  font-weight: bold;
+  font-weight: 700;
   height: 40px;
   line-height: 40px;
 }
@@ -1343,25 +1366,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;
@@ -1547,7 +1570,7 @@
           box-sizing: border-box;
   display: block;
   font-size: 16px;
-  font-weight: initial;
+  font-weight: 400;
   margin: auto;
   opacity: 0.9;
   position: relative;
@@ -1808,7 +1831,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;
 }
@@ -1823,16 +1845,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;
@@ -1849,7 +1861,7 @@
   -webkit-box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
           box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
   font-size: 14px;
-  font-weight: normal;
+  font-weight: 400;
   min-width: 120px;
   overflow: hidden;
   padding: 10px;
@@ -1969,7 +1981,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 {
@@ -1983,9 +1995,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: 1px solid #fff;
-  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 {
@@ -2001,6 +2019,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-rte-emojipicker-btn,
 .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn {
@@ -2022,10 +2044,7 @@
   -webkit-box-shadow: none;
           box-shadow: none;
   padding: 6px 0;
-  width: 40px;
-  height: 40px;
   border: none;
-  line-height: 1px;
   font-size: 24px;
 }
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn,
@@ -2042,10 +2061,7 @@
           box-shadow: none;
   font-size: 24px;
   padding: 6px 0;
-  width: 40px;
-  height: 40px;
   border: none;
-  line-height: 1px;
 }
 .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 {
@@ -2218,7 +2234,7 @@
 }
 
 .e-dialog.e-rte-dialog-minheight {
-  min-height: 296px;
+  min-height: 298px;
 }
 
 .e-content-placeholder.e-richtexteditor.e-placeholder-richtexteditor {
@@ -2247,7 +2263,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;
 }
@@ -2311,16 +2326,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: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  font-size: 15px;
-  opacity: 0.87;
-  padding-bottom: 12px;
-  padding-top: 12px;
-}
 
 .e-rte-import-dialog .e-dlg-content {
   overflow-y: hidden;
@@ -2340,7 +2345,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 #adb5bd;
+  border: 2px dashed #adb5bd;
   border-radius: 4px;
   color: #ced4da;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -2427,13 +2432,13 @@
   -webkit-box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
           box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
   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;
@@ -2451,7 +2456,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;
 }
@@ -2532,11 +2536,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;
@@ -2638,10 +2641,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;
 }
 
@@ -2654,7 +2655,6 @@
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-pop:not(.e-toolbar-extended) .e-toolbar-item.e-toolbar-popup {
   min-height: 32px;
-  height: 32px;
 }
 
 .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
@@ -2693,6 +2693,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 rgb(68.0034482759, 75.85, 83.6965517241);
@@ -2738,6 +2823,9 @@ iframe.e-rte-content {
   color: #fff;
   background: #212529;
 }
+.e-richtexteditor .e-rte-elements.e-tbar-btn.e-rte-export-btn {
+  background-color: rgb(91.8, 99.45, 106.25);
+}
 .e-richtexteditor .e-toolbar-wrapper {
   background: rgb(26.177027027, 29.35, 32.522972973);
 }
@@ -2875,32 +2963,32 @@ iframe.e-rte-content {
           box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
 }
 
-.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: rgb(122.8111587983, 132.3287553648, 140.7888412017);
 }
@@ -2935,10 +3023,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,
@@ -3222,7 +3314,7 @@ span.e-table-box.e-rbox-select {
   -webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.25));
           filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.25));
 }
-.e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn.e-selected .e-icons {
+.e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn.e-selected .e-icons {
   color: #fff;
 }
 .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn {
@@ -3295,4 +3387,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 16px 48px rgba(0, 0, 0, 0.175);
+          box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
+}
+.e-rte-aiquery-popup .e-aiassistview .e-rte-icon-btn-disabled {
+  color: #adb5bd;
+}
+.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/bootstrap5-dark-lite.scss

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