@syncfusion/blazor-themes 29.1.38 → 29.1.39

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

@@ -12289,7 +12289,8 @@ $textarea-float-top: -28px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -62708,6 +62709,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin:  2px 4px 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -63663,6 +63665,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/fluent2-dark.scss

@@ -13125,7 +13125,8 @@ $textarea-float-top: -28px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -84983,6 +84984,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin:  2px 4px 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -85938,6 +85940,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/fluent2-highcontrast-lite.scss

@@ -12289,7 +12289,8 @@ $textarea-float-top: -28px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -62708,6 +62709,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin:  2px 4px 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -63663,6 +63665,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/fluent2-highcontrast.scss

@@ -13125,7 +13125,8 @@ $textarea-float-top: -28px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -84983,6 +84984,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin:  2px 4px 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -85938,6 +85940,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/fluent2-lite.scss

@@ -13061,7 +13061,8 @@ $textarea-float-top: -28px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -63480,6 +63481,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin:  2px 4px 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -64435,6 +64437,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/fluent2.scss

@@ -13897,7 +13897,8 @@ $textarea-float-top: -28px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -85755,6 +85756,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin:  2px 4px 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -86710,6 +86712,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/bds-dark-lite.scss

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 0 6px 0 5px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 0 6px 0 5px !default;
@@ -1069,6 +1070,7 @@ $grid-checkmark-color: $primary !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

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

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 0 6px 0 5px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 0 6px 0 5px !default;
@@ -1069,6 +1070,7 @@ $grid-checkmark-color: $primary !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/bds-lite.scss

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 0 6px 0 5px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 0 6px 0 5px !default;
@@ -1069,6 +1070,7 @@ $grid-checkmark-color: $primary !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

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

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 0 6px 0 5px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 0 6px 0 5px !default;
@@ -1069,6 +1070,7 @@ $grid-checkmark-color: $primary !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss

@@ -117,6 +117,7 @@ $grid-columnchooser-input-padding-bottom: 8px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 6px 0 0 10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 8px 0 0 10px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 6px 0 0 10px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $grey-light-font !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

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

@@ -117,6 +117,7 @@ $grid-columnchooser-input-padding-bottom: 8px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 6px 0 0 10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 8px 0 0 10px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 6px 0 0 10px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $grey-light-font !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/bootstrap-lite.scss

@@ -120,6 +120,7 @@ $grid-columnchooser-input-padding-bottom: 8px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 6px 0 0 5px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 8px 0 0 5px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 8px 0 0 4px !default;
@@ -1057,6 +1058,7 @@ $grid-checkmark-color: $grey !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

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

@@ -120,6 +120,7 @@ $grid-columnchooser-input-padding-bottom: 8px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 6px 0 0 5px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 8px 0 0 5px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 8px 0 0 4px !default;
@@ -1057,6 +1058,7 @@ $grid-checkmark-color: $grey !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/bootstrap4-lite.scss

@@ -118,6 +118,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 2px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 4px 0 0 12px !default;
@@ -1064,6 +1065,7 @@ $grid-checkmark-color: $white !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

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

@@ -118,6 +118,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 2px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 4px 0 0 12px !default;
@@ -1064,6 +1065,7 @@ $grid-checkmark-color: $white !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

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

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/bootstrap5-lite.scss

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

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

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

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

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

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

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/bootstrap5.3.scss

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

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

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/fabric-dark-lite.scss

@@ -116,6 +116,7 @@ $grid-columnchooser-input-border: 0 !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-group-text-marign-right: 0 !default;
 $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
 $grid-rtl-headercell-both-border-width: 0 1px 0 0 !default;
@@ -1059,6 +1060,7 @@ $grid-checkmark-color: $theme-dark-font !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

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

@@ -116,6 +116,7 @@ $grid-columnchooser-input-border: 0 !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-group-text-marign-right: 0 !default;
 $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
 $grid-rtl-headercell-both-border-width: 0 1px 0 0 !default;
@@ -1059,6 +1060,7 @@ $grid-checkmark-color: $theme-dark-font !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/fabric-lite.scss

@@ -122,6 +122,7 @@ $grid-columnchooser-input-border: 0 !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-group-text-marign-right: 0 !default;
 $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
 $grid-rtl-headercell-both-border-width: 0 1px 0 0 !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $theme-primary-font !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

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

@@ -122,6 +122,7 @@ $grid-columnchooser-input-border: 0 !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-group-text-marign-right: 0 !default;
 $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
 $grid-rtl-headercell-both-border-width: 0 1px 0 0 !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $theme-primary-font !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/fluent-dark-lite.scss

@@ -178,6 +178,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 130px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -2px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 12px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 8px !default;
@@ -1061,6 +1062,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

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

@@ -178,6 +178,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 130px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -2px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 12px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 8px !default;
@@ -1061,6 +1062,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/fluent-lite.scss

@@ -178,6 +178,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 130px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -2px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 12px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 8px !default;
@@ -1061,6 +1062,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

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

@@ -178,6 +178,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 130px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -2px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 12px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 8px !default;
@@ -1061,6 +1062,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin:  2px 4px 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -1071,6 +1072,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

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

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin:  2px 4px 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -1071,6 +1072,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin:  2px 4px 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -1071,6 +1072,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {