@syncfusion/blazor-themes 31.2.5 → 31.2.12

package/SCSS-Themes/material-dark-lite.scss

@@ -2659,6 +2659,7 @@ $ddl-clear-icon-margin-right: 66px !default;
 $ddl-back-icon-margin: 0 10px 0 -52px !default;
 $ddl-back-icon-padding: 0 8px !default;
 $ddl-filter-margin: 0 !default;
+$input-margin-top: 16px !default;
 
 // Small Size
 
@@ -2761,6 +2762,10 @@ $input-border: $ddl-zero-value $border-type !default;
     border: $input-border;
   }
 
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
+
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -62237,6 +62242,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-li-padding: 11px 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 3px !default;
 $grid-bigger-cc-checkbox-padding-left: 12px !default;
 $grid-bigger-searchdiv-padding-left: 6px !default;
 $grid-bigger-sorticon-margin-top: 0 !default;
@@ -62506,6 +62512,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 6px 9px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 20px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 8px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
@@ -63546,7 +63553,7 @@ $grid-checkmark-color: $accent-font !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -65721,7 +65728,7 @@ $grid-checkmark-color: $accent-font !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -66499,6 +66506,12 @@ $grid-checkmark-color: $accent-font !default;
           padding: 6px;
         }
       }
+
+      .e-rowcell .e-checkbox-wrapper,
+      .e-rowcell .e-css.e-checkbox-wrapper {
+        -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+        user-select: none;
+      }
       
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;

package/SCSS-Themes/material-dark.scss

@@ -2781,6 +2781,7 @@ $ddl-clear-icon-margin-right: 66px !default;
 $ddl-back-icon-margin: 0 10px 0 -52px !default;
 $ddl-back-icon-padding: 0 8px !default;
 $ddl-filter-margin: 0 !default;
+$input-margin-top: 16px !default;
 
 // Small Size
 
@@ -2883,6 +2884,10 @@ $input-border: $ddl-zero-value $border-type !default;
     border: $input-border;
   }
 
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
+
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -84642,6 +84647,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-li-padding: 11px 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 3px !default;
 $grid-bigger-cc-checkbox-padding-left: 12px !default;
 $grid-bigger-searchdiv-padding-left: 6px !default;
 $grid-bigger-sorticon-margin-top: 0 !default;
@@ -84911,6 +84917,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 6px 9px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 20px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 8px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
@@ -85951,7 +85958,7 @@ $grid-checkmark-color: $accent-font !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -88126,7 +88133,7 @@ $grid-checkmark-color: $accent-font !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -88904,6 +88911,12 @@ $grid-checkmark-color: $accent-font !default;
           padding: 6px;
         }
       }
+
+      .e-rowcell .e-checkbox-wrapper,
+      .e-rowcell .e-css.e-checkbox-wrapper {
+        -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+        user-select: none;
+      }
       
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;
@@ -92301,6 +92314,17 @@ $grid-checkmark-color: $accent-font !default;
     }
   }
 
+  .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
+  .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
+    margin-right: $grid-bigger-toolbar-div-margin;
+  }
+
+  .e-toolbar.e-rtl .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
+  .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
+    margin-left: $grid-bigger-toolbar-div-margin;
+    margin-right: initial;
+  }
+
   .e-row .e-input-group .e-control.e-input {
     @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
       padding-bottom: 0;

package/SCSS-Themes/material-lite.scss

@@ -2647,6 +2647,7 @@ $ddl-back-icon-margin: 0 10px 0 -52px !default;
 $ddl-back-icon-padding: 0 8px !default;
 $ddl-popup-shadow: 0 5px 5px -3px rgba($grey-light-font, .2), 0 8px 10px 1px rgba($grey-light-font, .14), 0 3px 14px 2px rgba($grey-light-font, .12) !default;
 $ddl-filter-margin: 0 !default;
+$input-margin-top: 16px !default;
 
 // Small Size
 $ddl-small-list-font-size: 12px !default;
@@ -2751,6 +2752,10 @@ $input-border: $ddl-zero-value $border-type !default;
     border: $input-border;
   }
 
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
+
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -61985,6 +61990,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-li-padding: 11px 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 3px !default;
 $grid-bigger-cc-checkbox-padding-left: 12px !default;
 $grid-bigger-searchdiv-padding-left: 6px !default;
 $grid-bigger-sorticon-margin-top: 0 !default;
@@ -62269,6 +62275,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 6px 9px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 20px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 8px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
@@ -63288,7 +63295,7 @@ $grid-checkmark-color: $accent-font !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -65463,7 +65470,7 @@ $grid-checkmark-color: $accent-font !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -66241,6 +66248,12 @@ $grid-checkmark-color: $accent-font !default;
           padding: 6px;
         }
       }
+
+      .e-rowcell .e-checkbox-wrapper,
+      .e-rowcell .e-css.e-checkbox-wrapper {
+        -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+        user-select: none;
+      }
       
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;

package/SCSS-Themes/material.scss

@@ -2769,6 +2769,7 @@ $ddl-back-icon-margin: 0 10px 0 -52px !default;
 $ddl-back-icon-padding: 0 8px !default;
 $ddl-popup-shadow: 0 5px 5px -3px rgba($grey-light-font, .2), 0 8px 10px 1px rgba($grey-light-font, .14), 0 3px 14px 2px rgba($grey-light-font, .12) !default;
 $ddl-filter-margin: 0 !default;
+$input-margin-top: 16px !default;
 
 // Small Size
 $ddl-small-list-font-size: 12px !default;
@@ -2873,6 +2874,10 @@ $input-border: $ddl-zero-value $border-type !default;
     border: $input-border;
   }
 
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
+
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -84390,6 +84395,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-li-padding: 11px 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 3px !default;
 $grid-bigger-cc-checkbox-padding-left: 12px !default;
 $grid-bigger-searchdiv-padding-left: 6px !default;
 $grid-bigger-sorticon-margin-top: 0 !default;
@@ -84674,6 +84680,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 6px 9px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 20px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 8px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
@@ -85693,7 +85700,7 @@ $grid-checkmark-color: $accent-font !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -87868,7 +87875,7 @@ $grid-checkmark-color: $accent-font !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -88646,6 +88653,12 @@ $grid-checkmark-color: $accent-font !default;
           padding: 6px;
         }
       }
+
+      .e-rowcell .e-checkbox-wrapper,
+      .e-rowcell .e-css.e-checkbox-wrapper {
+        -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+        user-select: none;
+      }
       
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;
@@ -92043,6 +92056,17 @@ $grid-checkmark-color: $accent-font !default;
     }
   }
 
+  .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
+  .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
+    margin-right: $grid-bigger-toolbar-div-margin;
+  }
+
+  .e-toolbar.e-rtl .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
+  .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
+    margin-left: $grid-bigger-toolbar-div-margin;
+    margin-right: initial;
+  }
+
   .e-row .e-input-group .e-control.e-input {
     @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
       padding-bottom: 0;

package/SCSS-Themes/material3-dark-lite.scss

@@ -2849,6 +2849,7 @@ $ddl-icon-hover-bg: rgba($content-text-color, .08) !default;
 $ddl-small-list-font-size: $text-xs !default;
 $ddl-bigger-small-list-font-size: $text-sm !default;
 $input-border: $ddl-zero-value $border-type !default;
+$input-margin-top: 16px !default;
 
 @include export-module('dropdownlist-Material3') {
   .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -2950,6 +2951,10 @@ $input-border: $ddl-zero-value $border-type !default;
     border: $input-border;
   }
 
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
+
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -62006,6 +62011,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-li-padding: 8px 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 12px !default;
 $grid-device-headercell-padding: $grid-header-bottom-padding 12px $grid-header-bottom-padding !default;
 $grid-device-headercell-fistchild-padding: $grid-header-bottom-padding 12px $grid-header-bottom-padding 16px !default;
 $grid-device-headercell-lastchild-padding: $grid-header-bottom-padding 16px $grid-header-bottom-padding 12px !default;
@@ -62111,6 +62117,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
 $grid-toolbar-search-wrapper-padding-top: 3px !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -63359,7 +63366,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -65534,7 +65541,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -66312,6 +66319,12 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
           padding: 6px;
         }
       }
+
+      .e-rowcell .e-checkbox-wrapper,
+      .e-rowcell .e-css.e-checkbox-wrapper {
+        -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+        user-select: none;
+      }
       
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;

package/SCSS-Themes/material3-dark.scss

@@ -2971,6 +2971,7 @@ $ddl-icon-hover-bg: rgba($content-text-color, .08) !default;
 $ddl-small-list-font-size: $text-xs !default;
 $ddl-bigger-small-list-font-size: $text-sm !default;
 $input-border: $ddl-zero-value $border-type !default;
+$input-margin-top: 16px !default;
 
 @include export-module('dropdownlist-Material3') {
   .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -3072,6 +3073,10 @@ $input-border: $ddl-zero-value $border-type !default;
     border: $input-border;
   }
 
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
+
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -84411,6 +84416,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-li-padding: 8px 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 12px !default;
 $grid-device-headercell-padding: $grid-header-bottom-padding 12px $grid-header-bottom-padding !default;
 $grid-device-headercell-fistchild-padding: $grid-header-bottom-padding 12px $grid-header-bottom-padding 16px !default;
 $grid-device-headercell-lastchild-padding: $grid-header-bottom-padding 16px $grid-header-bottom-padding 12px !default;
@@ -84516,6 +84522,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
 $grid-toolbar-search-wrapper-padding-top: 3px !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -85764,7 +85771,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -87939,7 +87946,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -88717,6 +88724,12 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
           padding: 6px;
         }
       }
+
+      .e-rowcell .e-checkbox-wrapper,
+      .e-rowcell .e-css.e-checkbox-wrapper {
+        -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+        user-select: none;
+      }
       
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;
@@ -92108,6 +92121,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
     }
   }
 
+  .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
+  .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
+    margin-right: $grid-bigger-toolbar-div-margin;
+  }
+
+  .e-toolbar.e-rtl .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
+  .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
+    margin-left: $grid-bigger-toolbar-div-margin;
+    margin-right: initial;
+  }
+
   .e-row .e-input-group .e-control.e-input {
     @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
       padding-bottom: 0;

package/SCSS-Themes/material3-lite.scss

@@ -2919,6 +2919,7 @@ $ddl-icon-hover-bg: rgba($content-text-color, .08) !default;
 $ddl-small-list-font-size: $text-xs !default;
 $ddl-bigger-small-list-font-size: $text-sm !default;
 $input-border: $ddl-zero-value $border-type !default;
+$input-margin-top: 16px !default;
 
 @include export-module('dropdownlist-Material3') {
   .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -3020,6 +3021,10 @@ $input-border: $ddl-zero-value $border-type !default;
     border: $input-border;
   }
 
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
+
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -62076,6 +62081,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-li-padding: 8px 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 12px !default;
 $grid-device-headercell-padding: $grid-header-bottom-padding 12px $grid-header-bottom-padding !default;
 $grid-device-headercell-fistchild-padding: $grid-header-bottom-padding 12px $grid-header-bottom-padding 16px !default;
 $grid-device-headercell-lastchild-padding: $grid-header-bottom-padding 16px $grid-header-bottom-padding 12px !default;
@@ -62181,6 +62187,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
 $grid-toolbar-search-wrapper-padding-top: 3px !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -63429,7 +63436,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -65604,7 +65611,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -66382,6 +66389,12 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
           padding: 6px;
         }
       }
+
+      .e-rowcell .e-checkbox-wrapper,
+      .e-rowcell .e-css.e-checkbox-wrapper {
+        -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+        user-select: none;
+      }
       
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;

package/SCSS-Themes/material3.scss

@@ -3041,6 +3041,7 @@ $ddl-icon-hover-bg: rgba($content-text-color, .08) !default;
 $ddl-small-list-font-size: $text-xs !default;
 $ddl-bigger-small-list-font-size: $text-sm !default;
 $input-border: $ddl-zero-value $border-type !default;
+$input-margin-top: 16px !default;
 
 @include export-module('dropdownlist-Material3') {
   .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -3142,6 +3143,10 @@ $input-border: $ddl-zero-value $border-type !default;
     border: $input-border;
   }
 
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
+
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -84481,6 +84486,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-li-padding: 8px 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 12px !default;
 $grid-device-headercell-padding: $grid-header-bottom-padding 12px $grid-header-bottom-padding !default;
 $grid-device-headercell-fistchild-padding: $grid-header-bottom-padding 12px $grid-header-bottom-padding 16px !default;
 $grid-device-headercell-lastchild-padding: $grid-header-bottom-padding 16px $grid-header-bottom-padding 12px !default;
@@ -84586,6 +84592,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
 $grid-toolbar-search-wrapper-padding-top: 3px !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -85834,7 +85841,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -88009,7 +88016,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -88787,6 +88794,12 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
           padding: 6px;
         }
       }
+
+      .e-rowcell .e-checkbox-wrapper,
+      .e-rowcell .e-css.e-checkbox-wrapper {
+        -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+        user-select: none;
+      }
       
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;
@@ -92178,6 +92191,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
     }
   }
 
+  .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
+  .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
+    margin-right: $grid-bigger-toolbar-div-margin;
+  }
+
+  .e-toolbar.e-rtl .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)),
+  .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:not(.e-hidden):nth-last-child(1 of :not(.e-hidden)) {
+    margin-left: $grid-bigger-toolbar-div-margin;
+    margin-right: initial;
+  }
+
   .e-row .e-input-group .e-control.e-input {
     @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
       padding-bottom: 0;

package/SCSS-Themes/tailwind-dark-lite.scss

@@ -2624,6 +2624,7 @@ $ddl-popup-shadow: $shadow-lg !default;
 $ddl-bigger-list-font-size: $text-base !default;
 $ddl-bigger-group-list-font-size: $text-sm !default;
 $ddl-filter-margin: 0 !default;
+$input-margin-top: 24px !default;
 
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
@@ -2722,6 +2723,10 @@ $input-border: $ddl-zero-value $border-type !default;
     border: $input-border;
   }
 
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
+
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -61516,6 +61521,7 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-li-padding: 8px 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 10px !default;
 $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
 $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
 $grid-device-headercell-lastchild-padding: 0 16px $grid-header-bottom-padding 12px !default;
@@ -61621,6 +61627,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 3px 16px 3px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 6px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
 $grid-toolbar-search-wrapper-padding-top: 3px !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -62871,7 +62878,7 @@ $grid-checkmark-color: $primary-text-color !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -65046,7 +65053,7 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -65824,6 +65831,12 @@ $grid-checkmark-color: $primary-text-color !default;
           padding: 6px;
         }
       }
+
+      .e-rowcell .e-checkbox-wrapper,
+      .e-rowcell .e-css.e-checkbox-wrapper {
+        -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+        user-select: none;
+      }
       
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;