@syncfusion/blazor-themes 29.1.38 → 29.1.39

package/SCSS-Themes/material3.scss

@@ -12124,7 +12124,8 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !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;
     }
@@ -83455,6 +83456,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: 0 0 0 -10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 0 0 0 10px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 0 0 0 24px !default;
@@ -84401,6 +84403,7 @@ $grid-checkmark-color: rgba($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/tailwind-dark-lite.scss

@@ -10783,7 +10783,8 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
   .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;
     }
@@ -60619,6 +60620,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;
@@ -61567,6 +61569,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/tailwind-dark.scss

@@ -11619,7 +11619,8 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
   .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;
     }
@@ -82894,6 +82895,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;
@@ -83842,6 +83844,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/tailwind-lite.scss

@@ -10781,7 +10781,8 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
   .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;
     }
@@ -60617,6 +60618,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;
@@ -61565,6 +61567,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/tailwind.scss

@@ -11617,7 +11617,8 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
   .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;
     }
@@ -82892,6 +82893,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;
@@ -83840,6 +83842,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/tailwind3-dark-lite.scss

@@ -4352,13 +4352,13 @@ $input-bigger-small-clear-icon-min-width: 24px !default;
 $input-small-clear-icon-min-height: 16px !default;
 $input-small-clear-icon-min-width: 16px !default;
 $input-left-icon-font-size: $zero-value !default;
-$input-bigger-left-icon-font-size: $zero-value !default;
+$input-bigger-left-icon-font-size: 16px !default;
 $input-small-left-icon-font-size: $zero-value !default;
 $input-bigger-small-left-icon-font-size: $zero-value !default;
 $input-left-child-min-height: $zero-value !default;
 $input-left-child-min-width: $zero-value !default;
-$input-bigger-left-child-min-height: $zero-value !default;
-$input-bigger-left-child-min-width: $zero-value !default;
+$input-bigger-left-child-min-height: 36px !default;
+$input-bigger-left-child-min-width: 36px !default;
 $input-small-left-child-min-height: $zero-value !default;
 $input-small-left-child-min-width: $zero-value !default;
 $input-bigger-small-left-child-min-height: $zero-value !default;
@@ -12168,7 +12168,8 @@ $textarea-float-top: -24px !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;
     }
@@ -62131,6 +62132,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 8px !default;
 $grid-columnchooser-ul-margin: 0 13px 0 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 -17px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 -5px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 9px !default;
@@ -63078,6 +63080,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/tailwind3-dark.scss

@@ -5188,13 +5188,13 @@ $input-bigger-small-clear-icon-min-width: 24px !default;
 $input-small-clear-icon-min-height: 16px !default;
 $input-small-clear-icon-min-width: 16px !default;
 $input-left-icon-font-size: $zero-value !default;
-$input-bigger-left-icon-font-size: $zero-value !default;
+$input-bigger-left-icon-font-size: 16px !default;
 $input-small-left-icon-font-size: $zero-value !default;
 $input-bigger-small-left-icon-font-size: $zero-value !default;
 $input-left-child-min-height: $zero-value !default;
 $input-left-child-min-width: $zero-value !default;
-$input-bigger-left-child-min-height: $zero-value !default;
-$input-bigger-left-child-min-width: $zero-value !default;
+$input-bigger-left-child-min-height: 36px !default;
+$input-bigger-left-child-min-width: 36px !default;
 $input-small-left-child-min-height: $zero-value !default;
 $input-small-left-child-min-width: $zero-value !default;
 $input-bigger-small-left-child-min-height: $zero-value !default;
@@ -13004,7 +13004,8 @@ $textarea-float-top: -24px !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;
     }
@@ -84406,6 +84407,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 8px !default;
 $grid-columnchooser-ul-margin: 0 13px 0 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 -17px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 -5px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 9px !default;
@@ -85353,6 +85355,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/tailwind3-lite.scss

@@ -4823,13 +4823,13 @@ $input-bigger-small-clear-icon-min-width: 24px !default;
 $input-small-clear-icon-min-height: 16px !default;
 $input-small-clear-icon-min-width: 16px !default;
 $input-left-icon-font-size: $zero-value !default;
-$input-bigger-left-icon-font-size: $zero-value !default;
+$input-bigger-left-icon-font-size: 16px !default;
 $input-small-left-icon-font-size: $zero-value !default;
 $input-bigger-small-left-icon-font-size: $zero-value !default;
 $input-left-child-min-height: $zero-value !default;
 $input-left-child-min-width: $zero-value !default;
-$input-bigger-left-child-min-height: $zero-value !default;
-$input-bigger-left-child-min-width: $zero-value !default;
+$input-bigger-left-child-min-height: 36px !default;
+$input-bigger-left-child-min-width: 36px !default;
 $input-small-left-child-min-height: $zero-value !default;
 $input-small-left-child-min-width: $zero-value !default;
 $input-bigger-small-left-child-min-height: $zero-value !default;
@@ -12639,7 +12639,8 @@ $textarea-float-top: -24px !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;
     }
@@ -62602,6 +62603,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 8px !default;
 $grid-columnchooser-ul-margin: 0 13px 0 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 -17px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 -5px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 9px !default;
@@ -63549,6 +63551,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/tailwind3.scss

@@ -5659,13 +5659,13 @@ $input-bigger-small-clear-icon-min-width: 24px !default;
 $input-small-clear-icon-min-height: 16px !default;
 $input-small-clear-icon-min-width: 16px !default;
 $input-left-icon-font-size: $zero-value !default;
-$input-bigger-left-icon-font-size: $zero-value !default;
+$input-bigger-left-icon-font-size: 16px !default;
 $input-small-left-icon-font-size: $zero-value !default;
 $input-bigger-small-left-icon-font-size: $zero-value !default;
 $input-left-child-min-height: $zero-value !default;
 $input-left-child-min-width: $zero-value !default;
-$input-bigger-left-child-min-height: $zero-value !default;
-$input-bigger-left-child-min-width: $zero-value !default;
+$input-bigger-left-child-min-height: 36px !default;
+$input-bigger-left-child-min-width: 36px !default;
 $input-small-left-child-min-height: $zero-value !default;
 $input-small-left-child-min-width: $zero-value !default;
 $input-bigger-small-left-child-min-height: $zero-value !default;
@@ -13475,7 +13475,8 @@ $textarea-float-top: -24px !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;
     }
@@ -84877,6 +84878,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 8px !default;
 $grid-columnchooser-ul-margin: 0 13px 0 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 -17px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 -5px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 9px !default;
@@ -85824,6 +85826,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/package.json

@@ -1 +1 @@
-{"name":"@syncfusion/blazor-themes","version":"29.1.38","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}
+{"name":"@syncfusion/blazor-themes","version":"29.1.39","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}