@syncfusion/ej2-fluent-theme 34.1.29 → 34.1.30

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/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

@@ -482,6 +482,14 @@
 .e-pager.sf-pager .e-pagercontainer .e-last {
   font-size: 11px;
 }
+.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 #0078d4 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 #0078d4 inset;
+}
 .e-pager.sf-pager .e-numericcontainer a {
   font-size: 14px;
 }

package/styles/pager/pager.css

@@ -482,6 +482,14 @@
 .e-pager.sf-pager .e-pagercontainer .e-last {
   font-size: 11px;
 }
+.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 #0078d4 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 #0078d4 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 *;