@syncfusion/ej2-fluent2-theme 34.1.29 → 34.1.30

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

@@ -1,6 +1,6 @@
 @use '../base/common/base-variables' as *;
 
-$inline-ai-assist-bg: $content-bg-color !default;
+$inline-ai-assist-bg: $content-bg-color-alt1 !default;
 $inline-ai-assist-popup-border-radius: 8px !default;
 $inline-ai-assist-content-padding: 12px 12px 16px 12px !default;
 $inline-ai-assist-content-border-radius: 8px 8px 0 0 !default;
@@ -28,9 +28,9 @@ $inline-ai-assist-textarea-placeholder-color: $placeholder-text-color !default;
 $inline-ai-assist-footer-focused-border-color: $border-alt !default;
 $inline-ai-assist-send-color: $icon-color !default;
 $inline-ai-assist-send-disabled-color: $secondary-text-color-disabled !default;
-$inline-ai-assist-content-bg: $content-bg-color !default;
+$inline-ai-assist-content-bg: $content-bg-color-alt1 !default;
 $inline-ai-assist-popup-box-shadow: $shadow-2xl !default;
-$inline-ai-assist-footer-bg: $content-bg-color !default;
+$inline-ai-assist-footer-bg: $content-bg-color-alt1 !default;
 $inline-ai-assist-content-border-bottom: 1px solid $border-light !default;
 $inline-ai-assist-response-stopper-bg-color: $primary-light !default;
 $inline-ai-assist-response-stopper-item-color: $primary !default;

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

@@ -252,7 +252,7 @@
   margin-bottom: 0;
 }
 .e-inlineaiassist {
-  background: var(--color-sf-content-bg-color);
+  background: var(--color-sf-content-bg-color-alt1);
   box-shadow: 0 32px 64px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.2);
 }
 .e-inlineaiassist.e-popup {
@@ -272,7 +272,7 @@
   box-shadow: none;
 }
 .e-inlineaiassist .e-footer {
-  background: var(--color-sf-content-bg-color);
+  background: var(--color-sf-content-bg-color-alt1);
 }
 .e-inlineaiassist .e-footer .e-assist-textarea::-webkit-scrollbar-thumb {
   background: rgb(153, 153, 153);
@@ -318,7 +318,7 @@
   background-color: var(--color-sf-primary-light);
 }
 .e-inlineaiassist .e-content:has(.e-output-container) {
-  background: var(--color-sf-content-bg-color);
+  background: var(--color-sf-content-bg-color-alt1);
   border-bottom: 1px solid var(--color-sf-border-light);
 }
 .e-inlineaiassist .e-assist-indicator {

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

@@ -252,7 +252,7 @@
   margin-bottom: 0;
 }
 .e-inlineaiassist {
-  background: var(--color-sf-content-bg-color);
+  background: var(--color-sf-content-bg-color-alt1);
   box-shadow: 0 32px 64px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.2);
 }
 .e-inlineaiassist.e-popup {
@@ -272,7 +272,7 @@
   box-shadow: none;
 }
 .e-inlineaiassist .e-footer {
-  background: var(--color-sf-content-bg-color);
+  background: var(--color-sf-content-bg-color-alt1);
 }
 .e-inlineaiassist .e-footer .e-assist-textarea::-webkit-scrollbar-thumb {
   background: rgb(153, 153, 153);
@@ -318,7 +318,7 @@
   background-color: var(--color-sf-primary-light);
 }
 .e-inlineaiassist .e-content:has(.e-output-container) {
-  background: var(--color-sf-content-bg-color);
+  background: var(--color-sf-content-bg-color-alt1);
   border-bottom: 1px solid var(--color-sf-border-light);
 }
 .e-inlineaiassist .e-assist-indicator {

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

@@ -507,6 +507,14 @@
 .e-pager.sf-pager .e-pagercontainer .e-last {
   font-size: 16px;
 }
+.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 0.5px var(--color-sf-border) 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 0.5px var(--color-sf-border) inset;
+}
 .e-pager.sf-pager .e-numericcontainer a {
   font-size: 14px;
 }

package/styles/pager/pager.css

@@ -507,6 +507,14 @@
 .e-pager.sf-pager .e-pagercontainer .e-last {
   font-size: 16px;
 }
+.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 0.5px var(--color-sf-border) 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 0.5px var(--color-sf-border) 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/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 *;