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

package/styles/rich-text-editor/_theme-variables.bds.scss

@@ -0,0 +1 @@
+@forward './_bds-definition';

package/styles/rich-text-editor/_theme-variables.bootstrap-dark.scss

@@ -0,0 +1 @@
+@forward './_bootstrap-dark-definition';

package/styles/rich-text-editor/_theme-variables.bootstrap.scss

@@ -0,0 +1 @@
+@forward './_bootstrap-definition';

package/styles/rich-text-editor/_theme-variables.bootstrap4.scss

@@ -0,0 +1 @@
+@forward './_bootstrap4-definition';

package/styles/rich-text-editor/_theme-variables.bootstrap5-dark.scss

@@ -0,0 +1 @@
+@forward './_bootstrap5-dark-definition';

package/styles/rich-text-editor/_theme-variables.bootstrap5.3.scss

@@ -0,0 +1 @@
+@forward './_bootstrap5.3-definition';

package/styles/rich-text-editor/_theme-variables.bootstrap5.scss

@@ -0,0 +1 @@
+@forward './_bootstrap5-definition';

package/styles/rich-text-editor/_theme-variables.fabric-dark.scss

@@ -0,0 +1 @@
+@forward './_fabric-dark-definition';

package/styles/rich-text-editor/_theme-variables.fabric.scss

@@ -0,0 +1 @@
+@forward './_fabric-definition';

package/styles/rich-text-editor/_theme-variables.fluent-dark.scss

@@ -0,0 +1 @@
+@forward './_fluent-dark-definition';

package/styles/rich-text-editor/_theme-variables.fluent.scss

@@ -0,0 +1 @@
+@forward './_fluent-definition';

package/styles/rich-text-editor/_theme-variables.fluent2.scss

@@ -0,0 +1 @@
+@forward './_fluent2-definition';

package/styles/rich-text-editor/_theme-variables.highcontrast-light.scss

@@ -0,0 +1 @@
+@forward './_highcontrast-light-definition';

package/styles/rich-text-editor/_theme-variables.highcontrast.scss

@@ -0,0 +1 @@
+@forward './_highcontrast-definition';

package/styles/rich-text-editor/_theme-variables.material-dark.scss

@@ -0,0 +1 @@
+@forward './_material-dark-definition';

package/styles/rich-text-editor/_theme-variables.material.scss

@@ -0,0 +1 @@
+@forward './_material-definition';

package/styles/rich-text-editor/_theme-variables.material3-dark.scss

@@ -0,0 +1 @@
+@forward './_material3-dark-definition';

package/styles/rich-text-editor/_theme-variables.material3.scss

@@ -0,0 +1 @@
+@forward './_material3-definition';

package/styles/rich-text-editor/_theme-variables.tailwind-dark.scss

@@ -0,0 +1 @@
+@forward './_tailwind-dark-definition';

package/styles/rich-text-editor/_theme-variables.tailwind.scss

@@ -0,0 +1 @@
+@forward './_tailwind-definition';

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

@@ -0,0 +1 @@
+@forward './_tailwind3-definition';

package/styles/rich-text-editor/_theme.bds.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bds';
+@import './_theme';

package/styles/rich-text-editor/_theme.bootstrap-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap-dark';
+@import './_theme';

package/styles/rich-text-editor/_theme.bootstrap.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap';
+@import './_theme';

package/styles/rich-text-editor/_theme.bootstrap4.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap4';
+@import './_theme';

package/styles/rich-text-editor/_theme.bootstrap5-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5-dark';
+@import './_theme';

package/styles/rich-text-editor/_theme.bootstrap5.3.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5.3';
+@import './_theme';

package/styles/rich-text-editor/_theme.bootstrap5.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5';
+@import './_theme';

package/styles/rich-text-editor/_theme.fabric-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fabric-dark';
+@import './_theme';

package/styles/rich-text-editor/_theme.fabric.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fabric';
+@import './_theme';

package/styles/rich-text-editor/_theme.fluent-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent-dark';
+@import './_theme';

package/styles/rich-text-editor/_theme.fluent.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent';
+@import './_theme';

package/styles/rich-text-editor/_theme.fluent2.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent2';
+@import './_theme';

package/styles/rich-text-editor/_theme.highcontrast-light.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.highcontrast-light';
+@import './_theme';

package/styles/rich-text-editor/_theme.highcontrast.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.highcontrast';
+@import './_theme';

package/styles/rich-text-editor/_theme.material-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material-dark';
+@import './_theme';

package/styles/rich-text-editor/_theme.material.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material';
+@import './_theme';

package/styles/rich-text-editor/_theme.material3-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material3-dark';
+@import './_theme';

package/styles/rich-text-editor/_theme.material3.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material3';
+@import './_theme';

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

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @mixin quick-toolbar-background-color {
   @if $theme-name == 'bootstrap5' {
     background: $content-bg-color;
@@ -15,7 +16,7 @@
   /*! tab layout */
 
   .e-rte-container {
-    border: 1px solid $rte-border-color;
+    border: $rte-container-border;
   }
 
     
@@ -33,28 +34,35 @@
       width: max-content;
       padding: $rte-popup-padding;
     }
+    // Prevents flickering caused by dynamic max-width when popup opens
+    // Removes inherited max-height from toolbar component to ensure all items are visible
     .e-toolbar-pop:not(.e-toolbar-extended) {
       max-width: 75%;
+      max-height: none !important; /* stylelint-disable-line declaration-no-important */
     }
   }
   
   .e-rte-container .e-toolbar-wrapper.e-rte-tb-bottom {
-    border-top: 1px solid $rte-border-color;
+    border-top: $rte-wrapper-tb-bottom-border-top;
   }
   
   .e-toolbar-wrapper,
   .e-toolbar-container  {
-    border-bottom: 1px solid $rte-border-color;
+    border-bottom: $rte-toolbar-wrapper-container-border-bottom;
   }
 
   iframe.e-rte-content {
-    border: none;
+    border: $rte-iframe-content-border;
   }
 
   .e-richtexteditor {
     color: $rte-content-color;
     background: $rte-content-bg;
     
+    .e-rte-elements.e-tbar-btn.e-rte-export-btn {
+      background-color: $rte-toolbar-item-hov-bg-color;
+    }
+    
     .e-toolbar-wrapper {
       background: $rte-tbar-default-bg;
     }
@@ -93,7 +101,7 @@
 
     &.e-rtl {
       .e-rte-content .e-content blockquote {
-        border-left: 0;
+        border-left: $rte-content-blockquote-border-left;
         border-right: $rte-content-blockquote-border-left-color;
       }
     }
@@ -116,7 +124,7 @@
         box-shadow: none;
       }
       @if $theme-name == 'highcontrast' {
-        border: none;
+        border: $rte-quick-popup-toolbar-border;
       }
       .e-toolbar-items:not(.e-tbar-pos) {
         @include quick-toolbar-background-color;
@@ -241,7 +249,7 @@
 
   .e-richtexteditor .e-rte-toolbar,
   .e-rte-quick-popup .e-rte-quick-toolbar {
-    .e-toolbar-item {
+    .e-toolbar-item:not(.e-overlay) {
       .e-tbar-btn {
 
         &:hover,
@@ -282,7 +290,7 @@
         }
       }
     }
-    .e-toolbar-item.e-active {
+    .e-toolbar-item.e-active:not(.e-overlay) {
       .e-tbar-btn .e-icons {
         @if $theme-name != 'bootstrap5.3' {
           color: $rte-icon-color;
@@ -310,11 +318,11 @@
       pointer-events: none;
       cursor: default;
       background: transparent;
-      border: none;
+      border: $rte-toolbar-btn-border;
 
       &:hover {
         background: transparent;
-        border: none;
+        border: $rte-toolbar-btn-hover-border;
 
         .e-icons,
         .e-rte-dropdown-btn-text,
@@ -327,10 +335,16 @@
     }
   }
 
+  .e-richtexteditor .e-rte-toolbar .e-toolbar-item:not(.e-overlay),
+  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item:not(.e-overlay) {
+    .e-rte-dropdown {
+      box-shadow: none;
+    }
+  }
+
   .e-richtexteditor .e-rte-toolbar .e-toolbar-item,
   .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item {
     .e-rte-dropdown {
-      box-shadow: none;
       color: $rte-dropdown-color;
     }
     .e-split-btn-wrapper {
@@ -524,7 +538,7 @@
   span.e-rte-imageboxmark,
   span.e-rte-videoboxmark {
     background: $rte-img-resize-back-color;
-    border: 1px solid $rte-img-resize-color;
+    border: $rte-direct-span-media-boxmark-border;
     display: block;
     height: 10px;
     position: absolute;
@@ -535,8 +549,8 @@
   .e-mob-rte span.e-rte-imageboxmark,
   .e-mob-rte span.e-rte-videoboxmark {
     background: $rte-img-resize-color;
-    border: 1px solid $rte-img-resize-back-color;
-    border-radius: 15px;
+    border: $rte-mob-img-video-boxmark-border;
+    border-radius: $rte-videoboxmark-border-radius;
     height: 20px;
     width: 20px;
   }
@@ -544,7 +558,7 @@
   .e-mob-rte.e-mob-span span.e-rte-imageboxmark,
   .e-mob-rte.e-mob-span span.e-rte-videoboxmark {
     background: $rte-img-resize-back-color;
-    border: 1px solid $rte-img-resize-color;
+    border: $rte-img-video-boxmark-border;
   }
 
   .e-rte-content .e-content img.e-resize,
@@ -582,14 +596,16 @@
     background-color: $rte-overlay-color;
   }
 
-  .e-rte-toolbar .e-toolbar-item.e-overlay {
-    .e-tbar-btn .e-icons,
-    .e-rte-dropdown-menu,
-    .e-rte-dropdown-menu .e-icons,
-    .e-rte-dropdown .e-icons,
-    .e-rte-font-color::before,
-    .e-background-color::before {
-      color: $rte-ext-tbar-overlay-dropdown-color;
+  @if $theme-name != 'fluentui-dark' and $theme-name != 'bootstrap5.3-dark' and $theme-name != 'tailwind3-dark' {
+    .e-rte-toolbar .e-toolbar-item.e-overlay {
+      .e-tbar-btn .e-icons,
+      .e-rte-dropdown-menu,
+      .e-rte-dropdown-menu .e-icons,
+      .e-rte-dropdown .e-icons,
+      .e-rte-font-color::before,
+      .e-background-color::before {
+        color: $rte-ext-tbar-overlay-dropdown-color;
+      }
     }
   }
 
@@ -599,7 +615,7 @@
   }
 
   .e-richtexteditor .e-rte-toolbar .e-hor-nav:hover{
-    border: solid rgba(0, 0, 0, .12);
+    border: $rte-tb-expended-hover-border;
     border-width: $rte-toolbar-hor-nav-border-width;
     padding-left: $rte-tb-expended-hover-padding-left;
   }
@@ -612,17 +628,17 @@
 
   .e-rte-table-popup .e-span-border {
     @if $skin-name != 'Material3' {
-      border: 1px solid $rte-border-color;
+      border: $rte-container-border;
     }
     display: block;
-    margin-bottom: 8px;
-    margin-top: 12px;
+    margin-bottom: $rte-table-span-margin-bottom;
+    margin-top: $rte-table-span-margin-top;
   }
 
   .e-rte-table-popup .e-rte-popup-header {
     color: $rte-table-header-color;
     font-family: $rte-font-family;
-    font-size: 14px;
+    font-size: $rte-table-header-font-size;
     text-align: center;
   }
 
@@ -632,7 +648,7 @@
 
   .e-rte-table-popup.e-popup-open .e-rte-tablecell.e-active {
     background-color: $rte-table-span-active-bg-color;
-    border: 1px solid $rte-table-span-active-border-color;
+    border: $rte-table-span-active-border;
   }
 
   .e-rte-table.e-alternate-border > tbody > tr:nth-child(2n),
@@ -658,12 +674,12 @@
 
   span.e-table-box {
     background-color: $rte-table-resize-back-color;
-    border: 1px solid $rte-table-border-color;
+    border: $rte-table-border;
   }
 
   span.e-table-box.e-rbox-select {
     background-color: $rte-table-border-color;
-    border: 1px solid $rte-table-border-color;
+    border: $rte-table-border;
   }
 
   .e-table-rhelper {
@@ -684,7 +700,7 @@
     }
     
     @if $skin-name =='bootstrap5' or $skin-name =='botstrap5-dark' or $skin-name =='bootstrap4' {
-      .e-toolbar .e-toolbar-item .e-tbar-btn.e-selected .e-icons {
+      .e-toolbar .e-toolbar-item:not(.e-overlay) .e-tbar-btn.e-selected .e-icons {
         color: $rte-emoji-tbar-btn-selected-font-color;
       }
     }
@@ -708,14 +724,14 @@
 
     .e-rte-emojipicker-toolbar {
       background: transparent;
-      border: none;
+      border: $rte-emojipicker-toolbar-border;
       box-shadow: none;
 
       & .e-toolbar-items {
         background: transparent;
 
         & .e-scroll-nav {
-          border: none;
+          border: $rte-emojipicker-toolbar-scroll-border;
         }
       }
     }
@@ -758,7 +774,7 @@
   @if $skin-name == 'bootstrap5' {
     .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
       background: $rte-tb-item-active-bg;
-      border-radius: 4px;
+      border-radius: $rte-tb-item-active-border-radius;
     }
 
     .e-richtexteditor .e-toolbar .e-insert-table-btn.e-btn:hover .e-icons {
@@ -778,7 +794,7 @@
   @if $skin-name == 'material-dark' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap4' {
     .e-richtexteditor .e-toolbar,
     .e-richtexteditor .e-toolbar .e-toolbar-pop{
-      border: none;
+      border: $rte-toolbar-pop-border;
     }
   }
 
@@ -854,3 +870,19 @@
     }
   }
 }
+
+.e-rte-aiquery-popup {
+  box-shadow: $rte-ai-assistant-box-shadow;
+  .e-aiassistview {
+    .e-rte-icon-btn-disabled {
+      color: $rte-ai-assistant-btn-disabled;
+    }
+  }
+  @if $theme-name != 'bootstrap4' and $theme-name != 'bootstrap5' and $theme-name != 'bootstrap5.3' {
+    .e-toolbar-item .e-rte-dropdown-menu:not(:hover):not(:focus):not(:active):not(.e-active) {
+      border: 1px solid transparent;
+      background-color: transparent;
+      box-shadow: none;
+    }
+  }
+}

package/styles/rich-text-editor/_theme.tailwind-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind-dark';
+@import './_theme';

package/styles/rich-text-editor/_theme.tailwind.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind';
+@import './_theme';

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

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind3';
+@import './_theme';