@syncfusion/blazor-themes 31.2.4 → 31.2.10

package/SCSS-Themes/fluent-lite.scss

@@ -2650,6 +2650,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $content-text-color !defaul
 $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;
@@ -2667,6 +2668,7 @@ $ddl-popup-shadow: $shadow-lg !default;
 $ddl-readonly-bg-color: $content-bg-color !default;
 $ddl-filter-parent-border: 1px solid $flyout-border !default;
 $ddl-filter-margin: 0 !default;
+$input-margin-top: 24px !default;
 
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
@@ -2685,6 +2687,7 @@ $ddl-filter-background-color: $flyout-bg-color !default;
 $ddl-filter-bg: $flyout-bg-color !default;
 $ddl-list-icon-color: $icon-color !default;
 $ddl-filter-box-shadow: none !default;
+$input-border: $ddl-zero-value $border-type !default;
 
 @include export-module('dropdownlist-bootstrap5') {
   #{&}.e-popup.e-ddl {
@@ -2786,6 +2789,15 @@ $ddl-filter-box-shadow: none !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;
@@ -29997,6 +30009,8 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
 $radio-btn-uncheck-background-color: $icon-color !default;
 $radio-btn-uncheck-color: $icon-color !default;
 
+$radio-btn-border-error-color: $border-error;
+
 @mixin fluent-focus-border {
   @if $skin-name == 'FluentUI' {
     border: 1px solid transparent;
@@ -30376,6 +30390,9 @@ $radio-btn-uncheck-color: $icon-color !default;
       }
     }
   }
+  .e-radio-wrapper.e-error .e-radio + label::before {
+    border-color: $radio-btn-border-error-color;
+  }
 }
 
 
@@ -61839,6 +61856,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 2px 18px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 13px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 8px !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: 2px !default;
@@ -63037,7 +63055,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;
           }
@@ -65211,6 +65229,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;
@@ -66577,7 +66602,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/fluent.scss

@@ -2772,6 +2772,7 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $content-text-color !defaul
 $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;
@@ -2789,6 +2790,7 @@ $ddl-popup-shadow: $shadow-lg !default;
 $ddl-readonly-bg-color: $content-bg-color !default;
 $ddl-filter-parent-border: 1px solid $flyout-border !default;
 $ddl-filter-margin: 0 !default;
+$input-margin-top: 24px !default;
 
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
@@ -2807,6 +2809,7 @@ $ddl-filter-background-color: $flyout-bg-color !default;
 $ddl-filter-bg: $flyout-bg-color !default;
 $ddl-list-icon-color: $icon-color !default;
 $ddl-filter-box-shadow: none !default;
+$input-border: $ddl-zero-value $border-type !default;
 
 @include export-module('dropdownlist-bootstrap5') {
   #{&}.e-popup.e-ddl {
@@ -2908,6 +2911,15 @@ $ddl-filter-box-shadow: none !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;
@@ -41260,6 +41272,8 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
 $radio-btn-uncheck-background-color: $icon-color !default;
 $radio-btn-uncheck-color: $icon-color !default;
 
+$radio-btn-border-error-color: $border-error;
+
 @mixin fluent-focus-border {
   @if $skin-name == 'FluentUI' {
     border: 1px solid transparent;
@@ -41639,6 +41653,9 @@ $radio-btn-uncheck-color: $icon-color !default;
       }
     }
   }
+  .e-radio-wrapper.e-error .e-radio + label::before {
+    border-color: $radio-btn-border-error-color;
+  }
 }
 
 
@@ -84244,6 +84261,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 2px 18px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 13px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 8px !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: 2px !default;
@@ -85442,7 +85460,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;
           }
@@ -87616,6 +87634,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;
@@ -88982,7 +89007,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/fluent2-dark-lite.scss

@@ -3679,6 +3679,7 @@ $ddl-input-font-size: $text-sm !default;
 $ddl-zero-value: 0 !default;
 $ddl-input-border: 1px $border-light !default;
 $ddl-input-font-family: inherit !default;
+$border-type: solid !default;
 $ddl-input-margin-bottom: 4px !default;
 $ddl-input-padding: 8px $ddl-zero-value 4px !default;
 $ddl-input-group-border-width: $ddl-zero-value !default;
@@ -3694,6 +3695,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;
@@ -3713,6 +3715,7 @@ $ddl-popup-background-color: $flyout-bg-color !default;
 $ddl-filter-background-color: $flyout-bg-color !default;
 $ddl-filter-box-shadow: none !default;
 $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
+$input-border: $ddl-zero-value $border-type !default;
 
 @include export-module('dropdownlist-bds') {
   .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -3787,6 +3790,15 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !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;
@@ -31527,6 +31539,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' {
@@ -31907,6 +31920,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;
+  }
 }
 
 
@@ -58132,7 +58148,7 @@ $de-border-size-button-width: 99px !default;
 $de-list-hover-bg: $primary !default;
 $de-pane-margin-right: 10px;
 $de-pane-margin-right-big: 16px;
-$de-page-number-height: 20px;
+$de-page-number-height: 22px;
 $de-items-pressed: $content-bg-color-pressed;
 $de-font-margin-right: 16px;
 $e-de-shadow-color: $border;
@@ -63700,6 +63716,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 3px 16px 3px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 7px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
 $grid-res-toolbar-search-icon-padding-left: 10px !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 2px !default;
 $grid-toolbar-search-wrapper-padding-top: 0 !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -64957,7 +64974,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;
           }
@@ -67131,6 +67148,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;
@@ -68497,7 +68521,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/fluent2-dark.scss

@@ -3801,6 +3801,7 @@ $ddl-input-font-size: $text-sm !default;
 $ddl-zero-value: 0 !default;
 $ddl-input-border: 1px $border-light !default;
 $ddl-input-font-family: inherit !default;
+$border-type: solid !default;
 $ddl-input-margin-bottom: 4px !default;
 $ddl-input-padding: 8px $ddl-zero-value 4px !default;
 $ddl-input-group-border-width: $ddl-zero-value !default;
@@ -3816,6 +3817,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;
@@ -3835,6 +3837,7 @@ $ddl-popup-background-color: $flyout-bg-color !default;
 $ddl-filter-background-color: $flyout-bg-color !default;
 $ddl-filter-box-shadow: none !default;
 $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
+$input-border: $ddl-zero-value $border-type !default;
 
 @include export-module('dropdownlist-bds') {
   .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -3909,6 +3912,15 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !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;
@@ -42790,6 +42802,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' {
@@ -43170,6 +43183,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;
+  }
 }
 
 
@@ -78701,7 +78717,7 @@ $de-border-size-button-width: 99px !default;
 $de-list-hover-bg: $primary !default;
 $de-pane-margin-right: 10px;
 $de-pane-margin-right-big: 16px;
-$de-page-number-height: 20px;
+$de-page-number-height: 22px;
 $de-items-pressed: $content-bg-color-pressed;
 $de-font-margin-right: 16px;
 $e-de-shadow-color: $border;
@@ -86105,6 +86121,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 3px 16px 3px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 7px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
 $grid-res-toolbar-search-icon-padding-left: 10px !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 2px !default;
 $grid-toolbar-search-wrapper-padding-top: 0 !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -87362,7 +87379,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;
           }
@@ -89536,6 +89553,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;
@@ -90902,7 +90926,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/fluent2-highcontrast-lite.scss

@@ -3679,6 +3679,7 @@ $ddl-input-font-size: $text-sm !default;
 $ddl-zero-value: 0 !default;
 $ddl-input-border: 1px $border-light !default;
 $ddl-input-font-family: inherit !default;
+$border-type: solid !default;
 $ddl-input-margin-bottom: 4px !default;
 $ddl-input-padding: 8px $ddl-zero-value 4px !default;
 $ddl-input-group-border-width: $ddl-zero-value !default;
@@ -3694,6 +3695,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;
@@ -3713,6 +3715,7 @@ $ddl-popup-background-color: $flyout-bg-color !default;
 $ddl-filter-background-color: $flyout-bg-color !default;
 $ddl-filter-box-shadow: none !default;
 $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
+$input-border: $ddl-zero-value $border-type !default;
 
 @include export-module('dropdownlist-bds') {
   .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -3787,6 +3790,15 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !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;
@@ -31527,6 +31539,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' {
@@ -31907,6 +31920,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;
+  }
 }
 
 
@@ -58132,7 +58148,7 @@ $de-border-size-button-width: 99px !default;
 $de-list-hover-bg: $primary !default;
 $de-pane-margin-right: 10px;
 $de-pane-margin-right-big: 16px;
-$de-page-number-height: 20px;
+$de-page-number-height: 22px;
 $de-items-pressed: $content-bg-color-pressed;
 $de-font-margin-right: 16px;
 $e-de-shadow-color: $border;
@@ -63700,6 +63716,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 3px 16px 3px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 7px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
 $grid-res-toolbar-search-icon-padding-left: 10px !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 2px !default;
 $grid-toolbar-search-wrapper-padding-top: 0 !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -64957,7 +64974,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;
           }
@@ -67131,6 +67148,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;
@@ -68497,7 +68521,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/fluent2-highcontrast.scss

@@ -3801,6 +3801,7 @@ $ddl-input-font-size: $text-sm !default;
 $ddl-zero-value: 0 !default;
 $ddl-input-border: 1px $border-light !default;
 $ddl-input-font-family: inherit !default;
+$border-type: solid !default;
 $ddl-input-margin-bottom: 4px !default;
 $ddl-input-padding: 8px $ddl-zero-value 4px !default;
 $ddl-input-group-border-width: $ddl-zero-value !default;
@@ -3816,6 +3817,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;
@@ -3835,6 +3837,7 @@ $ddl-popup-background-color: $flyout-bg-color !default;
 $ddl-filter-background-color: $flyout-bg-color !default;
 $ddl-filter-box-shadow: none !default;
 $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
+$input-border: $ddl-zero-value $border-type !default;
 
 @include export-module('dropdownlist-bds') {
   .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -3909,6 +3912,15 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !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;
@@ -42790,6 +42802,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' {
@@ -43170,6 +43183,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;
+  }
 }
 
 
@@ -78701,7 +78717,7 @@ $de-border-size-button-width: 99px !default;
 $de-list-hover-bg: $primary !default;
 $de-pane-margin-right: 10px;
 $de-pane-margin-right-big: 16px;
-$de-page-number-height: 20px;
+$de-page-number-height: 22px;
 $de-items-pressed: $content-bg-color-pressed;
 $de-font-margin-right: 16px;
 $e-de-shadow-color: $border;
@@ -86105,6 +86121,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 3px 16px 3px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 7px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
 $grid-res-toolbar-search-icon-padding-left: 10px !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 2px !default;
 $grid-toolbar-search-wrapper-padding-top: 0 !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -87362,7 +87379,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;
           }
@@ -89536,6 +89553,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;
@@ -90902,7 +90926,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;
+        }
       }
     }
   }