npm - @syncfusion/blazor-themes - Versions diffs - 28.2.4 → 28.2.6 - Mend

@syncfusion/blazor-themes 28.2.4 → 28.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (371) hide show

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

@@ -236,13 +236,13 @@
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt1);
   --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
   --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
-  --color-sf-appbar-hover-bg-color-alt1: $transparent;
+  --color-sf-appbar-hover-bg-color-alt1: transparent;
   //dark
   --color-sf-appbar-bg-color-alt2: #dee2e6;
   --color-sf-appbar-color-alt2: #212529;
   --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
-  --color-sf-appbar-hover-bg-color-alt2: $transparent;
+  --color-sf-appbar-hover-bg-color-alt2: transparent;
   //diagram Palette color
   --color-sf-diagram-palette-background: #dee2e6;
@@ -263,7 +263,7 @@
   --color-sf-msg-bg-color: #161719;
   --color-sf-msg-border-color: #41464b;
   --color-sf-msg-color-alt1: var(--color-sf-msg-color);
-  --color-sf-msg-bg-color-alt1: $transparent;
+  --color-sf-msg-bg-color-alt1: transparent;
   --color-sf-msg-border-color-alt1: var(--color-sf-msg-border-color);
   --color-sf-msg-color-alt2: #fff;
   --color-sf-msg-bg-color-alt2: #6c757d;
@@ -280,7 +280,7 @@
   --color-sf-msg-danger-bg-color: #2c0b0e;
   --color-sf-msg-danger-border-color: #842029;
   --color-sf-msg-danger-color-alt1: var(--color-sf-msg-danger-color);
-  --color-sf-msg-danger-bg-color-alt1: $transparent;
+  --color-sf-msg-danger-bg-color-alt1: transparent;
   --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
   --color-sf-msg-danger-color-alt2: #fff;
   --color-sf-msg-danger-bg-color-alt2: #dc3545;
@@ -297,7 +297,7 @@
   --color-sf-msg-success-bg-color: #051b11;
   --color-sf-msg-success-border-color: #0f5132;
   --color-sf-msg-success-color-alt1: var(--color-sf-msg-success-color);
-  --color-sf-msg-success-bg-color-alt1: $transparent;
+  --color-sf-msg-success-bg-color-alt1: transparent;
   --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
   --color-sf-msg-success-color-alt2: #fff;
   --color-sf-msg-success-bg-color-alt2: #198754;
@@ -314,7 +314,7 @@
   --color-sf-msg-warning-bg-color: #332701;
   --color-sf-msg-warning-border-color: #997404;
   --color-sf-msg-warning-color-alt1: var(--color-sf-msg-warning-color);
-  --color-sf-msg-warning-bg-color-alt1: $transparent;
+  --color-sf-msg-warning-bg-color-alt1: transparent;
   --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
   --color-sf-msg-warning-color-alt2: #212529;
   --color-sf-msg-warning-bg-color-alt2: #ffc107;
@@ -331,7 +331,7 @@
   --color-sf-msg-info-bg-color: #032830;
   --color-sf-msg-info-border-color: #087990;
   --color-sf-msg-info-color-alt1: var(--color-sf-msg-info-color);
-  --color-sf-msg-info-bg-color-alt1: $transparent;
+  --color-sf-msg-info-bg-color-alt1: transparent;
   --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
   --color-sf-msg-info-color-alt2: #212529;
   --color-sf-msg-info-bg-color-alt2: #0dcaf0;
@@ -9811,6 +9811,29 @@ $float-label-rtl-value: -7px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }
@@ -38949,6 +38972,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -38972,6 +39001,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {
@@ -66699,6 +66735,13 @@ $grid-checkmark-color: $primary-text-color !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -81791,13 +81834,13 @@ $pv-comment-title-padding-top: 7px !default;
 $pv-signature-footer-color: $content-bg-color-alt2 !default;
 $pv-signature-border-color: 1px dotted $content-bg-color-alt2 !default;
 $pv-signature-color: $primary !default;
-$pv-form-checkbox-border-color: $black !default;
+$pv-form-checkbox-border-color: rgba($black) !default;
 $pv-form-field-size: 0 !default;
 $pv-form-field-radiobutton-border: 5px solid $white !default;
 $pv-form-field-radiobutton-box-shadow: 0 0 0 1px $black !default;
 $pv-form-field-li-background-color: $primary !default;
 $pv-form-field-checkbox-container: 1px solid $black !default;
-$pv-form-field-checkbox-checked: solid $black !default;
+$pv-form-field-checkbox-checked: solid rgba($black) !default;
 $pv-form-field-checkbox-border-width: 3px !default;
 $pv-form-field-property-header-font-size: 20px !default;
 $pv-form-field-property-header-font-weight: 500 !default;
@@ -103222,6 +103265,10 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
@@ -108807,9 +108854,6 @@ $tbar-header-hover-bg-color: transparent !default;
       textarea::-webkit-scrollbar {
         width: 4px;
       }
-      .hide-scrollbar textarea {
-        scrollbar-width: none;
-      }
       &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
         right: unset;
         left: 20px;
@@ -108841,6 +108885,9 @@ $tbar-header-hover-bg-color: transparent !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

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

@@ -236,13 +236,13 @@
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt1);
   --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
   --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
-  --color-sf-appbar-hover-bg-color-alt1: $transparent;
+  --color-sf-appbar-hover-bg-color-alt1: transparent;
   //dark
   --color-sf-appbar-bg-color-alt2: #dee2e6;
   --color-sf-appbar-color-alt2: #212529;
   --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
-  --color-sf-appbar-hover-bg-color-alt2: $transparent;
+  --color-sf-appbar-hover-bg-color-alt2: transparent;
   //diagram Palette color
   --color-sf-diagram-palette-background: #dee2e6;
@@ -263,7 +263,7 @@
   --color-sf-msg-bg-color: #161719;
   --color-sf-msg-border-color: #41464b;
   --color-sf-msg-color-alt1: var(--color-sf-msg-color);
-  --color-sf-msg-bg-color-alt1: $transparent;
+  --color-sf-msg-bg-color-alt1: transparent;
   --color-sf-msg-border-color-alt1: var(--color-sf-msg-border-color);
   --color-sf-msg-color-alt2: #fff;
   --color-sf-msg-bg-color-alt2: #6c757d;
@@ -280,7 +280,7 @@
   --color-sf-msg-danger-bg-color: #2c0b0e;
   --color-sf-msg-danger-border-color: #842029;
   --color-sf-msg-danger-color-alt1: var(--color-sf-msg-danger-color);
-  --color-sf-msg-danger-bg-color-alt1: $transparent;
+  --color-sf-msg-danger-bg-color-alt1: transparent;
   --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
   --color-sf-msg-danger-color-alt2: #fff;
   --color-sf-msg-danger-bg-color-alt2: #dc3545;
@@ -297,7 +297,7 @@
   --color-sf-msg-success-bg-color: #051b11;
   --color-sf-msg-success-border-color: #0f5132;
   --color-sf-msg-success-color-alt1: var(--color-sf-msg-success-color);
-  --color-sf-msg-success-bg-color-alt1: $transparent;
+  --color-sf-msg-success-bg-color-alt1: transparent;
   --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
   --color-sf-msg-success-color-alt2: #fff;
   --color-sf-msg-success-bg-color-alt2: #198754;
@@ -314,7 +314,7 @@
   --color-sf-msg-warning-bg-color: #332701;
   --color-sf-msg-warning-border-color: #997404;
   --color-sf-msg-warning-color-alt1: var(--color-sf-msg-warning-color);
-  --color-sf-msg-warning-bg-color-alt1: $transparent;
+  --color-sf-msg-warning-bg-color-alt1: transparent;
   --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
   --color-sf-msg-warning-color-alt2: #212529;
   --color-sf-msg-warning-bg-color-alt2: #ffc107;
@@ -331,7 +331,7 @@
   --color-sf-msg-info-bg-color: #032830;
   --color-sf-msg-info-border-color: #087990;
   --color-sf-msg-info-color-alt1: var(--color-sf-msg-info-color);
-  --color-sf-msg-info-bg-color-alt1: $transparent;
+  --color-sf-msg-info-bg-color-alt1: transparent;
   --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
   --color-sf-msg-info-color-alt2: #212529;
   --color-sf-msg-info-bg-color-alt2: #0dcaf0;
@@ -10645,6 +10645,29 @@ $float-label-rtl-value: -7px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }
@@ -53193,6 +53216,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -53216,6 +53245,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {
@@ -88903,6 +88939,13 @@ $grid-checkmark-color: $primary-text-color !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -91444,6 +91487,18 @@ $grid-checkmark-color: $primary-text-color !default;
       padding-top: 40px;
     }
+    & .e-mainfilterdiv {
+      @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
+        padding-top: 30px;
+      }
+      @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+        padding-top: 0;
+      }
+      @else {
+        padding-top: 16px;
+      }
+    }
     & .e-filtersetdiv {
       float: right;
       margin-right: 1%;
@@ -109303,13 +109358,13 @@ $pv-comment-title-padding-top: 7px !default;
 $pv-signature-footer-color: $content-bg-color-alt2 !default;
 $pv-signature-border-color: 1px dotted $content-bg-color-alt2 !default;
 $pv-signature-color: $primary !default;
-$pv-form-checkbox-border-color: $black !default;
+$pv-form-checkbox-border-color: rgba($black) !default;
 $pv-form-field-size: 0 !default;
 $pv-form-field-radiobutton-border: 5px solid $white !default;
 $pv-form-field-radiobutton-box-shadow: 0 0 0 1px $black !default;
 $pv-form-field-li-background-color: $primary !default;
 $pv-form-field-checkbox-container: 1px solid $black !default;
-$pv-form-field-checkbox-checked: solid $black !default;
+$pv-form-field-checkbox-checked: solid rgba($black) !default;
 $pv-form-field-checkbox-border-width: 3px !default;
 $pv-form-field-property-header-font-size: 20px !default;
 $pv-form-field-property-header-font-weight: 500 !default;
@@ -134410,6 +134465,10 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
@@ -141116,9 +141175,6 @@ $tbar-header-hover-bg-color: transparent !default;
       textarea::-webkit-scrollbar {
         width: 4px;
       }
-      .hide-scrollbar textarea {
-        scrollbar-width: none;
-      }
       &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
         right: unset;
         left: 20px;
@@ -141150,6 +141206,9 @@ $tbar-header-hover-bg-color: transparent !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

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

@@ -236,13 +236,13 @@
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt1);
   --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
   --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
-  --color-sf-appbar-hover-bg-color-alt1: $transparent;
+  --color-sf-appbar-hover-bg-color-alt1: transparent;
   //dark
   --color-sf-appbar-bg-color-alt2: #212529;
   --color-sf-appbar-color-alt2: #fff;
   --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
-  --color-sf-appbar-hover-bg-color-alt2: $transparent;
+  --color-sf-appbar-hover-bg-color-alt2: transparent;
   //diagram Palette color
   --color-sf-diagram-palette-background: #fff;
@@ -263,7 +263,7 @@
   --color-sf-msg-bg-color: #e2e3e5;
   --color-sf-msg-border-color: #c4c8cb;
   --color-sf-msg-color-alt1: var(--color-sf-msg-color);
-  --color-sf-msg-bg-color-alt1: $transparent;
+  --color-sf-msg-bg-color-alt1: transparent;
   --color-sf-msg-border-color-alt1: var(--color-sf-msg-border-color);
   --color-sf-msg-color-alt2: #fff;
   --color-sf-msg-bg-color-alt2: #6c757d;
@@ -280,7 +280,7 @@
   --color-sf-msg-danger-bg-color: #f8d7da;
   --color-sf-msg-danger-border-color: #f1aeb5;
   --color-sf-msg-danger-color-alt1: var(--color-sf-msg-danger-color);
-  --color-sf-msg-danger-bg-color-alt1: $transparent;
+  --color-sf-msg-danger-bg-color-alt1: transparent;
   --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
   --color-sf-msg-danger-color-alt2: #fff;
   --color-sf-msg-danger-bg-color-alt2: #dc3545;
@@ -297,7 +297,7 @@
   --color-sf-msg-success-bg-color: #d1e7dd;
   --color-sf-msg-success-border-color: #a3cfbb;
   --color-sf-msg-success-color-alt1: var(--color-sf-msg-success-color);
-  --color-sf-msg-success-bg-color-alt1: $transparent;
+  --color-sf-msg-success-bg-color-alt1: transparent;
   --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
   --color-sf-msg-success-color-alt2: #fff;
   --color-sf-msg-success-bg-color-alt2: #198754;
@@ -314,7 +314,7 @@
   --color-sf-msg-warning-bg-color: #fff3cd;
   --color-sf-msg-warning-border-color: #ffe69c;
   --color-sf-msg-warning-color-alt1: var(--color-sf-msg-warning-color);
-  --color-sf-msg-warning-bg-color-alt1: $transparent;
+  --color-sf-msg-warning-bg-color-alt1: transparent;
   --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
   --color-sf-msg-warning-color-alt2: #212529;
   --color-sf-msg-warning-bg-color-alt2: #ffc107;
@@ -331,7 +331,7 @@
   --color-sf-msg-info-bg-color: #cff4fc;
   --color-sf-msg-info-border-color: #9eeaf9;
   --color-sf-msg-info-color-alt1: var(--color-sf-msg-info-color);
-  --color-sf-msg-info-bg-color-alt1: $transparent;
+  --color-sf-msg-info-bg-color-alt1: transparent;
   --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
   --color-sf-msg-info-color-alt2: #212529;
   --color-sf-msg-info-bg-color-alt2: #0dcaf0;
@@ -584,13 +584,13 @@
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt1);
   --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
   --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
-  --color-sf-appbar-hover-bg-color-alt1: $transparent;
+  --color-sf-appbar-hover-bg-color-alt1: transparent;
   //dark
   --color-sf-appbar-bg-color-alt2: #dee2e6;
   --color-sf-appbar-color-alt2: #212529;
   --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
-  --color-sf-appbar-hover-bg-color-alt2: $transparent;
+  --color-sf-appbar-hover-bg-color-alt2: transparent;
   //diagram Palette color
   --color-sf-diagram-palette-background: #dee2e6;
@@ -610,7 +610,7 @@
   --color-sf-msg-bg-color: #161719;
   --color-sf-msg-border-color: #41464b;
   --color-sf-msg-color-alt1: var(--color-sf-msg-color);
-  --color-sf-msg-bg-color-alt1: $transparent;
+  --color-sf-msg-bg-color-alt1: transparent;
   --color-sf-msg-border-color-alt1: var(--color-sf-msg-border-color);
   --color-sf-msg-color-alt2: #fff;
   --color-sf-msg-bg-color-alt2: #6c757d;
@@ -627,7 +627,7 @@
   --color-sf-msg-danger-bg-color: #2c0b0e;
   --color-sf-msg-danger-border-color: #842029;
   --color-sf-msg-danger-color-alt1: var(--color-sf-msg-danger-color);
-  --color-sf-msg-danger-bg-color-alt1: $transparent;
+  --color-sf-msg-danger-bg-color-alt1: transparent;
   --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
   --color-sf-msg-danger-color-alt2: #fff;
   --color-sf-msg-danger-bg-color-alt2: #dc3545;
@@ -644,7 +644,7 @@
   --color-sf-msg-success-bg-color: #051b11;
   --color-sf-msg-success-border-color: #0f5132;
   --color-sf-msg-success-color-alt1: var(--color-sf-msg-success-color);
-  --color-sf-msg-success-bg-color-alt1: $transparent;
+  --color-sf-msg-success-bg-color-alt1: transparent;
   --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
   --color-sf-msg-success-color-alt2: #fff;
   --color-sf-msg-success-bg-color-alt2: #198754;
@@ -661,7 +661,7 @@
   --color-sf-msg-warning-bg-color: #332701;
   --color-sf-msg-warning-border-color: #997404;
   --color-sf-msg-warning-color-alt1: var(--color-sf-msg-warning-color);
-  --color-sf-msg-warning-bg-color-alt1: $transparent;
+  --color-sf-msg-warning-bg-color-alt1: transparent;
   --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
   --color-sf-msg-warning-color-alt2: #212529;
   --color-sf-msg-warning-bg-color-alt2: #ffc107;
@@ -678,7 +678,7 @@
   --color-sf-msg-info-bg-color: #032830;
   --color-sf-msg-info-border-color: #087990;
   --color-sf-msg-info-color-alt1: var(--color-sf-msg-info-color);
-  --color-sf-msg-info-bg-color-alt1: $transparent;
+  --color-sf-msg-info-bg-color-alt1: transparent;
   --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
   --color-sf-msg-info-color-alt2: #212529;
   --color-sf-msg-info-bg-color-alt2: #0dcaf0;
@@ -10158,6 +10158,29 @@ $float-label-rtl-value: -7px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }
@@ -39296,6 +39319,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -39319,6 +39348,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {
@@ -67046,6 +67082,13 @@ $grid-checkmark-color: $primary-text-color !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -82138,13 +82181,13 @@ $pv-comment-title-padding-top: 7px !default;
 $pv-signature-footer-color: $content-bg-color-alt2 !default;
 $pv-signature-border-color: 1px dotted $content-bg-color-alt2 !default;
 $pv-signature-color: $primary !default;
-$pv-form-checkbox-border-color: $black !default;
+$pv-form-checkbox-border-color: rgba($black) !default;
 $pv-form-field-size: 0 !default;
 $pv-form-field-radiobutton-border: 5px solid $white !default;
 $pv-form-field-radiobutton-box-shadow: 0 0 0 1px $black !default;
 $pv-form-field-li-background-color: $primary !default;
 $pv-form-field-checkbox-container: 1px solid $black !default;
-$pv-form-field-checkbox-checked: solid $black !default;
+$pv-form-field-checkbox-checked: solid rgba($black) !default;
 $pv-form-field-checkbox-border-width: 3px !default;
 $pv-form-field-property-header-font-size: 20px !default;
 $pv-form-field-property-header-font-weight: 500 !default;
@@ -103569,6 +103612,10 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
@@ -109154,9 +109201,6 @@ $tbar-header-hover-bg-color: transparent !default;
       textarea::-webkit-scrollbar {
         width: 4px;
       }
-      .hide-scrollbar textarea {
-        scrollbar-width: none;
-      }
       &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
         right: unset;
         left: 20px;
@@ -109188,6 +109232,9 @@ $tbar-header-hover-bg-color: transparent !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;