npm - @syncfusion/blazor-themes - Versions diffs - 27.1.53 → 27.1.56 - Mend

@syncfusion/blazor-themes 27.1.53 → 27.1.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (231) hide show

package/SCSS-Themes/interactive-chat/ai-assist-view/bds-dark.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 14px !default;
 $send-icon-bottom: 8px !default;
+$clear-icon-bottom: 8px !default;
 $send-icon-bigger-bottom: 11px !default;
+$clear-icon-bigger-bottom: 11px !default;
 $aiassist-bigger-header-height: 50px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: transparent !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: transparent !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/bds.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 14px !default;
 $send-icon-bottom: 8px !default;
+$clear-icon-bottom: 8px !default;
 $send-icon-bigger-bottom: 11px !default;
+$clear-icon-bigger-bottom: 11px !default;
 $aiassist-bigger-header-height: 50px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: transparent !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: transparent !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/bootstrap-dark.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 14px !default;
 $send-icon-bottom: 10px !default;
+$clear-icon-bottom: 10px !default;
 $send-icon-bigger-bottom: 11px !default;
+$clear-icon-bigger-bottom: 12px !default;
 $aiassist-bigger-header-height: 50px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: $grey-dark !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: $grey-dark !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/bootstrap.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 14px !default;
 $send-icon-bottom: 10px !default;
+$clear-icon-bottom: 10px !default;
 $send-icon-bigger-bottom: 11px !default;
+$clear-icon-bigger-bottom: 12px !default;
 $aiassist-bigger-header-height: 50px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: $grey-e6 !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: $grey-e6 !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/bootstrap4.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 14px !default;
 $send-icon-bottom: 10px !default;
+$clear-icon-bottom: 10px !default;
 $send-icon-bigger-bottom: 11px !default;
+$clear-icon-bigger-bottom: 11px !default;
 $aiassist-bigger-header-height: 50px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: transparent !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: transparent !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/bootstrap5-dark.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 14px !default;
 $send-icon-bottom: 9px !default;
+$clear-icon-bottom: 9px !default;
 $send-icon-bigger-bottom: 11px !default;
+$clear-icon-bigger-bottom: 11px !default;
 $aiassist-bigger-header-height: 50px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: transparent !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: transparent !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/bootstrap5.3-dark.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 14px !default;
 $send-icon-bottom: 9px !default;
+$clear-icon-bottom: 9px !default;
 $send-icon-bigger-bottom: 11px !default;
+$clear-icon-bigger-bottom: 11px !default;
 $aiassist-bigger-header-height: 50px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: transparent !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: transparent !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/bootstrap5.3.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 14px !default;
 $send-icon-bottom: 9px !default;
+$clear-icon-bottom: 9px !default;
 $send-icon-bigger-bottom: 11px !default;
+$clear-icon-bigger-bottom: 11px !default;
 $aiassist-bigger-header-height: 50px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: transparent !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: transparent !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/bootstrap5.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 14px !default;
 $send-icon-bottom: 9px !default;
+$clear-icon-bottom: 9px !default;
 $send-icon-bigger-bottom: 11px !default;
+$clear-icon-bigger-bottom: 11px !default;
 $aiassist-bigger-header-height: 50px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: transparent !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: transparent !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/fabric-dark.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 14px !default;
 $send-icon-bottom: 8px !default;
+$clear-icon-bottom: 8px !default;
 $send-icon-bigger-bottom: 12px !default;
+$clear-icon-bigger-bottom: 13px !default;
 $aiassist-bigger-header-height: 50px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: $neutral-light !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: $neutral-light !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/fabric.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 14px !default;
 $send-icon-bottom: 8px !default;
+$clear-icon-bottom: 8px !default;
 $send-icon-bigger-bottom: 12px !default;
+$clear-icon-bigger-bottom: 13px !default;
 $aiassist-bigger-header-height: 50px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: $neutral-lighter !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: $neutral-lighter !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/fluent-dark.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 14px !default;
 $send-icon-bottom: 9px !default;
+$clear-icon-bottom: 10px !default;
 $send-icon-bigger-bottom: 11px !default;
+$clear-icon-bigger-bottom: 11px !default;
 $aiassist-bigger-header-height: 50px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: transparent !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: transparent !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/fluent.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 14px !default;
 $send-icon-bottom: 9px !default;
+$clear-icon-bottom: 10px !default;
 $send-icon-bigger-bottom: 11px !default;
+$clear-icon-bigger-bottom: 11px !default;
 $aiassist-bigger-header-height: 50px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: transparent !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: transparent !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/fluent2-dark.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 14px !default;
 $send-icon-bottom: 10px !default;
+$clear-icon-bottom: 9px !default;
 $send-icon-bigger-bottom: 11px !default;
+$clear-icon-bigger-bottom: 10px !default;
 $aiassist-bigger-header-height: 50px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: transparent !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: transparent !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/fluent2-highcontrast.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 14px !default;
 $send-icon-bottom: 10px !default;
+$clear-icon-bottom: 9px !default;
 $send-icon-bigger-bottom: 11px !default;
+$clear-icon-bigger-bottom: 10px !default;
 $aiassist-bigger-header-height: 50px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: transparent !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: transparent !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/fluent2.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 14px !default;
 $send-icon-bottom: 10px !default;
+$clear-icon-bottom: 9px !default;
 $send-icon-bigger-bottom: 11px !default;
+$clear-icon-bigger-bottom: 10px !default;
 $aiassist-bigger-header-height: 50px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: transparent !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: transparent !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/highcontrast.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 14px !default;
 $send-icon-bottom: 8px !default;
+$clear-icon-bottom: 8px !default;
 $send-icon-bigger-bottom: 11px !default;
+$clear-icon-bigger-bottom: 13px !default;
 $aiassist-bigger-header-height: 56px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: transparent !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: transparent !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/material-dark.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 14px !default;
 $send-icon-bottom: 7px !default;
+$clear-icon-bottom: 7px !default;
 $send-icon-bigger-bottom: 13px !default;
+$clear-icon-bigger-bottom: 14px !default;
 $aiassist-bigger-header-height: 58px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: rgba($grey-white, .1) !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: rgba($grey-white, .1) !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/material.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 14px !default;
 $send-icon-bottom: 7px !default;
+$clear-icon-bottom: 7px !default;
 $send-icon-bigger-bottom: 13px !default;
+$clear-icon-bigger-bottom: 14px !default;
 $aiassist-bigger-header-height: 58px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: rgba($grey-black, .12) !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: rgba($grey-black, .12) !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/material3-dark.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 16px !default;
 $send-icon-bottom: 7px !default;
+$clear-icon-bottom: 6px !default;
 $send-icon-bigger-bottom: 11px !default;
+$clear-icon-bigger-bottom: 10px !default;
 $aiassist-bigger-header-height: 58px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: transparent !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: transparent !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;

package/SCSS-Themes/interactive-chat/ai-assist-view/material3.scss CHANGED Viewed

@@ -17,7 +17,9 @@ $aiassist-icon-height: 30px !default;
 $aiassist-icon-width: 30px !default;
 $send-icon-size: 16px !default;
 $send-icon-bottom: 7px !default;
+$clear-icon-bottom: 6px !default;
 $send-icon-bigger-bottom: 11px !default;
+$clear-icon-bigger-bottom: 10px !default;
 $aiassist-bigger-header-height: 58px !default;
 $aiassist-bigger-icon-height: 40px !default;
 $aiassist-bigger-icon-width: 40px !default;
@@ -362,6 +364,11 @@ $tbar-header-hover-bg-color: transparent !default;
     .e-footer {
       position: relative;
       margin: 0 auto 24px;
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        display: flex;
+        justify-content: flex-end;
+        padding-bottom: $clear-icon-bottom;
+      }
       textarea::-webkit-scrollbar-thumb {
         border-radius: 10px;
       }
@@ -854,6 +861,9 @@ $tbar-header-hover-bg-color: transparent !default;
       bottom: $send-icon-bigger-bottom;
     }
     .e-footer {
+      .e-clear-icon:not(.e-clear-icon-hide) {
+        padding-bottom: $clear-icon-bigger-bottom;
+      }
       .e-input-group.e-control-wrapper.e-multi-line-input {
         .e-textarea {
           min-height: 38px;