@syncfusion/ej2-bootstrap5-theme 34.1.29 → 34.1.32

package/styles/inline-ai-assist/_bootstrap5-definition.scss

@@ -25,8 +25,9 @@ $inline-ai-assist-send-font-size: 14px !default;
 $inline-ai-assist-popup-border: 1px solid $border-light !default;
 $inline-ai-assist-response-text-color: $content-text-color !default;
 $inline-ai-assist-textarea-placeholder-color: $placeholder-text-color !default;
+$inline-ai-assist-textarea-color: $content-text-color !default;
 $inline-ai-assist-footer-focused-border-color: rgba(97, 97, 97, 1) !default;
-$inline-ai-assist-send-color: $secondary-bg-color-focus !default;
+$inline-ai-assist-send-color: $icon-color !default;
 $inline-ai-assist-send-disabled-color: $secondary-bg-color-disabled !default;
 $inline-ai-assist-content-bg: $flyout-bg-color !default;
 $inline-ai-assist-popup-box-shadow: $shadow-lg !default;

package/styles/inline-ai-assist/_layout.scss

@@ -121,6 +121,7 @@
             max-width: $inline-ai-assist-footer-tbar-min-height;
             .e-btn-icon {
               min-width: $inline-ai-assist-footer-tbar-min-height;
+              max-height: $inline-ai-assist-footer-tbar-min-height;
             }
           }
           .e-toolbar-right .e-toolbar-item:last-child {

package/styles/inline-ai-assist/_theme.scss

@@ -10,6 +10,10 @@
       color: $inline-ai-assist-response-text-color;
     }
 
+    .e-assist-textarea {
+      color: $inline-ai-assist-textarea-color;
+    }
+
     .e-toolbar-item::after {
       background-color: transparent;
     }

package/styles/inline-ai-assist/index-lite.css

@@ -1,7 +1,7 @@
 @import '../base/base.css';
+@import '../button/button-lite.css';
 @import '../h-scroll/h-scroll-lite.css';
 @import '../v-scroll/v-scroll-lite.css';
-@import '../button/button-lite.css';
 @import '../popup/popup.css';
 @import '../toolbar/toolbar-lite.css';
 @import '../input/input-lite.css';

package/styles/inline-ai-assist/index-lite.scss

@@ -1,7 +1,7 @@
 @use '../base/base' as *;
+@use '../button/button-lite' as *;
 @use '../h-scroll/h-scroll-lite' as *;
 @use '../v-scroll/v-scroll-lite' as *;
-@use '../button/button-lite' as *;
 @use '../popup/popup' as *;
 @use '../toolbar/toolbar-lite' as *;
 @use '../input/input-lite' as *;

package/styles/inline-ai-assist/index.css

@@ -1,7 +1,7 @@
 @import '../base/base.css';
+@import '../button/button.css';
 @import '../h-scroll/h-scroll.css';
 @import '../v-scroll/v-scroll.css';
-@import '../button/button.css';
 @import '../popup/popup.css';
 @import '../toolbar/toolbar.css';
 @import '../input/input.css';

package/styles/inline-ai-assist/index.scss

@@ -1,7 +1,7 @@
 @use '../base/base' as *;
+@use '../button/button' as *;
 @use '../h-scroll/h-scroll' as *;
 @use '../v-scroll/v-scroll' as *;
-@use '../button/button' as *;
 @use '../popup/popup' as *;
 @use '../toolbar/toolbar' as *;
 @use '../input/input' as *;

package/styles/inline-ai-assist/inline-ai-assist-lite.css

@@ -131,6 +131,7 @@
 }
 .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn:has(.e-inline-stop) .e-btn-icon {
   min-width: 32px;
+  max-height: 32px;
 }
 .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-right .e-toolbar-item:last-child {
   margin-right: 0;
@@ -261,6 +262,9 @@
 .e-inlineaiassist .e-response-text {
   color: #212529;
 }
+.e-inlineaiassist .e-assist-textarea {
+  color: #212529;
+}
 .e-inlineaiassist .e-toolbar-item::after {
   background-color: transparent;
 }
@@ -284,7 +288,7 @@
   border-bottom-color: rgb(97, 97, 97);
 }
 .e-inlineaiassist .e-footer:not(.e-footer-template) .e-inline-send {
-  color: rgb(91.8, 99.45, 106.25);
+  color: #6c757d;
 }
 .e-inlineaiassist .e-footer:not(.e-footer-template) .e-inline-send.disabled {
   color: rgba(108, 117, 125, 0.65);
@@ -300,7 +304,7 @@
   box-shadow: none;
 }
 .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible) .e-icons, .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons {
-  color: rgb(91.8, 99.45, 106.25);
+  color: #6c757d;
 }
 .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible) .e-icons.disabled, .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons.disabled {
   color: rgba(108, 117, 125, 0.65);

package/styles/inline-ai-assist/inline-ai-assist.css

@@ -131,6 +131,7 @@
 }
 .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn:has(.e-inline-stop) .e-btn-icon {
   min-width: 32px;
+  max-height: 32px;
 }
 .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-right .e-toolbar-item:last-child {
   margin-right: 0;
@@ -261,6 +262,9 @@
 .e-inlineaiassist .e-response-text {
   color: #212529;
 }
+.e-inlineaiassist .e-assist-textarea {
+  color: #212529;
+}
 .e-inlineaiassist .e-toolbar-item::after {
   background-color: transparent;
 }
@@ -284,7 +288,7 @@
   border-bottom-color: rgb(97, 97, 97);
 }
 .e-inlineaiassist .e-footer:not(.e-footer-template) .e-inline-send {
-  color: rgb(91.8, 99.45, 106.25);
+  color: #6c757d;
 }
 .e-inlineaiassist .e-footer:not(.e-footer-template) .e-inline-send.disabled {
   color: rgba(108, 117, 125, 0.65);
@@ -300,7 +304,7 @@
   box-shadow: none;
 }
 .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible) .e-icons, .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons {
-  color: rgb(91.8, 99.45, 106.25);
+  color: #6c757d;
 }
 .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible) .e-icons.disabled, .e-inlineaiassist .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons.disabled {
   color: rgba(108, 117, 125, 0.65);

package/styles/inplace-editor/index-lite.css

@@ -32,6 +32,7 @@
 @import '../menu/menu-lite.css';
 @import '../context-menu/context-menu-lite.css';
 @import '../ai-assistview/ai-assistview-lite.css';
+@import '../floating-action-button/floating-action-button-lite.css';
 @import '../textarea/textarea.css';
 @import '../skeleton/skeleton.css';
 @import '../mention/mention.css';

package/styles/inplace-editor/index-lite.scss

@@ -32,6 +32,7 @@
 @use '../menu/menu-lite' as *;
 @use '../context-menu/context-menu-lite' as *;
 @use '../ai-assistview/ai-assistview-lite' as *;
+@use '../floating-action-button/floating-action-button-lite' as *;
 @use '../textarea/textarea' as *;
 @use '../skeleton/skeleton' as *;
 @use '../mention/mention' as *;

package/styles/inplace-editor/index.css

@@ -32,6 +32,7 @@
 @import '../menu/menu.css';
 @import '../context-menu/context-menu.css';
 @import '../ai-assistview/ai-assistview.css';
+@import '../floating-action-button/floating-action-button.css';
 @import '../textarea/textarea.css';
 @import '../skeleton/skeleton.css';
 @import '../mention/mention.css';

package/styles/inplace-editor/index.scss

@@ -32,6 +32,7 @@
 @use '../menu/menu' as *;
 @use '../context-menu/context-menu' as *;
 @use '../ai-assistview/ai-assistview' as *;
+@use '../floating-action-button/floating-action-button' as *;
 @use '../textarea/textarea' as *;
 @use '../skeleton/skeleton' as *;
 @use '../mention/mention' as *;

package/styles/pager/_layout.scss

@@ -757,7 +757,17 @@
             padding: 7.1px 8.6px 8.5px;
           }
         }
+        &:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
+        .e-last:not(.e-disable):focus {
+          box-shadow: $pager-focus-shadow;
+        }
+      }
+
+      &:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
+      .e-mlast:not(.e-disable):focus {
+        box-shadow: $pager-focus-shadow;
       }
+      
       .e-spacing {
         @if $pager-skin == 'tailwind3' {
           padding: 7.6px 11.85px 7.8px 11.8px;

package/styles/pager/pager-lite.css

@@ -489,6 +489,14 @@
 .e-pager.sf-pager .e-pagercontainer .e-last {
   font-size: 9px;
 }
+.e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
+.e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
+  box-shadow: 0 0 0 1px #0d6efd inset;
+}
+.e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
+.e-pager.sf-pager .e-mlast:not(.e-disable):focus {
+  box-shadow: 0 0 0 1px #0d6efd inset;
+}
 .e-pager.sf-pager .e-numericcontainer a {
   font-size: 14px;
 }

package/styles/pager/pager.css

@@ -489,6 +489,14 @@
 .e-pager.sf-pager .e-pagercontainer .e-last {
   font-size: 9px;
 }
+.e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
+.e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
+  box-shadow: 0 0 0 1px #0d6efd inset;
+}
+.e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
+.e-pager.sf-pager .e-mlast:not(.e-disable):focus {
+  box-shadow: 0 0 0 1px #0d6efd inset;
+}
 .e-pager.sf-pager .e-numericcontainer a {
   font-size: 14px;
 }

package/styles/pdfviewer/_theme.scss

@@ -1517,38 +1517,60 @@ $lg-desktop: 1399.98;
   .e-pv-tbar-btn.e-pv-custom-button.e-btn:focus,
   .e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus
   {
-    background: $pv-thumbnail-view-button-selection-background;
-    border: $pv-thumbnail-view-button-selection-border;
-    border-radius: $pv-thumbnail-border-selection-radius;
-    @if $skin-name == 'bootstrap4' {
-      color: $pv-thumbnail-border-selection-font-color;
-    }
-    @if $skin-name == 'bootstrap5' {
-      color: $white;
+    @if $skin-name !='material' and $skin-name !='material-dark' {
+      background: $pv-thumbnail-view-button-selection-background;
+      border: $pv-thumbnail-view-button-selection-border;
+      border-radius: $pv-thumbnail-border-selection-radius;
+      @if $skin-name =='bootstrap4' {
+        color: $pv-thumbnail-border-selection-font-color;
+      }
+      @if $skin-name =='bootstrap5' {
+        color: $white;
+      }
+      @if $skin-name =='bootstrap5.3' {
+        color: $pv-item-selection-color;
+      }
+      line-height: $pv-thumbnail-view-button-selection-line-height;
+      padding: $pv-thumbnail-view-button-selection-padding;
     }
-    @if $skin-name == 'bootstrap5.3' {
-      color: $pv-item-selection-color;
+    @if $skin-name == 'material' or $skin-name == 'material-dark' {
+      background: $pv-thumbnail-view-button-focus-background;
+      border-radius: $pv-thumbnail-view-button-focus-border-radius;
+      color: $pv-thumbnail-view-button-focus-color;
+      border-color: $pv-thumbnail-view-button-focus-border-color;
+      border-style: $pv-thumbnail-view-button-focus-border-style;
+      border-width: $pv-thumbnail-view-button-focus-border-width;
+      box-shadow: $pv-thumbnail-view-button-focus-box-shadow;
     }
-    line-height: $pv-thumbnail-view-button-selection-line-height;
-    padding: $pv-thumbnail-view-button-selection-padding;
   }
 
   .e-pv-tbar-btn.e-pv-bookmark-button.e-btn:focus
   {
-    background: $pv-thumbnail-view-button-selection-background;
-    border: $pv-thumbnail-view-button-selection-border;
-    border-radius: $pv-thumbnail-border-selection-radius;
-    @if $skin-name == 'bootstrap4' {
-      color: $pv-thumbnail-border-selection-font-color;
-    }
-    @if $skin-name == 'bootstrap5' {
-      color: $white;
+    @if $skin-name !='material' and $skin-name !='material-dark' {
+      background: $pv-thumbnail-view-button-selection-background;
+      border: $pv-thumbnail-view-button-selection-border;
+      border-radius: $pv-thumbnail-border-selection-radius;
+      @if $skin-name =='bootstrap4' {
+        color: $pv-thumbnail-border-selection-font-color;
+      }
+      @if $skin-name =='bootstrap5' {
+        color: $white;
+      }
+      @if $skin-name =='bootstrap5.3' {
+        color: $pv-item-selection-color;
+      }
+      line-height: $pv-thumbnail-view-button-selection-line-height;
+      padding: $pv-thumbnail-view-button-selection-padding;
     }
-    @if $skin-name == 'bootstrap5.3' {
-      color: $pv-item-selection-color;
+    @if $skin-name == 'material' or $skin-name == 'material-dark' {
+      background: $pv-thumbnail-view-button-focus-background;
+      border-radius: $pv-thumbnail-view-button-focus-border-radius;
+      color: $pv-thumbnail-view-button-focus-color;
+      border-color: $pv-thumbnail-view-button-focus-border-color;
+      border-style: $pv-thumbnail-view-button-focus-border-style;
+      border-width: $pv-thumbnail-view-button-focus-border-width;
+      box-shadow: $pv-thumbnail-view-button-focus-box-shadow;
     }
-    line-height: $pv-thumbnail-view-button-selection-line-height;
-    padding: $pv-thumbnail-view-button-selection-padding;
   }
 
   .e-pv-thumbnail-view-button-selection.e-pv-thumbnail-view-button.e-btn {

package/styles/pdfviewer/index-lite.css

@@ -46,6 +46,7 @@
 @import '../rich-text-editor/rich-text-editor-lite.css';
 @import '../uploader/uploader-lite.css';
 @import '../ai-assistview/ai-assistview-lite.css';
+@import '../floating-action-button/floating-action-button-lite.css';
 @import '../textarea/textarea.css';
 @import '../skeleton/skeleton.css';
 @import '../mention/mention.css';

package/styles/pdfviewer/index-lite.scss

@@ -46,6 +46,7 @@
 @use '../rich-text-editor/rich-text-editor-lite' as *;
 @use '../uploader/uploader-lite' as *;
 @use '../ai-assistview/ai-assistview-lite' as *;
+@use '../floating-action-button/floating-action-button-lite' as *;
 @use '../textarea/textarea' as *;
 @use '../skeleton/skeleton' as *;
 @use '../mention/mention' as *;

package/styles/pdfviewer/index.css

@@ -46,6 +46,7 @@
 @import '../rich-text-editor/rich-text-editor.css';
 @import '../uploader/uploader.css';
 @import '../ai-assistview/ai-assistview.css';
+@import '../floating-action-button/floating-action-button.css';
 @import '../textarea/textarea.css';
 @import '../skeleton/skeleton.css';
 @import '../mention/mention.css';

package/styles/pdfviewer/index.scss

@@ -46,6 +46,7 @@
 @use '../rich-text-editor/rich-text-editor' as *;
 @use '../uploader/uploader' as *;
 @use '../ai-assistview/ai-assistview' as *;
+@use '../floating-action-button/floating-action-button' as *;
 @use '../textarea/textarea' as *;
 @use '../skeleton/skeleton' as *;
 @use '../mention/mention' as *;

package/styles/pivotview/_theme.scss

@@ -383,8 +383,8 @@
 
     .e-grid {
 
-      th.e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
-        box-shadow: none !important;
+      th.e-leftfreeze {
+        border-left-width: 0 !important;
       }
 
       @if ($skin-name == 'bootstrap5.3')

package/styles/pivotview/pivotview-lite.css

@@ -1031,8 +1031,8 @@
   color: #fff !important;
   color: #343a40 !important;
 }
-.e-pivotview .e-grid th.e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
-  box-shadow: none !important;
+.e-pivotview .e-grid th.e-leftfreeze {
+  border-left-width: 0 !important;
 }
 .e-pivotview .e-grid .e-pivot-content-loader {
   position: absolute;

package/styles/pivotview/pivotview.css

@@ -1031,8 +1031,8 @@
   color: #fff !important;
   color: #343a40 !important;
 }
-.e-pivotview .e-grid th.e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
-  box-shadow: none !important;
+.e-pivotview .e-grid th.e-leftfreeze {
+  border-left-width: 0 !important;
 }
 .e-pivotview .e-grid .e-pivot-content-loader {
   position: absolute;

package/styles/rich-text-editor/index-lite.css

@@ -18,6 +18,7 @@
 @import '../toolbar/toolbar-lite.css';
 @import '../context-menu/context-menu-lite.css';
 @import '../menu/menu-lite.css';
+@import '../floating-action-button/floating-action-button-lite.css';
 @import '../textarea/textarea.css';
 @import '../textbox/textbox-lite.css';
 @import '../skeleton/skeleton.css';

package/styles/rich-text-editor/index-lite.scss

@@ -18,6 +18,7 @@
 @use '../toolbar/toolbar-lite' as *;
 @use '../context-menu/context-menu-lite' as *;
 @use '../menu/menu-lite' as *;
+@use '../floating-action-button/floating-action-button-lite' as *;
 @use '../textarea/textarea' as *;
 @use '../textbox/textbox-lite' as *;
 @use '../skeleton/skeleton' as *;

package/styles/rich-text-editor/index.css

@@ -18,6 +18,7 @@
 @import '../toolbar/toolbar.css';
 @import '../context-menu/context-menu.css';
 @import '../menu/menu.css';
+@import '../floating-action-button/floating-action-button.css';
 @import '../textarea/textarea.css';
 @import '../textbox/textbox.css';
 @import '../skeleton/skeleton.css';

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

@@ -18,6 +18,7 @@
 @use '../toolbar/toolbar' as *;
 @use '../context-menu/context-menu' as *;
 @use '../menu/menu' as *;
+@use '../floating-action-button/floating-action-button' as *;
 @use '../textarea/textarea' as *;
 @use '../textbox/textbox' as *;
 @use '../skeleton/skeleton' as *;

package/styles/smartpdfviewer/index-lite.css

@@ -47,10 +47,10 @@
 @import '../rich-text-editor/rich-text-editor-lite.css';
 @import '../uploader/uploader-lite.css';
 @import '../ai-assistview/ai-assistview-lite.css';
+@import '../floating-action-button/floating-action-button-lite.css';
 @import '../textarea/textarea.css';
 @import '../skeleton/skeleton.css';
 @import '../mention/mention.css';
 @import '../splitter/splitter-lite.css';
 @import '../pdfviewer/pdfviewer-lite.css';
-@import '../floating-action-button/floating-action-button-lite.css';
 @import '../smartpdfviewer/smartpdfviewer-lite.css';

package/styles/smartpdfviewer/index-lite.scss

@@ -47,10 +47,10 @@
 @use '../rich-text-editor/rich-text-editor-lite' as *;
 @use '../uploader/uploader-lite' as *;
 @use '../ai-assistview/ai-assistview-lite' as *;
+@use '../floating-action-button/floating-action-button-lite' as *;
 @use '../textarea/textarea' as *;
 @use '../skeleton/skeleton' as *;
 @use '../mention/mention' as *;
 @use '../splitter/splitter-lite' as *;
 @use '../pdfviewer/pdfviewer-lite' as *;
-@use '../floating-action-button/floating-action-button-lite' as *;
 @use '../smartpdfviewer/smartpdfviewer-lite' as *;

package/styles/smartpdfviewer/index.css

@@ -47,10 +47,10 @@
 @import '../rich-text-editor/rich-text-editor.css';
 @import '../uploader/uploader.css';
 @import '../ai-assistview/ai-assistview.css';
+@import '../floating-action-button/floating-action-button.css';
 @import '../textarea/textarea.css';
 @import '../skeleton/skeleton.css';
 @import '../mention/mention.css';
 @import '../splitter/splitter.css';
 @import '../pdfviewer/pdfviewer.css';
-@import '../floating-action-button/floating-action-button.css';
 @import '../smartpdfviewer/smartpdfviewer.css';

package/styles/smartpdfviewer/index.scss

@@ -47,10 +47,10 @@
 @use '../rich-text-editor/rich-text-editor' as *;
 @use '../uploader/uploader' as *;
 @use '../ai-assistview/ai-assistview' as *;
+@use '../floating-action-button/floating-action-button' as *;
 @use '../textarea/textarea' as *;
 @use '../skeleton/skeleton' as *;
 @use '../mention/mention' as *;
 @use '../splitter/splitter' as *;
 @use '../pdfviewer/pdfviewer' as *;
-@use '../floating-action-button/floating-action-button' as *;
 @use '../smartpdfviewer/smartpdfviewer' as *;

package/styles/spreadsheet/index-lite.css

@@ -35,6 +35,7 @@
 @import '../combo-box/combo-box.css';
 @import '../button-group/button-group-lite.css';
 @import '../ribbon/ribbon-lite.css';
+@import '../floating-action-button/floating-action-button-lite.css';
 @import '../textarea/textarea.css';
 @import '../skeleton/skeleton.css';
 @import '../ai-assistview/ai-assistview-lite.css';

package/styles/spreadsheet/index-lite.scss

@@ -35,6 +35,7 @@
 @use '../combo-box/combo-box' as *;
 @use '../button-group/button-group-lite' as *;
 @use '../ribbon/ribbon-lite' as *;
+@use '../floating-action-button/floating-action-button-lite' as *;
 @use '../textarea/textarea' as *;
 @use '../skeleton/skeleton' as *;
 @use '../ai-assistview/ai-assistview-lite' as *;

package/styles/spreadsheet/index.css

@@ -35,6 +35,7 @@
 @import '../combo-box/combo-box.css';
 @import '../button-group/button-group.css';
 @import '../ribbon/ribbon.css';
+@import '../floating-action-button/floating-action-button.css';
 @import '../textarea/textarea.css';
 @import '../skeleton/skeleton.css';
 @import '../ai-assistview/ai-assistview.css';

package/styles/spreadsheet/index.scss

@@ -35,6 +35,7 @@
 @use '../combo-box/combo-box' as *;
 @use '../button-group/button-group' as *;
 @use '../ribbon/ribbon' as *;
+@use '../floating-action-button/floating-action-button' as *;
 @use '../textarea/textarea' as *;
 @use '../skeleton/skeleton' as *;
 @use '../ai-assistview/ai-assistview' as *;