@syncfusion/blazor-themes 22.1.36 → 22.1.38

package/SCSS-Themes/bootstrap5-dark.scss

@@ -4988,7 +4988,7 @@ $float-label-rtl-value: -7px !default;
   .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
   .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
-      top: -9px;
+      top: -7px;
     }
   }
 
@@ -5029,7 +5029,7 @@ $float-label-rtl-value: -7px !default;
   .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
   .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
-      top: -8px;
+      top: -7px;
     }
   }
 
@@ -6342,6 +6342,7 @@ $float-label-rtl-value: -7px !default;
   }
 
   input.e-input.e-bigger#{$css},
+  .e-bigger input.e-input#{$css},
   .e-input-group.e-bigger input,
   .e-input-group.e-bigger input.e-input,
   .e-input-group.e-control-wrapper.e-bigger input,
@@ -9538,6 +9539,16 @@ $float-label-rtl-value: -7px !default;
     }
   }
 
+  .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
+  .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
+  .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      margin-left: $outline-small-input-icon-margin-left;
+      margin-right: $zero-value;
+    }
+  }
+
   .e-outline.e-input-group.e-small .e-clear-icon,
   .e-outline.e-input-group .e-clear-icon.e-small,
   .e-small .e-outline.e-input-group .e-clear-icon,
@@ -9621,6 +9632,17 @@ $float-label-rtl-value: -7px !default;
     }
   }
 
+  .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
+  .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
+  .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
+    }
+  }
+
   input.e-input.e-bigger.e-outline,
   .e-bigger input.e-input.e-outline,
   .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -9827,6 +9849,17 @@ $float-label-rtl-value: -7px !default;
     }
   }
 
+  .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
+  .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
+  .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
+    }
+  }
+
   .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
   .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
   .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
@@ -28376,8 +28409,6 @@ $cbox-border-style: solid !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -28607,8 +28638,6 @@ $cbox-border-style: solid !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {
@@ -76092,6 +76121,9 @@ $grid-dropitems-count-margin-left: -4px !default;
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
+	@if $grid-skin == 'material3' {
+          line-height: 24px;
+        }
       }
 
       .e-toolbar .e-ccdiv {
@@ -76814,7 +76846,6 @@ $grid-dropitems-count-margin-left: -4px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -78312,6 +78343,13 @@ $grid-dropitems-count-margin-left: -4px !default;
       margin: -12px;
     }
 
+    .e-bigger & .e-ccdlg .e-checkbox-wrapper span.e-label,
+    &.e-bigger .e-ccdlg .e-checkbox-wrapper span.e-label {
+      @if $grid-skin == 'material3' {
+        font-size: $text-base;
+      }
+    }
+
     .e-ccdlg {
 
       .e-dlg-content {
@@ -80139,6 +80177,26 @@ $grid-dropitems-count-margin-left: -4px !default;
 }
 /* stylelint-enable */
 
+/* Apply styles for Firefox only */
+/* stylelint-disable function-url-quotes */
+@-moz-document url-prefix() {
+  #{&}.e-grid-min-height {
+    .e-rowcell,
+    .e-icon-grightarrow,
+    .e-icon-gdownarrow {
+      line-height: normal;
+    }
+  }
+  .e-bigger .e-grid.e-grid-min-height {
+    .e-rowcell,
+    .e-rowcell:first-child,
+    .e-rowcell:last-child {
+      line-height: normal;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @include export-module('grid-theme') {
 
@@ -117930,7 +117988,16 @@ $image-editor-contextual-toolbar: $content-bg-color-alt1 !default;
         & .e-dropdown-btn.e-image-popup {
           & .e-select,
           & .e-annotation,
-          & .e-transform,
+          & .e-transform {
+            font-size: $image-editor-bigger-tbar-btn-fontsize;
+
+            & .e-icons.e-caret {
+              font-size: 10px;
+            }
+          }
+        }
+
+        & .e-dropdown-btn {
           & .e-save {
             font-size: $image-editor-bigger-tbar-btn-fontsize;
 
@@ -118036,7 +118103,16 @@ $image-editor-contextual-toolbar: $content-bg-color-alt1 !default;
         & .e-dropdown-btn.e-image-popup {
           & .e-select,
           & .e-annotation,
-          & .e-transform,
+          & .e-transform {
+            font-size: $image-editor-tbar-btn-fontsize;
+
+            & .e-icons.e-caret {
+              font-size: 10px !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
+
+        & .e-dropdown-btn {
           & .e-save {
             font-size: $image-editor-tbar-btn-fontsize;
 

package/SCSS-Themes/bootstrap5.scss

@@ -4988,7 +4988,7 @@ $float-label-rtl-value: -7px !default;
   .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
   .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
-      top: -9px;
+      top: -7px;
     }
   }
 
@@ -5029,7 +5029,7 @@ $float-label-rtl-value: -7px !default;
   .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
   .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
-      top: -8px;
+      top: -7px;
     }
   }
 
@@ -6342,6 +6342,7 @@ $float-label-rtl-value: -7px !default;
   }
 
   input.e-input.e-bigger#{$css},
+  .e-bigger input.e-input#{$css},
   .e-input-group.e-bigger input,
   .e-input-group.e-bigger input.e-input,
   .e-input-group.e-control-wrapper.e-bigger input,
@@ -9538,6 +9539,16 @@ $float-label-rtl-value: -7px !default;
     }
   }
 
+  .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
+  .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
+  .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      margin-left: $outline-small-input-icon-margin-left;
+      margin-right: $zero-value;
+    }
+  }
+
   .e-outline.e-input-group.e-small .e-clear-icon,
   .e-outline.e-input-group .e-clear-icon.e-small,
   .e-small .e-outline.e-input-group .e-clear-icon,
@@ -9621,6 +9632,17 @@ $float-label-rtl-value: -7px !default;
     }
   }
 
+  .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
+  .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
+  .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
+    }
+  }
+
   input.e-input.e-bigger.e-outline,
   .e-bigger input.e-input.e-outline,
   .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -9827,6 +9849,17 @@ $float-label-rtl-value: -7px !default;
     }
   }
 
+  .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
+  .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
+  .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
+    }
+  }
+
   .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
   .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
   .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
@@ -28376,8 +28409,6 @@ $cbox-border-style: solid !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -28607,8 +28638,6 @@ $cbox-border-style: solid !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {
@@ -76092,6 +76121,9 @@ $grid-dropitems-count-margin-left: -4px !default;
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
+	@if $grid-skin == 'material3' {
+          line-height: 24px;
+        }
       }
 
       .e-toolbar .e-ccdiv {
@@ -76814,7 +76846,6 @@ $grid-dropitems-count-margin-left: -4px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -78312,6 +78343,13 @@ $grid-dropitems-count-margin-left: -4px !default;
       margin: -12px;
     }
 
+    .e-bigger & .e-ccdlg .e-checkbox-wrapper span.e-label,
+    &.e-bigger .e-ccdlg .e-checkbox-wrapper span.e-label {
+      @if $grid-skin == 'material3' {
+        font-size: $text-base;
+      }
+    }
+
     .e-ccdlg {
 
       .e-dlg-content {
@@ -80139,6 +80177,26 @@ $grid-dropitems-count-margin-left: -4px !default;
 }
 /* stylelint-enable */
 
+/* Apply styles for Firefox only */
+/* stylelint-disable function-url-quotes */
+@-moz-document url-prefix() {
+  #{&}.e-grid-min-height {
+    .e-rowcell,
+    .e-icon-grightarrow,
+    .e-icon-gdownarrow {
+      line-height: normal;
+    }
+  }
+  .e-bigger .e-grid.e-grid-min-height {
+    .e-rowcell,
+    .e-rowcell:first-child,
+    .e-rowcell:last-child {
+      line-height: normal;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @include export-module('grid-theme') {
 
@@ -117930,7 +117988,16 @@ $image-editor-contextual-toolbar: $content-bg-color-alt1 !default;
         & .e-dropdown-btn.e-image-popup {
           & .e-select,
           & .e-annotation,
-          & .e-transform,
+          & .e-transform {
+            font-size: $image-editor-bigger-tbar-btn-fontsize;
+
+            & .e-icons.e-caret {
+              font-size: 10px;
+            }
+          }
+        }
+
+        & .e-dropdown-btn {
           & .e-save {
             font-size: $image-editor-bigger-tbar-btn-fontsize;
 
@@ -118036,7 +118103,16 @@ $image-editor-contextual-toolbar: $content-bg-color-alt1 !default;
         & .e-dropdown-btn.e-image-popup {
           & .e-select,
           & .e-annotation,
-          & .e-transform,
+          & .e-transform {
+            font-size: $image-editor-tbar-btn-fontsize;
+
+            & .e-icons.e-caret {
+              font-size: 10px !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
+
+        & .e-dropdown-btn {
           & .e-save {
             font-size: $image-editor-tbar-btn-fontsize;
 

package/SCSS-Themes/buttons/check-box/bootstrap-dark.scss

@@ -180,8 +180,6 @@ $cbox-border-style: solid !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -411,8 +409,6 @@ $cbox-border-style: solid !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {

package/SCSS-Themes/buttons/check-box/bootstrap.scss

@@ -177,8 +177,6 @@ $cbox-key-focussed-bgcolor: transparent !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -408,8 +406,6 @@ $cbox-key-focussed-bgcolor: transparent !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {

package/SCSS-Themes/buttons/check-box/bootstrap4.scss

@@ -180,8 +180,6 @@ $cbox-border-style: solid !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -411,8 +409,6 @@ $cbox-border-style: solid !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {

package/SCSS-Themes/buttons/check-box/bootstrap5-dark.scss

@@ -180,8 +180,6 @@ $cbox-border-style: solid !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -411,8 +409,6 @@ $cbox-border-style: solid !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {

package/SCSS-Themes/buttons/check-box/bootstrap5.scss

@@ -180,8 +180,6 @@ $cbox-border-style: solid !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -411,8 +409,6 @@ $cbox-border-style: solid !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {

package/SCSS-Themes/buttons/check-box/fabric-dark.scss

@@ -182,8 +182,6 @@ $cbox-ripple-size: -9px !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -413,8 +411,6 @@ $cbox-ripple-size: -9px !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {

package/SCSS-Themes/buttons/check-box/fabric.scss

@@ -179,8 +179,6 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -410,8 +408,6 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {

package/SCSS-Themes/buttons/check-box/fluent-dark.scss

@@ -184,8 +184,6 @@ $cbox-icon-color: $icon-color !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -415,8 +413,6 @@ $cbox-icon-color: $icon-color !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {

package/SCSS-Themes/buttons/check-box/fluent.scss

@@ -184,8 +184,6 @@ $cbox-icon-color: $icon-color !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -415,8 +413,6 @@ $cbox-icon-color: $icon-color !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {

package/SCSS-Themes/buttons/check-box/highcontrast.scss

@@ -178,8 +178,6 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -409,8 +407,6 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {

package/SCSS-Themes/buttons/check-box/material-dark.scss

@@ -183,8 +183,6 @@ $cbox-border-style: solid !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -414,8 +412,6 @@ $cbox-border-style: solid !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {

package/SCSS-Themes/buttons/check-box/material.scss

@@ -179,8 +179,6 @@ $cbox-border-style: solid !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -410,8 +408,6 @@ $cbox-border-style: solid !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {

package/SCSS-Themes/buttons/check-box/material3-dark.scss

@@ -180,8 +180,6 @@ $cbox-border-style: solid !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -411,8 +409,6 @@ $cbox-border-style: solid !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {

package/SCSS-Themes/buttons/check-box/material3.scss

@@ -180,8 +180,6 @@ $cbox-border-style: solid !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -411,8 +409,6 @@ $cbox-border-style: solid !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {

package/SCSS-Themes/buttons/check-box/tailwind-dark.scss

@@ -180,8 +180,6 @@ $cbox-border-style: solid !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -411,8 +409,6 @@ $cbox-border-style: solid !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {

package/SCSS-Themes/buttons/check-box/tailwind.scss

@@ -180,8 +180,6 @@ $cbox-border-style: solid !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -411,8 +409,6 @@ $cbox-border-style: solid !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {