@syncfusion/blazor-themes 31.2.4 → 31.2.10

package/SCSS-Themes/material-lite.scss

@@ -2647,12 +2647,14 @@ $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;
 
 // touch small
 $ddl-bigger-small-list-font-size: 13px !default;
+$input-border: $ddl-zero-value $border-type !default;
 
 @include export-module('dropdownlist-material') {
   .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -2745,6 +2747,15 @@ $ddl-bigger-small-list-font-size: 13px !default;
     }
   }
 
+  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
+    width: 100%;
+    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;
@@ -30030,6 +30041,7 @@ $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
 $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
 $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
 $radio-btn-focus-outline-offset: 0 !default;
+$radio-btn-border-error-color: $msg-danger-border-color-alt1;
 
 @mixin fluent-focus-border {
   @if $skin-name == 'FluentUI' {
@@ -30410,6 +30422,9 @@ $radio-btn-focus-outline-offset: 0 !default;
       }
     }
   }
+  .e-radio-wrapper.e-error .e-radio + label::before {
+    border-color: $radio-btn-border-error-color;
+  }
 }
 
 
@@ -62259,6 +62274,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;
@@ -63278,7 +63294,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;
           }
@@ -65452,6 +65468,13 @@ $grid-checkmark-color: $accent-font !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
 
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -66818,7 +66841,9 @@ $grid-checkmark-color: $accent-font !default;
       }
     
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/material.scss

@@ -2769,12 +2769,14 @@ $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;
 
 // touch small
 $ddl-bigger-small-list-font-size: 13px !default;
+$input-border: $ddl-zero-value $border-type !default;
 
 @include export-module('dropdownlist-material') {
   .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -2867,6 +2869,15 @@ $ddl-bigger-small-list-font-size: 13px !default;
     }
   }
 
+  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
+    width: 100%;
+    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;
@@ -41293,6 +41304,7 @@ $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
 $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
 $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
 $radio-btn-focus-outline-offset: 0 !default;
+$radio-btn-border-error-color: $msg-danger-border-color-alt1;
 
 @mixin fluent-focus-border {
   @if $skin-name == 'FluentUI' {
@@ -41673,6 +41685,9 @@ $radio-btn-focus-outline-offset: 0 !default;
       }
     }
   }
+  .e-radio-wrapper.e-error .e-radio + label::before {
+    border-color: $radio-btn-border-error-color;
+  }
 }
 
 
@@ -84664,6 +84679,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;
@@ -85683,7 +85699,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;
           }
@@ -87857,6 +87873,13 @@ $grid-checkmark-color: $accent-font !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
 
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -89223,7 +89246,9 @@ $grid-checkmark-color: $accent-font !default;
       }
     
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

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

@@ -2848,6 +2848,9 @@ $ddl-filter-margin: 0 !default;
 $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 {
     transform: rotate(0deg);
@@ -2943,6 +2946,15 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
     }
   }
 
+  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
+    width: 100%;
+    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;
@@ -30089,6 +30101,7 @@ $radio-btn-ripple-bgcolor: rgba($content-text-color, .08) !default;
 $radio-btn-focus-check-bg-color: rgba($primary) !default;
 $radio-btn-focus-check-border-color: rgba($primary) !default;
 $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
+$radio-btn-border-error-color: $border-error;
 
 @mixin fluent-focus-border {
   @if $skin-name == 'FluentUI' {
@@ -30469,6 +30482,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
       }
     }
   }
+  .e-radio-wrapper.e-error .e-radio + label::before {
+    border-color: $radio-btn-border-error-color;
+  }
 }
 
 
@@ -62100,6 +62116,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;
@@ -63348,7 +63365,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;
           }
@@ -65522,6 +65539,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
 
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -66888,7 +66912,9 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       }
     
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/material3-dark.scss

@@ -2970,6 +2970,9 @@ $ddl-filter-margin: 0 !default;
 $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 {
     transform: rotate(0deg);
@@ -3065,6 +3068,15 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
     }
   }
 
+  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
+    width: 100%;
+    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;
@@ -41352,6 +41364,7 @@ $radio-btn-ripple-bgcolor: rgba($content-text-color, .08) !default;
 $radio-btn-focus-check-bg-color: rgba($primary) !default;
 $radio-btn-focus-check-border-color: rgba($primary) !default;
 $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
+$radio-btn-border-error-color: $border-error;
 
 @mixin fluent-focus-border {
   @if $skin-name == 'FluentUI' {
@@ -41732,6 +41745,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
       }
     }
   }
+  .e-radio-wrapper.e-error .e-radio + label::before {
+    border-color: $radio-btn-border-error-color;
+  }
 }
 
 
@@ -84505,6 +84521,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;
@@ -85753,7 +85770,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;
           }
@@ -87927,6 +87944,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
 
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -89293,7 +89317,9 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       }
     
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/material3-lite.scss

@@ -2918,6 +2918,9 @@ $ddl-filter-margin: 0 !default;
 $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 {
     transform: rotate(0deg);
@@ -3013,6 +3016,15 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
     }
   }
 
+  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
+    width: 100%;
+    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;
@@ -30159,6 +30171,7 @@ $radio-btn-ripple-bgcolor: rgba($content-text-color, .08) !default;
 $radio-btn-focus-check-bg-color: rgba($primary) !default;
 $radio-btn-focus-check-border-color: rgba($primary) !default;
 $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
+$radio-btn-border-error-color: $border-error;
 
 @mixin fluent-focus-border {
   @if $skin-name == 'FluentUI' {
@@ -30539,6 +30552,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
       }
     }
   }
+  .e-radio-wrapper.e-error .e-radio + label::before {
+    border-color: $radio-btn-border-error-color;
+  }
 }
 
 
@@ -62170,6 +62186,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;
@@ -63418,7 +63435,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;
           }
@@ -65592,6 +65609,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
 
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -66958,7 +66982,9 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       }
     
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

package/SCSS-Themes/material3.scss

@@ -3040,6 +3040,9 @@ $ddl-filter-margin: 0 !default;
 $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 {
     transform: rotate(0deg);
@@ -3135,6 +3138,15 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
     }
   }
 
+  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
+    width: 100%;
+    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;
@@ -41422,6 +41434,7 @@ $radio-btn-ripple-bgcolor: rgba($content-text-color, .08) !default;
 $radio-btn-focus-check-bg-color: rgba($primary) !default;
 $radio-btn-focus-check-border-color: rgba($primary) !default;
 $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
+$radio-btn-border-error-color: $border-error;
 
 @mixin fluent-focus-border {
   @if $skin-name == 'FluentUI' {
@@ -41802,6 +41815,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
       }
     }
   }
+  .e-radio-wrapper.e-error .e-radio + label::before {
+    border-color: $radio-btn-border-error-color;
+  }
 }
 
 
@@ -84575,6 +84591,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;
@@ -85823,7 +85840,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;
           }
@@ -87997,6 +88014,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
 
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -89363,7 +89387,9 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       }
     
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

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

@@ -2607,6 +2607,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
 $ddl-input-font-size: $text-sm !default;
 $ddl-zero-value: 0 !default;
 $ddl-input-border: 1px $border-light !default;
+$border-type: solid !default;
 $ddl-input-font-family: inherit !default;
 $ddl-input-margin-bottom: 4px !default;
 $ddl-input-padding: 8px $ddl-zero-value 4px !default;
@@ -2623,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;
@@ -2641,6 +2643,7 @@ $ddl-filter-box-shadow-color: rgba(0, 0, 0, .3) !default;
 $ddl-popup-background-color: $flyout-bg-color !default;
 $ddl-filter-background-color: $flyout-bg-color !default;
 $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
+$input-border: $ddl-zero-value $border-type !default;
 
 @include export-module('dropdownlist-tailwind') {
   .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -2715,6 +2718,15 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     }
   }
 
+  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
+    width: 100%;
+    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;
@@ -29892,6 +29904,7 @@ $radio-btn-ripple-bgcolor: transparent !default;
 $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
 $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
 $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
+$radio-btn-border-error-color: $border-error;
 
 @mixin fluent-focus-border {
   @if $skin-name == 'FluentUI' {
@@ -30272,6 +30285,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
       }
     }
   }
+  .e-radio-wrapper.e-error .e-radio + label::before {
+    border-color: $radio-btn-border-error-color;
+  }
 }
 
 
@@ -61610,6 +61626,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;
@@ -62860,7 +62877,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;
           }
@@ -65034,6 +65051,13 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
 
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -66400,7 +66424,9 @@ $grid-checkmark-color: $primary-text-color !default;
       }
     
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }