@syncfusion/blazor-themes 26.2.9 → 26.2.10

package/SCSS-Themes/fabric.scss

@@ -42120,6 +42120,26 @@ $modal-datetime-wrapper-width: 100% !default;
     }
   }
 
+  .e-datetime-mob-popup-wrap {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    justify-content: center;
+    left: 0;
+    max-height: 100%;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 1002;
+  
+    .e-datetimepicker.e-popup.e-lib.e-control.e-popup-open {
+      left: 0 !important; /* stylelint-disable-line declaration-no-important */
+      position: relative;
+      top: 0 !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   #{&}.e-datetimepicker.e-time-modal {
     @if $skin-name != 'Material3' {
       background-color: $datetime-default-overlay;
@@ -44549,6 +44569,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
 
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }
@@ -75536,6 +75557,7 @@ $grid-checkmark-color: $theme-primary-font !default;
     }
 
     .e-dropitemscount {
+      font-size: 14px;
       @if $grid-skin == 'tailwind' {
         margin-left: 1px;
       }
@@ -76253,8 +76275,7 @@ $grid-checkmark-color: $theme-primary-font !default;
               }
           }
 
-          & .e-toolbar-right,
-          & .e-toolbar-left {
+          & .e-toolbar-right {
             & .e-search-wrapper {
               width: 100%;
               @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
@@ -78807,7 +78828,7 @@ $grid-checkmark-color: $theme-primary-font !default;
       }
 
       & .e-cloneproperties {
-        border-width: $grid-border-size $grid-border-size 3px;
+        border-width: $grid-border-size $grid-border-size 2px;
       }
 
       & tr {
@@ -79594,6 +79615,9 @@ $grid-checkmark-color: $theme-primary-font !default;
       @if $grid-skin == 'fluent2' {
         margin-top: -8px;
       }
+      @if $grid-skin == 'bootstrap5.3' {
+        margin-top: -9px;
+      }
     }
 
     .e-reorderdownarrow {
@@ -79859,7 +79883,9 @@ $grid-checkmark-color: $theme-primary-font !default;
     }
 
     & .e-tbar-btn.e-icon-btn:hover {
-      background-color: $group-header-hover-bg-color;
+      @if $grid-skin == 'fluent2' {
+        background-color: $group-header-hover-bg-color;
+      }
     }
 
     .e-search-icon {
@@ -80531,7 +80557,9 @@ $grid-checkmark-color: $theme-primary-font !default;
       }
 
       & .e-menu-item.e-focused {
-        background-color: transparent;
+        @if $grid-skin != 'bootstrap5.3' {
+          background-color: transparent;
+        }
       }
     }
   }

package/SCSS-Themes/fluent-dark.scss

@@ -42566,6 +42566,26 @@ $modal-datetime-wrapper-width: 100% !default;
     }
   }
 
+  .e-datetime-mob-popup-wrap {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    justify-content: center;
+    left: 0;
+    max-height: 100%;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 1002;
+  
+    .e-datetimepicker.e-popup.e-lib.e-control.e-popup-open {
+      left: 0 !important; /* stylelint-disable-line declaration-no-important */
+      position: relative;
+      top: 0 !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   #{&}.e-datetimepicker.e-time-modal {
     @if $skin-name != 'Material3' {
       background-color: $datetime-default-overlay;
@@ -45038,6 +45058,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
 
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }
@@ -76257,6 +76278,7 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     .e-dropitemscount {
+      font-size: 14px;
       @if $grid-skin == 'tailwind' {
         margin-left: 1px;
       }
@@ -76974,8 +76996,7 @@ $grid-checkmark-color: $primary-text-color !default;
               }
           }
 
-          & .e-toolbar-right,
-          & .e-toolbar-left {
+          & .e-toolbar-right {
             & .e-search-wrapper {
               width: 100%;
               @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
@@ -79528,7 +79549,7 @@ $grid-checkmark-color: $primary-text-color !default;
       }
 
       & .e-cloneproperties {
-        border-width: $grid-border-size $grid-border-size 3px;
+        border-width: $grid-border-size $grid-border-size 2px;
       }
 
       & tr {
@@ -80315,6 +80336,9 @@ $grid-checkmark-color: $primary-text-color !default;
       @if $grid-skin == 'fluent2' {
         margin-top: -8px;
       }
+      @if $grid-skin == 'bootstrap5.3' {
+        margin-top: -9px;
+      }
     }
 
     .e-reorderdownarrow {
@@ -80580,7 +80604,9 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     & .e-tbar-btn.e-icon-btn:hover {
-      background-color: $group-header-hover-bg-color;
+      @if $grid-skin == 'fluent2' {
+        background-color: $group-header-hover-bg-color;
+      }
     }
 
     .e-search-icon {
@@ -81252,7 +81278,9 @@ $grid-checkmark-color: $primary-text-color !default;
       }
 
       & .e-menu-item.e-focused {
-        background-color: transparent;
+        @if $grid-skin != 'bootstrap5.3' {
+          background-color: transparent;
+        }
       }
     }
   }

package/SCSS-Themes/fluent.scss

@@ -42566,6 +42566,26 @@ $modal-datetime-wrapper-width: 100% !default;
     }
   }
 
+  .e-datetime-mob-popup-wrap {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    justify-content: center;
+    left: 0;
+    max-height: 100%;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 1002;
+  
+    .e-datetimepicker.e-popup.e-lib.e-control.e-popup-open {
+      left: 0 !important; /* stylelint-disable-line declaration-no-important */
+      position: relative;
+      top: 0 !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   #{&}.e-datetimepicker.e-time-modal {
     @if $skin-name != 'Material3' {
       background-color: $datetime-default-overlay;
@@ -45038,6 +45058,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
 
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }
@@ -76257,6 +76278,7 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     .e-dropitemscount {
+      font-size: 14px;
       @if $grid-skin == 'tailwind' {
         margin-left: 1px;
       }
@@ -76974,8 +76996,7 @@ $grid-checkmark-color: $primary-text-color !default;
               }
           }
 
-          & .e-toolbar-right,
-          & .e-toolbar-left {
+          & .e-toolbar-right {
             & .e-search-wrapper {
               width: 100%;
               @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
@@ -79528,7 +79549,7 @@ $grid-checkmark-color: $primary-text-color !default;
       }
 
       & .e-cloneproperties {
-        border-width: $grid-border-size $grid-border-size 3px;
+        border-width: $grid-border-size $grid-border-size 2px;
       }
 
       & tr {
@@ -80315,6 +80336,9 @@ $grid-checkmark-color: $primary-text-color !default;
       @if $grid-skin == 'fluent2' {
         margin-top: -8px;
       }
+      @if $grid-skin == 'bootstrap5.3' {
+        margin-top: -9px;
+      }
     }
 
     .e-reorderdownarrow {
@@ -80580,7 +80604,9 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     & .e-tbar-btn.e-icon-btn:hover {
-      background-color: $group-header-hover-bg-color;
+      @if $grid-skin == 'fluent2' {
+        background-color: $group-header-hover-bg-color;
+      }
     }
 
     .e-search-icon {
@@ -81252,7 +81278,9 @@ $grid-checkmark-color: $primary-text-color !default;
       }
 
       & .e-menu-item.e-focused {
-        background-color: transparent;
+        @if $grid-skin != 'bootstrap5.3' {
+          background-color: transparent;
+        }
       }
     }
   }

package/SCSS-Themes/fluent2-dark.scss

@@ -44079,6 +44079,26 @@ $modal-datetime-wrapper-width: 100% !default;
     }
   }
 
+  .e-datetime-mob-popup-wrap {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    justify-content: center;
+    left: 0;
+    max-height: 100%;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 1002;
+  
+    .e-datetimepicker.e-popup.e-lib.e-control.e-popup-open {
+      left: 0 !important; /* stylelint-disable-line declaration-no-important */
+      position: relative;
+      top: 0 !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   #{&}.e-datetimepicker.e-time-modal {
     @if $skin-name != 'Material3' {
       background-color: $datetime-default-overlay;
@@ -46556,6 +46576,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
 
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }
@@ -77379,7 +77400,7 @@ $grid-group-right-arrow-icon-font-size: $text-sm !default;
 $grid-group-right-arrow-icon-padding: 10px 8px 12px 8px !default;
 $grid-group-unpgroupicon-padding-top: 4px !default;
 $grid-summary-cell-line-height: 20px !default;
-$grid-batch-updated-bg-color: $success-light-alt !default;
+$grid-batch-updated-bg-color: $success-light !default;
 $grid-val-error-color: $danger !default;
 $grid-val-error-bg-color: $tooltip-bg-color !default;
 $grid-edit-input-padding-bottom: 1px !default;
@@ -78465,6 +78486,7 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     .e-dropitemscount {
+      font-size: 14px;
       @if $grid-skin == 'tailwind' {
         margin-left: 1px;
       }
@@ -79182,8 +79204,7 @@ $grid-checkmark-color: $primary-text-color !default;
               }
           }
 
-          & .e-toolbar-right,
-          & .e-toolbar-left {
+          & .e-toolbar-right {
             & .e-search-wrapper {
               width: 100%;
               @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
@@ -81736,7 +81757,7 @@ $grid-checkmark-color: $primary-text-color !default;
       }
 
       & .e-cloneproperties {
-        border-width: $grid-border-size $grid-border-size 3px;
+        border-width: $grid-border-size $grid-border-size 2px;
       }
 
       & tr {
@@ -82523,6 +82544,9 @@ $grid-checkmark-color: $primary-text-color !default;
       @if $grid-skin == 'fluent2' {
         margin-top: -8px;
       }
+      @if $grid-skin == 'bootstrap5.3' {
+        margin-top: -9px;
+      }
     }
 
     .e-reorderdownarrow {
@@ -82788,7 +82812,9 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     & .e-tbar-btn.e-icon-btn:hover {
-      background-color: $group-header-hover-bg-color;
+      @if $grid-skin == 'fluent2' {
+        background-color: $group-header-hover-bg-color;
+      }
     }
 
     .e-search-icon {
@@ -83460,7 +83486,9 @@ $grid-checkmark-color: $primary-text-color !default;
       }
 
       & .e-menu-item.e-focused {
-        background-color: transparent;
+        @if $grid-skin != 'bootstrap5.3' {
+          background-color: transparent;
+        }
       }
     }
   }

package/SCSS-Themes/fluent2.scss

@@ -44839,6 +44839,26 @@ $modal-datetime-wrapper-width: 100% !default;
     }
   }
 
+  .e-datetime-mob-popup-wrap {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    justify-content: center;
+    left: 0;
+    max-height: 100%;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 1002;
+  
+    .e-datetimepicker.e-popup.e-lib.e-control.e-popup-open {
+      left: 0 !important; /* stylelint-disable-line declaration-no-important */
+      position: relative;
+      top: 0 !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   #{&}.e-datetimepicker.e-time-modal {
     @if $skin-name != 'Material3' {
       background-color: $datetime-default-overlay;
@@ -47316,6 +47336,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
 
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }
@@ -78139,7 +78160,7 @@ $grid-group-right-arrow-icon-font-size: $text-sm !default;
 $grid-group-right-arrow-icon-padding: 10px 8px 12px 8px !default;
 $grid-group-unpgroupicon-padding-top: 4px !default;
 $grid-summary-cell-line-height: 20px !default;
-$grid-batch-updated-bg-color: $success-light-alt !default;
+$grid-batch-updated-bg-color: $success-light !default;
 $grid-val-error-color: $danger !default;
 $grid-val-error-bg-color: $tooltip-bg-color !default;
 $grid-edit-input-padding-bottom: 1px !default;
@@ -79225,6 +79246,7 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     .e-dropitemscount {
+      font-size: 14px;
       @if $grid-skin == 'tailwind' {
         margin-left: 1px;
       }
@@ -79942,8 +79964,7 @@ $grid-checkmark-color: $primary-text-color !default;
               }
           }
 
-          & .e-toolbar-right,
-          & .e-toolbar-left {
+          & .e-toolbar-right {
             & .e-search-wrapper {
               width: 100%;
               @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
@@ -82496,7 +82517,7 @@ $grid-checkmark-color: $primary-text-color !default;
       }
 
       & .e-cloneproperties {
-        border-width: $grid-border-size $grid-border-size 3px;
+        border-width: $grid-border-size $grid-border-size 2px;
       }
 
       & tr {
@@ -83283,6 +83304,9 @@ $grid-checkmark-color: $primary-text-color !default;
       @if $grid-skin == 'fluent2' {
         margin-top: -8px;
       }
+      @if $grid-skin == 'bootstrap5.3' {
+        margin-top: -9px;
+      }
     }
 
     .e-reorderdownarrow {
@@ -83548,7 +83572,9 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     & .e-tbar-btn.e-icon-btn:hover {
-      background-color: $group-header-hover-bg-color;
+      @if $grid-skin == 'fluent2' {
+        background-color: $group-header-hover-bg-color;
+      }
     }
 
     .e-search-icon {
@@ -84220,7 +84246,9 @@ $grid-checkmark-color: $primary-text-color !default;
       }
 
       & .e-menu-item.e-focused {
-        background-color: transparent;
+        @if $grid-skin != 'bootstrap5.3' {
+          background-color: transparent;
+        }
       }
     }
   }

package/SCSS-Themes/grids/grid/bds-dark.scss

@@ -1400,6 +1400,7 @@ $grid-checkmark-color: $primary !default;
     }
 
     .e-dropitemscount {
+      font-size: 14px;
       @if $grid-skin == 'tailwind' {
         margin-left: 1px;
       }
@@ -2117,8 +2118,7 @@ $grid-checkmark-color: $primary !default;
               }
           }
 
-          & .e-toolbar-right,
-          & .e-toolbar-left {
+          & .e-toolbar-right {
             & .e-search-wrapper {
               width: 100%;
               @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
@@ -4671,7 +4671,7 @@ $grid-checkmark-color: $primary !default;
       }
 
       & .e-cloneproperties {
-        border-width: $grid-border-size $grid-border-size 3px;
+        border-width: $grid-border-size $grid-border-size 2px;
       }
 
       & tr {
@@ -5458,6 +5458,9 @@ $grid-checkmark-color: $primary !default;
       @if $grid-skin == 'fluent2' {
         margin-top: -8px;
       }
+      @if $grid-skin == 'bootstrap5.3' {
+        margin-top: -9px;
+      }
     }
 
     .e-reorderdownarrow {
@@ -5723,7 +5726,9 @@ $grid-checkmark-color: $primary !default;
     }
 
     & .e-tbar-btn.e-icon-btn:hover {
-      background-color: $group-header-hover-bg-color;
+      @if $grid-skin == 'fluent2' {
+        background-color: $group-header-hover-bg-color;
+      }
     }
 
     .e-search-icon {
@@ -6395,7 +6400,9 @@ $grid-checkmark-color: $primary !default;
       }
 
       & .e-menu-item.e-focused {
-        background-color: transparent;
+        @if $grid-skin != 'bootstrap5.3' {
+          background-color: transparent;
+        }
       }
     }
   }

package/SCSS-Themes/grids/grid/bds.scss

@@ -1400,6 +1400,7 @@ $grid-checkmark-color: $primary !default;
     }
 
     .e-dropitemscount {
+      font-size: 14px;
       @if $grid-skin == 'tailwind' {
         margin-left: 1px;
       }
@@ -2117,8 +2118,7 @@ $grid-checkmark-color: $primary !default;
               }
           }
 
-          & .e-toolbar-right,
-          & .e-toolbar-left {
+          & .e-toolbar-right {
             & .e-search-wrapper {
               width: 100%;
               @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
@@ -4671,7 +4671,7 @@ $grid-checkmark-color: $primary !default;
       }
 
       & .e-cloneproperties {
-        border-width: $grid-border-size $grid-border-size 3px;
+        border-width: $grid-border-size $grid-border-size 2px;
       }
 
       & tr {
@@ -5458,6 +5458,9 @@ $grid-checkmark-color: $primary !default;
       @if $grid-skin == 'fluent2' {
         margin-top: -8px;
       }
+      @if $grid-skin == 'bootstrap5.3' {
+        margin-top: -9px;
+      }
     }
 
     .e-reorderdownarrow {
@@ -5723,7 +5726,9 @@ $grid-checkmark-color: $primary !default;
     }
 
     & .e-tbar-btn.e-icon-btn:hover {
-      background-color: $group-header-hover-bg-color;
+      @if $grid-skin == 'fluent2' {
+        background-color: $group-header-hover-bg-color;
+      }
     }
 
     .e-search-icon {
@@ -6395,7 +6400,9 @@ $grid-checkmark-color: $primary !default;
       }
 
       & .e-menu-item.e-focused {
-        background-color: transparent;
+        @if $grid-skin != 'bootstrap5.3' {
+          background-color: transparent;
+        }
       }
     }
   }

package/SCSS-Themes/grids/grid/bootstrap-dark.scss

@@ -1389,6 +1389,7 @@ $grid-checkmark-color: $grey-light-font !default;
     }
 
     .e-dropitemscount {
+      font-size: 14px;
       @if $grid-skin == 'tailwind' {
         margin-left: 1px;
       }
@@ -2106,8 +2107,7 @@ $grid-checkmark-color: $grey-light-font !default;
               }
           }
 
-          & .e-toolbar-right,
-          & .e-toolbar-left {
+          & .e-toolbar-right {
             & .e-search-wrapper {
               width: 100%;
               @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
@@ -4660,7 +4660,7 @@ $grid-checkmark-color: $grey-light-font !default;
       }
 
       & .e-cloneproperties {
-        border-width: $grid-border-size $grid-border-size 3px;
+        border-width: $grid-border-size $grid-border-size 2px;
       }
 
       & tr {
@@ -5447,6 +5447,9 @@ $grid-checkmark-color: $grey-light-font !default;
       @if $grid-skin == 'fluent2' {
         margin-top: -8px;
       }
+      @if $grid-skin == 'bootstrap5.3' {
+        margin-top: -9px;
+      }
     }
 
     .e-reorderdownarrow {
@@ -5712,7 +5715,9 @@ $grid-checkmark-color: $grey-light-font !default;
     }
 
     & .e-tbar-btn.e-icon-btn:hover {
-      background-color: $group-header-hover-bg-color;
+      @if $grid-skin == 'fluent2' {
+        background-color: $group-header-hover-bg-color;
+      }
     }
 
     .e-search-icon {
@@ -6384,7 +6389,9 @@ $grid-checkmark-color: $grey-light-font !default;
       }
 
       & .e-menu-item.e-focused {
-        background-color: transparent;
+        @if $grid-skin != 'bootstrap5.3' {
+          background-color: transparent;
+        }
       }
     }
   }