@syncfusion/blazor-themes 31.2.4 → 31.2.10

package/SCSS-Themes/bootstrap5-lite.scss

@@ -2635,6 +2635,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
 
 $ddl-input-font-size: $text-sm !default;
 $ddl-zero-value: 0 !default;
+$border-type: solid !default;
 $ddl-input-border: 1px $border-light !default;
 $ddl-input-font-family: inherit !default;
 $ddl-input-margin-bottom: 4px !default;
@@ -2653,6 +2654,7 @@ $ddl-popup-shadow: $shadow-lg !default;
 $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
 $ddl-filter-margin: 0 !default;
 $ddl-box-border-color: $border !default;
+$input-margin-top: 24px !default;
 
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
@@ -2671,6 +2673,7 @@ $ddl-filter-background-color: $content-bg-color !default;
 $ddl-filter-bg: $content-bg-color !default;
 $ddl-list-icon-color: $icon-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-bootstrap5') {
   #{&}.e-popup.e-ddl {
@@ -2779,6 +2782,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;
@@ -29973,6 +29985,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' {
@@ -30353,6 +30366,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;
+  }
 }
 
 
@@ -61706,6 +61722,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 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% - 50px) !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;
@@ -62952,7 +62969,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;
           }
@@ -65126,6 +65143,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;
@@ -66492,7 +66516,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;
+        }
       }
     }
   }

package/SCSS-Themes/bootstrap5.3-dark-lite.scss

@@ -3386,6 +3386,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
 
 $ddl-input-font-size: $text-sm !default;
 $ddl-zero-value: 0 !default;
+$border-type: solid !default;
 $ddl-input-border: 1px $border-light !default;
 $ddl-input-font-family: inherit !default;
 $ddl-input-margin-bottom: 4px !default;
@@ -3405,6 +3406,7 @@ $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
 $ddl-filter-margin: 0 !default;
 $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
 $ddl-box-border-color: $border !default;
+$input-margin-top: 24px !default;
 
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
@@ -3423,6 +3425,7 @@ $ddl-filter-background-color: $content-bg-color !default;
 $ddl-filter-bg: $content-bg-color !default;
 $ddl-list-icon-color: $icon-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-bootstrap5') {
   #{&}.e-popup.e-ddl {
@@ -3531,6 +3534,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;
@@ -30731,6 +30743,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' {
@@ -31111,6 +31124,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;
+  }
 }
 
 
@@ -62495,6 +62511,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 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% - 50px) !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;
@@ -63741,7 +63758,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;
           }
@@ -65915,6 +65932,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;
@@ -67281,7 +67305,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;
+        }
       }
     }
   }

package/SCSS-Themes/bootstrap5.3-dark.scss

@@ -3508,6 +3508,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
 
 $ddl-input-font-size: $text-sm !default;
 $ddl-zero-value: 0 !default;
+$border-type: solid !default;
 $ddl-input-border: 1px $border-light !default;
 $ddl-input-font-family: inherit !default;
 $ddl-input-margin-bottom: 4px !default;
@@ -3527,6 +3528,7 @@ $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
 $ddl-filter-margin: 0 !default;
 $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
 $ddl-box-border-color: $border !default;
+$input-margin-top: 24px !default;
 
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
@@ -3545,6 +3547,7 @@ $ddl-filter-background-color: $content-bg-color !default;
 $ddl-filter-bg: $content-bg-color !default;
 $ddl-list-icon-color: $icon-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-bootstrap5') {
   #{&}.e-popup.e-ddl {
@@ -3653,6 +3656,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;
@@ -41994,6 +42006,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' {
@@ -42374,6 +42387,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;
+  }
 }
 
 
@@ -84900,6 +84916,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 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% - 50px) !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;
@@ -86146,7 +86163,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;
           }
@@ -88320,6 +88337,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;
@@ -89686,7 +89710,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;
+        }
       }
     }
   }

package/SCSS-Themes/bootstrap5.3-lite.scss

@@ -3733,6 +3733,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
 
 $ddl-input-font-size: $text-sm !default;
 $ddl-zero-value: 0 !default;
+$border-type: solid !default;
 $ddl-input-border: 1px $border-light !default;
 $ddl-input-font-family: inherit !default;
 $ddl-input-margin-bottom: 4px !default;
@@ -3752,6 +3753,7 @@ $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
 $ddl-filter-margin: 0 !default;
 $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
 $ddl-box-border-color: $border !default;
+$input-margin-top: 24px !default;
 
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
@@ -3770,6 +3772,7 @@ $ddl-filter-background-color: $content-bg-color !default;
 $ddl-filter-bg: $content-bg-color !default;
 $ddl-list-icon-color: $icon-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-bootstrap5') {
   #{&}.e-popup.e-ddl {
@@ -3878,6 +3881,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;
@@ -31078,6 +31090,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' {
@@ -31458,6 +31471,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;
+  }
 }
 
 
@@ -62842,6 +62858,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 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% - 50px) !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;
@@ -64088,7 +64105,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;
           }
@@ -66262,6 +66279,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;
@@ -67628,7 +67652,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;
+        }
       }
     }
   }

package/SCSS-Themes/bootstrap5.3.scss

@@ -3855,6 +3855,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
 
 $ddl-input-font-size: $text-sm !default;
 $ddl-zero-value: 0 !default;
+$border-type: solid !default;
 $ddl-input-border: 1px $border-light !default;
 $ddl-input-font-family: inherit !default;
 $ddl-input-margin-bottom: 4px !default;
@@ -3874,6 +3875,7 @@ $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
 $ddl-filter-margin: 0 !default;
 $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
 $ddl-box-border-color: $border !default;
+$input-margin-top: 24px !default;
 
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
@@ -3892,6 +3894,7 @@ $ddl-filter-background-color: $content-bg-color !default;
 $ddl-filter-bg: $content-bg-color !default;
 $ddl-list-icon-color: $icon-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-bootstrap5') {
   #{&}.e-popup.e-ddl {
@@ -4000,6 +4003,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;
@@ -42341,6 +42353,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' {
@@ -42721,6 +42734,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;
+  }
 }
 
 
@@ -85247,6 +85263,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 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% - 50px) !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;
@@ -86493,7 +86510,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;
           }
@@ -88667,6 +88684,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;
@@ -90033,7 +90057,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;
+        }
       }
     }
   }

package/SCSS-Themes/bootstrap5.scss

@@ -2757,6 +2757,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
 
 $ddl-input-font-size: $text-sm !default;
 $ddl-zero-value: 0 !default;
+$border-type: solid !default;
 $ddl-input-border: 1px $border-light !default;
 $ddl-input-font-family: inherit !default;
 $ddl-input-margin-bottom: 4px !default;
@@ -2775,6 +2776,7 @@ $ddl-popup-shadow: $shadow-lg !default;
 $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
 $ddl-filter-margin: 0 !default;
 $ddl-box-border-color: $border !default;
+$input-margin-top: 24px !default;
 
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
@@ -2793,6 +2795,7 @@ $ddl-filter-background-color: $content-bg-color !default;
 $ddl-filter-bg: $content-bg-color !default;
 $ddl-list-icon-color: $icon-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-bootstrap5') {
   #{&}.e-popup.e-ddl {
@@ -2901,6 +2904,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;
@@ -41236,6 +41248,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' {
@@ -41616,6 +41629,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;
+  }
 }
 
 
@@ -84111,6 +84127,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 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% - 50px) !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;
@@ -85357,7 +85374,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;
           }
@@ -87531,6 +87548,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;
@@ -88897,7 +88921,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;
+        }
       }
     }
   }

package/SCSS-Themes/buttons/radio-button/bds-dark-lite.scss

@@ -71,6 +71,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' {
@@ -451,6 +452,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;
+  }
 }
 
 

package/SCSS-Themes/buttons/radio-button/bds-dark.scss

@@ -71,6 +71,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' {
@@ -451,6 +452,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;
+  }
 }
 
 

package/SCSS-Themes/buttons/radio-button/bds-lite.scss

@@ -71,6 +71,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' {
@@ -451,6 +452,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;
+  }
 }
 
 

package/SCSS-Themes/buttons/radio-button/bds.scss

@@ -71,6 +71,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' {
@@ -451,6 +452,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;
+  }
 }
 
 

package/SCSS-Themes/buttons/radio-button/bootstrap-dark-lite.scss

@@ -70,6 +70,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' {
@@ -450,6 +451,9 @@ $radio-btn-focus-outline-offset: 0 !default;
       }
     }
   }
+  .e-radio-wrapper.e-error .e-radio + label::before {
+    border-color: $radio-btn-border-error-color;
+  }
 }