@syncfusion/blazor-themes 28.2.4 → 28.2.5

package/Compiled-Themes/material-lite.css

@@ -8098,6 +8098,19 @@ textarea.e-outline,
   border-bottom: transparent;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  padding-right: 17px;
+}
+
 /* stylelint-disable-line no-empty-source */
 /*! input theme */
 input.e-input,
@@ -64005,6 +64018,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   top: calc(50% + 60px);
 }
 
+.e-image-editor.e-control.e-readonly {
+  opacity: 1 !important;
+  /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #eee;
 }

package/Compiled-Themes/material.css

@@ -8300,6 +8300,19 @@ textarea.e-outline,
   border-bottom: transparent;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  padding-right: 17px;
+}
+
 /* stylelint-disable-line no-empty-source */
 /*! input theme */
 input.e-input,
@@ -84087,6 +84100,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   top: calc(50% + 60px);
 }
 
+.e-image-editor.e-control.e-readonly {
+  opacity: 1 !important;
+  /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #eee;
 }

package/Compiled-Themes/material3-dark-lite.css

@@ -7324,6 +7324,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /* stylelint-disable-line no-empty-source */
 /*! input theme */
 input.e-input,
@@ -64154,6 +64167,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   top: calc(50% + 60px);
 }
 
+.e-image-editor.e-control.e-readonly {
+  opacity: 1 !important;
+  /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
 }

package/Compiled-Themes/material3-dark.css

@@ -7530,6 +7530,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /* stylelint-disable-line no-empty-source */
 /*! input theme */
 input.e-input,
@@ -85028,6 +85041,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   top: calc(50% + 60px);
 }
 
+.e-image-editor.e-control.e-readonly {
+  opacity: 1 !important;
+  /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
 }

package/Compiled-Themes/material3-lite.css

@@ -7380,6 +7380,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /* stylelint-disable-line no-empty-source */
 /*! input theme */
 input.e-input,
@@ -64201,6 +64214,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   top: calc(50% + 60px);
 }
 
+.e-image-editor.e-control.e-readonly {
+  opacity: 1 !important;
+  /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
 }

package/Compiled-Themes/material3.css

@@ -7586,6 +7586,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /* stylelint-disable-line no-empty-source */
 /*! input theme */
 input.e-input,
@@ -85071,6 +85084,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   top: calc(50% + 60px);
 }
 
+.e-image-editor.e-control.e-readonly {
+  opacity: 1 !important;
+  /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
 }

package/Compiled-Themes/tailwind-dark-lite.css

@@ -59031,6 +59031,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   top: calc(50% + 60px);
 }
 
+.e-image-editor.e-control.e-readonly {
+  opacity: 1 !important;
+  /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #4b5563;
 }

package/Compiled-Themes/tailwind-dark.css

@@ -75945,6 +75945,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   top: calc(50% + 60px);
 }
 
+.e-image-editor.e-control.e-readonly {
+  opacity: 1 !important;
+  /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #4b5563;
 }

package/Compiled-Themes/tailwind-lite.css

@@ -59031,6 +59031,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   top: calc(50% + 60px);
 }
 
+.e-image-editor.e-control.e-readonly {
+  opacity: 1 !important;
+  /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #e5e7eb;
 }

package/Compiled-Themes/tailwind.css

@@ -75945,6 +75945,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   top: calc(50% + 60px);
 }
 
+.e-image-editor.e-control.e-readonly {
+  opacity: 1 !important;
+  /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #e5e7eb;
 }

package/Compiled-Themes/tailwind3-dark-lite.css

@@ -61886,6 +61886,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   top: calc(50% + 60px);
 }
 
+.e-image-editor.e-control.e-readonly {
+  opacity: 1 !important;
+  /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: var(--color-sf-content-bg-color);
 }

package/Compiled-Themes/tailwind3-dark.css

@@ -80388,6 +80388,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   top: calc(50% + 60px);
 }
 
+.e-image-editor.e-control.e-readonly {
+  opacity: 1 !important;
+  /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: var(--color-sf-content-bg-color);
 }

package/Compiled-Themes/tailwind3-lite.css

@@ -62289,6 +62289,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   top: calc(50% + 60px);
 }
 
+.e-image-editor.e-control.e-readonly {
+  opacity: 1 !important;
+  /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: var(--color-sf-content-bg-color);
 }

package/Compiled-Themes/tailwind3.css

@@ -80787,6 +80787,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   top: calc(50% + 60px);
 }
 
+.e-image-editor.e-control.e-readonly {
+  opacity: 1 !important;
+  /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: var(--color-sf-content-bg-color);
 }

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

@@ -9885,6 +9885,29 @@ $input-error-text-color:$danger !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;
+        }
+      }
+    }
+  }
 }
 
 
@@ -39373,6 +39396,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') {
@@ -39396,6 +39425,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 {
@@ -103712,6 +103748,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 */
+  }
 }
 
 

package/SCSS-Themes/bds-dark.scss

@@ -10719,6 +10719,29 @@ $input-error-text-color:$danger !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;
+        }
+      }
+    }
+  }
 }
 
 
@@ -53617,6 +53640,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') {
@@ -53640,6 +53669,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 {
@@ -134900,6 +134936,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 */
+  }
 }
 
 

package/SCSS-Themes/bds-lite.scss

@@ -10180,6 +10180,29 @@ $input-error-text-color:$danger !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;
+        }
+      }
+    }
+  }
 }
 
 
@@ -39668,6 +39691,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') {
@@ -39691,6 +39720,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 {
@@ -104007,6 +104043,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 */
+  }
 }
 
 

package/SCSS-Themes/bds.scss

@@ -11014,6 +11014,29 @@ $input-error-text-color:$danger !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;
+        }
+      }
+    }
+  }
 }
 
 
@@ -53912,6 +53935,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') {
@@ -53935,6 +53964,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 {
@@ -135195,6 +135231,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 */
+  }
 }
 
 

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

@@ -9035,6 +9035,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;
+        }
+      }
+    }
+  }
 }
 
 
@@ -38085,6 +38108,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') {
@@ -38108,6 +38137,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 {
@@ -102224,6 +102260,10 @@ $image-editor-button-width-mobile: calc(66% - 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 */
+  }
 }