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

package/styles/rich-text-editor/tailwind3.scss

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

package/styles/tailwind-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,
@@ -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: 38px;
+  min-height: 38px;
 }
 .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 {
@@ -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 {
@@ -997,7 +1012,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,
@@ -1028,13 +1043,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;
 }
@@ -1115,7 +1134,7 @@
 .e-richtexteditor .e-rte-character-count {
   color: #d1d5db;
   font-size: 14px;
-  margin-right: 10px;
+  margin-right: 15px;
   opacity: 1;
   padding-bottom: 2px;
   text-align: right;
@@ -1130,6 +1149,9 @@
   color: #f87171;
   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;
@@ -1144,15 +1166,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;
@@ -1161,6 +1183,7 @@
   -webkit-transform: rotate(90deg);
           transform: rotate(90deg);
   z-index: 100;
+  margin-left: 3px;
 }
 .e-richtexteditor.e-rtl.e-rte-resize {
   float: right;
@@ -1239,7 +1262,7 @@
   padding: 5px;
 }
 .e-richtexteditor .e-video-url-wrap textarea {
-  height: 80px;
+  min-height: 80px;
 }
 .e-richtexteditor .e-rte-value-wrapper {
   display: none;
@@ -1266,8 +1289,8 @@
 .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;
-  line-height: 14px;
+  font-weight: 400;
+  line-height: 1;
   text-transform: none;
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker .e-selected-color,
@@ -1299,7 +1322,7 @@
 }
 
 .e-rte-label label {
-  font-weight: normal;
+  font-weight: 400;
 }
 
 .e-rte-linkcontent .e-rte-label:first-child {
@@ -1338,7 +1361,7 @@
 }
 .e-rte-dropdown-popup ul .e-item.e-h1 {
   font-size: 2em;
-  font-weight: bold;
+  font-weight: 700;
   height: 40px;
   line-height: 40px;
 }
@@ -1349,25 +1372,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;
@@ -1553,7 +1576,7 @@
           box-sizing: border-box;
   display: block;
   font-size: 18px;
-  font-weight: initial;
+  font-weight: 400;
   margin: auto;
   opacity: 0.9;
   position: relative;
@@ -1814,7 +1837,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;
 }
@@ -1829,16 +1851,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;
@@ -1855,7 +1867,7 @@
   -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
           box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   font-size: 14px;
-  font-weight: normal;
+  font-weight: 400;
   min-width: 120px;
   overflow: hidden;
   padding: 18px 18px 8px 22px;
@@ -1975,7 +1987,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 {
@@ -1989,9 +2001,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 #e5e7eb;
-  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 {
@@ -2007,6 +2025,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 {
@@ -2028,10 +2050,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,
@@ -2048,10 +2067,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 {
@@ -2224,7 +2240,7 @@
 }
 
 .e-dialog.e-rte-dialog-minheight {
-  min-height: 296px;
+  min-height: 298px;
 }
 
 .e-content-placeholder.e-richtexteditor.e-placeholder-richtexteditor {
@@ -2253,7 +2269,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;
 }
@@ -2317,16 +2332,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: "Inter";
-  font-size: 15px;
-  opacity: 0.87;
-  padding-bottom: 3px;
-  padding-top: 12px;
-}
 
 .e-rte-import-dialog .e-dlg-content {
   overflow-y: hidden;
@@ -2346,7 +2351,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 #9ca3af;
+  border: 2px dashed #9ca3af;
   border-radius: 4px;
   color: #9ca3af;
   font-family: "Inter";
@@ -2433,13 +2438,13 @@
   -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
           box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   font-size: 14px;
-  font-weight: normal;
+  font-weight: 400;
   min-width: 120px;
   overflow: hidden;
   padding: 18px 18px 8px 22px;
 }
 .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;
@@ -2457,7 +2462,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;
 }
@@ -2547,11 +2551,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;
@@ -2653,10 +2656,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;
 }
 
@@ -2669,7 +2670,6 @@
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-pop:not(.e-toolbar-extended) .e-toolbar-item.e-toolbar-popup {
   min-height: 30px;
-  height: 30px;
 }
 
 .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
@@ -2708,6 +2708,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 #4b5563;
@@ -2753,6 +2838,9 @@ iframe.e-rte-content {
   color: #fff;
   background: #1f2937;
 }
+.e-richtexteditor .e-rte-elements.e-tbar-btn.e-rte-export-btn {
+  background-color: rgb(27.323255814, 36.1372093023, 48.476744186);
+}
 .e-richtexteditor .e-toolbar-wrapper {
   background: #374151;
 }
@@ -2891,37 +2979,37 @@ iframe.e-rte-content {
           box-shadow: 0 0 0 1px #22d3ee;
 }
 
-.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 #6b7280;
 }
-.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-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:focus,
-.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-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-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 {
   background: rgb(27.323255814, 36.1372093023, 48.476744186);
 }
-.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: #d1d5db;
 }
-.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: #d1d5db;
 }
-.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: #d1d5db;
 }
-.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 #6b7280;
   background: rgb(27.323255814, 36.1372093023, 48.476744186);
 }
@@ -2956,10 +3044,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,
@@ -3299,4 +3391,18 @@ span.e-table-box.e-rbox-select {
   border-left: 7.5px solid transparent;
   border-right: 7.5px solid transparent;
   border-top: 9px solid #374151;
+}
+
+.e-rte-aiquery-popup {
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+.e-rte-aiquery-popup .e-aiassistview .e-rte-icon-btn-disabled {
+  color: #6b7280;
+}
+.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/tailwind-dark-lite.scss

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