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

package/styles/fluent-dark.scss

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

package/styles/fluent-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;
@@ -648,7 +653,8 @@
   margin-left: 0;
 }
 .e-richtexteditor .e-rte-toolbar .e-hor-nav.e-expended-nav {
-  height: auto;
+  height: 40px;
+  min-height: 40px;
 }
 .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: #323130;
   font-size: 14px;
-  margin-right: 10px;
+  margin-right: 15px;
   opacity: 0.8;
   padding-bottom: 2px;
   text-align: right;
@@ -1121,6 +1140,9 @@
   color: #d13438;
   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;
@@ -1806,7 +1829,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;
 }
@@ -1821,16 +1843,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;
@@ -1847,7 +1859,7 @@
   -webkit-box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
           box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
   font-size: 14px;
-  font-weight: normal;
+  font-weight: 400;
   min-width: 120px;
   overflow: hidden;
   padding: 10px;
@@ -1967,7 +1979,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 {
@@ -1981,14 +1993,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 {
@@ -1999,6 +2017,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 {
@@ -2020,10 +2042,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,
@@ -2040,10 +2059,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 {
@@ -2216,7 +2232,7 @@
 }
 
 .e-dialog.e-rte-dialog-minheight {
-  min-height: 296px;
+  min-height: 298px;
   min-height: 308px;
 }
 
@@ -2246,7 +2262,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: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
-  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 #c8c6c4;
+  border: 2px dashed #c8c6c4;
   border-radius: 4px;
   color: #3b3a39;
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
@@ -2429,13 +2434,13 @@
   -webkit-box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
           box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
   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;
@@ -2453,7 +2458,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;
 }
@@ -2535,11 +2539,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;
@@ -2641,10 +2644,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;
 }
 
@@ -2657,7 +2658,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,
@@ -2696,6 +2696,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 #edebe9;
@@ -2741,6 +2826,9 @@ iframe.e-rte-content {
   color: #201f1e;
   background: #fff;
 }
+.e-richtexteditor .e-rte-elements.e-tbar-btn.e-rte-export-btn {
+  background-color: #edebe9;
+}
 .e-richtexteditor .e-toolbar-wrapper {
   background: #f3f2f1;
 }
@@ -2882,36 +2970,36 @@ iframe.e-rte-content {
           box-shadow: inset 0 0 0 1px;
 }
 
-.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn,
-.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item .e-tbar-btn {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn,
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn {
   border-color: transparent;
 }
-.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: #605e5c;
 }
-.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: #605e5c;
 }
-.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: #201f1e;
 }
-.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: #605e5c;
 }
-.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: #e1dfdd;
 }
@@ -2946,10 +3034,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: #605e5c;
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-split-btn-wrapper:hover,
@@ -3285,4 +3377,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 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18);
+          box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18);
+}
+.e-rte-aiquery-popup .e-aiassistview .e-rte-icon-btn-disabled {
+  color: #a19f9d;
+}
+.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/fluent-lite.scss

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