@syncfusion/blazor-themes 31.2.5 → 31.2.12

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

@@ -148,6 +148,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;
@@ -253,6 +254,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;
@@ -1501,7 +1503,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;
           }
@@ -3676,7 +3678,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);
@@ -4454,6 +4456,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;
@@ -7845,6 +7853,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/grids/grid/tailwind-dark-lite.scss

@@ -150,6 +150,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;
@@ -255,6 +256,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;
@@ -1505,7 +1507,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;
           }
@@ -3680,7 +3682,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);
@@ -4458,6 +4460,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;

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

@@ -150,6 +150,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;
@@ -255,6 +256,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;
@@ -1505,7 +1507,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;
           }
@@ -3680,7 +3682,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);
@@ -4458,6 +4460,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;
@@ -7849,6 +7857,17 @@ $grid-checkmark-color: $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/grids/grid/tailwind-lite.scss

@@ -150,6 +150,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;
@@ -255,6 +256,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;
@@ -1505,7 +1507,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;
           }
@@ -3680,7 +3682,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);
@@ -4458,6 +4460,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;

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

@@ -150,6 +150,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;
@@ -255,6 +256,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;
@@ -1505,7 +1507,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;
           }
@@ -3680,7 +3682,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);
@@ -4458,6 +4460,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;
@@ -7849,6 +7857,17 @@ $grid-checkmark-color: $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/grids/grid/tailwind3-dark-lite.scss

@@ -148,6 +148,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;
@@ -253,6 +254,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 4px 7px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1502,7 +1504,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;
           }
@@ -3677,7 +3679,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);
@@ -4455,6 +4457,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;

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

@@ -148,6 +148,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;
@@ -253,6 +254,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 4px 7px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1502,7 +1504,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;
           }
@@ -3677,7 +3679,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);
@@ -4455,6 +4457,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;
@@ -7845,6 +7853,17 @@ $grid-checkmark-color: $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/grids/grid/tailwind3-lite.scss

@@ -148,6 +148,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;
@@ -253,6 +254,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 4px 7px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1502,7 +1504,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;
           }
@@ -3677,7 +3679,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);
@@ -4455,6 +4457,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;

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

@@ -148,6 +148,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;
@@ -253,6 +254,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 4px 7px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1502,7 +1504,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;
           }
@@ -3677,7 +3679,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);
@@ -4455,6 +4457,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;
@@ -7845,6 +7853,17 @@ $grid-checkmark-color: $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/highcontrast-lite.scss

@@ -2662,7 +2662,7 @@ $ddl-input-padding: 8px !default;
 $ddl-input-group-border-width: 1px !default;
 $ddl-clear-icon-margin-right: 0 !default;
 $ddl-active-font-color: $active-font-color !default;
-
+$input-margin-top: 28px !default;
 $ddl-list-search-icon-padding: 8px !default;
 $ddl-list-filter-text-indent: 0 12px !default;
 $ddl-list-icon-color: $bg-base-20 !default;
@@ -2753,6 +2753,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;
@@ -61276,6 +61280,7 @@ $grid-bigger-grouptext-width: 76px !default;
 $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 3px !default;
 $grid-bigger-sorticon-margin-top: 0 !default;
 $grid-device-group-sorticon-margin-top: 0 !default;
 $grid-bigger-groupcell-span-padding: 0 !default;
@@ -61589,6 +61594,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 0 1.5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 1.5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-toolbar-search-wrapper-padding-top: 4px !default;
 $grid-toolbar-search-wrapper-padding-bottom: 4px !default;
@@ -62636,7 +62642,7 @@ $grid-checkmark-color: $selection-font !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -64811,7 +64817,7 @@ $grid-checkmark-color: $selection-font !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -65589,6 +65595,12 @@ $grid-checkmark-color: $selection-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/highcontrast.scss

@@ -2784,7 +2784,7 @@ $ddl-input-padding: 8px !default;
 $ddl-input-group-border-width: 1px !default;
 $ddl-clear-icon-margin-right: 0 !default;
 $ddl-active-font-color: $active-font-color !default;
-
+$input-margin-top: 28px !default;
 $ddl-list-search-icon-padding: 8px !default;
 $ddl-list-filter-text-indent: 0 12px !default;
 $ddl-list-icon-color: $bg-base-20 !default;
@@ -2875,6 +2875,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;
@@ -83681,6 +83685,7 @@ $grid-bigger-grouptext-width: 76px !default;
 $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
+$grid-bigger-toolbar-div-margin: 3px !default;
 $grid-bigger-sorticon-margin-top: 0 !default;
 $grid-device-group-sorticon-margin-top: 0 !default;
 $grid-bigger-groupcell-span-padding: 0 !default;
@@ -83994,6 +83999,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 0 1.5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 1.5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-toolbar-search-wrapper-padding-top: 4px !default;
 $grid-toolbar-search-wrapper-padding-bottom: 4px !default;
@@ -85041,7 +85047,7 @@ $grid-checkmark-color: $selection-font !default;
         }
 
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -87216,7 +87222,7 @@ $grid-checkmark-color: $selection-font !default;
       overflow-x: scroll;
     }
     
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);
@@ -87994,6 +88000,12 @@ $grid-checkmark-color: $selection-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;
@@ -91386,6 +91398,17 @@ $grid-checkmark-color: $selection-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;