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

package/styles/fabric-dark.scss

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

package/styles/fabric-lite.css

@@ -30,6 +30,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: "\eb8a";
+}
 .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;
@@ -648,7 +653,8 @@
   margin-left: 0;
 }
 .e-richtexteditor .e-rte-toolbar .e-hor-nav.e-expended-nav {
-  height: auto;
+  height: 39px;
+  min-height: 39px;
 }
 .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
   display: inline-block;
@@ -732,7 +738,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 */
@@ -747,6 +753,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 {
@@ -911,7 +922,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;
 }
@@ -930,6 +940,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 {
@@ -988,7 +1003,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,
@@ -1019,13 +1034,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;
 }
@@ -1106,7 +1125,7 @@
 .e-richtexteditor .e-rte-character-count {
   color: #000;
   font-size: 14px;
-  margin-right: 10px;
+  margin-right: 15px;
   opacity: 0.54;
   padding-bottom: 2px;
   text-align: right;
@@ -1121,6 +1140,9 @@
   color: #c62828;
   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;
@@ -1135,15 +1157,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;
@@ -1152,6 +1174,7 @@
   -webkit-transform: rotate(90deg);
           transform: rotate(90deg);
   z-index: 100;
+  margin-left: 3px;
 }
 .e-richtexteditor.e-rtl.e-rte-resize {
   float: right;
@@ -1230,7 +1253,7 @@
   padding: 5px;
 }
 .e-richtexteditor .e-video-url-wrap textarea {
-  height: 80px;
+  min-height: 80px;
 }
 .e-richtexteditor .e-rte-value-wrapper {
   display: none;
@@ -1257,7 +1280,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;
 }
@@ -1290,7 +1313,7 @@
 }
 
 .e-rte-label label {
-  font-weight: normal;
+  font-weight: 400;
 }
 
 .e-rte-linkcontent .e-rte-label:first-child {
@@ -1329,7 +1352,7 @@
 }
 .e-rte-dropdown-popup ul .e-item.e-h1 {
   font-size: 2em;
-  font-weight: bold;
+  font-weight: 700;
   height: 40px;
   line-height: 40px;
 }
@@ -1340,25 +1363,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;
@@ -1544,7 +1567,7 @@
           box-sizing: border-box;
   display: block;
   font-size: 16px;
-  font-weight: initial;
+  font-weight: 400;
   margin: auto;
   opacity: 0.9;
   position: relative;
@@ -1805,7 +1828,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;
 }
@@ -1820,16 +1842,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;
@@ -1846,7 +1858,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;
@@ -1966,7 +1978,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 {
@@ -1980,14 +1992,20 @@
 .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 {
   padding: 7px 3px;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
 .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
@@ -1998,6 +2016,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 {
@@ -2019,10 +2041,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,
@@ -2039,10 +2058,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 {
@@ -2215,7 +2231,7 @@
 }
 
 .e-dialog.e-rte-dialog-minheight {
-  min-height: 296px;
+  min-height: 298px;
 }
 
 .e-content-placeholder.e-richtexteditor.e-placeholder-richtexteditor {
@@ -2244,7 +2260,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;
 }
@@ -2308,16 +2323,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: "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;
@@ -2337,7 +2342,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 #dadada;
+  border: 2px dashed #dadada;
   border-radius: 4px;
   color: #a6a6a6;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -2424,13 +2429,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;
@@ -2448,7 +2453,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;
 }
@@ -2529,11 +2533,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;
@@ -2635,10 +2638,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;
 }
 
@@ -2651,7 +2652,6 @@
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-pop:not(.e-toolbar-extended) .e-toolbar-item.e-toolbar-popup {
   min-height: 40px;
-  height: 40px;
 }
 
 .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
@@ -2690,6 +2690,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 #dadada;
@@ -2735,6 +2820,9 @@ iframe.e-rte-content {
   color: #333;
   background: #fff;
 }
+.e-richtexteditor .e-rte-elements.e-tbar-btn.e-rte-export-btn {
+  background-color: #f4f4f4;
+}
 .e-richtexteditor .e-toolbar-wrapper {
   background: #fff;
 }
@@ -2873,32 +2961,32 @@ iframe.e-rte-content {
   outline: 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: #333;
 }
-.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: #333;
 }
-.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: #333;
 }
-.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: #333;
 }
-.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(0, 0, 0, 0.12);
 }
@@ -2933,10 +3021,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: #333;
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-split-btn-wrapper:hover,
@@ -3277,4 +3369,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 0 5px rgba(0, 0, 0, 0.4);
+          box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
+}
+.e-rte-aiquery-popup .e-aiassistview .e-rte-icon-btn-disabled {
+  color: #a6a6a6;
+}
+.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/fabric-lite.scss

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