@syncfusion/blazor-themes 21.2.9 → 21.2.10

package/SCSS-Themes/material.scss

@@ -14556,14 +14556,27 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
     outline: none;
   }
 
-  .e-input-group.e-prepend input.e-input,
-  .e-float-input.e-input-group.e-prepend input,
-  .e-input-group.e-control-wrapper.e-prepend input.e-input,
-  .e-float-input.e-input-group.e-control-wrapper.e-prepend input,
-  .e-float-input.e-prepend input,
-  .e-float-input.e-control-wrapper.e-prepend input {
+  .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
     @if $input-skin-name == 'material' {
       border-bottom: 1px solid;
+      border-bottom-color: $input-box-border-color;
+    }
+  }
+
+  .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
+    @if $input-skin-name == 'material' {
+      border-bottom: 1px solid;
+      border-bottom-color: $error-font-color;
+    }
+  }
+
+  .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
+    @if $input-skin-name == 'material' {
+      border-bottom: 1px solid;
+      border-bottom-color: $success-font-color;
     }
   }
 
@@ -61491,7 +61504,8 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     -webkit-overflow-scrolling: touch;
     box-sizing: border-box;
     cursor: pointer;
@@ -61804,7 +61818,8 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
   }
 
   .e-listbox-wrapper.e-sortableclone,
-  .e-listbox-container.e-sortableclone {
+  .e-listbox-container.e-sortableclone,
+  .e-listboxtool-wrapper.e-sortableclone {
     border-width: 0;
     overflow: visible;
 
@@ -61837,6 +61852,10 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
     }
   }
 
+  .e-listboxtool-wrapper.e-sortableclone{
+    display: block;
+  }
+
   .e-listboxtool-wrapper,
   .e-listboxtool-container {
     cursor: pointer;
@@ -62071,7 +62090,8 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
   }
 
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     font-family: $listbox-font-family;
     font-size: $listbox-font-size;
     @at-root {
@@ -111533,6 +111553,11 @@ $schedule-tree-content-color: $shadow;
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

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

@@ -2629,6 +2629,11 @@ $schedule-tree-content-color: #fff !default;
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/schedule/schedule/bootstrap.scss

@@ -2629,6 +2629,11 @@ $schedule-tree-content-color: $shadow !default;
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/schedule/schedule/bootstrap4.scss

@@ -2632,6 +2632,11 @@ $schedule-tbar-border-hover-color: darken($gray-600, 12.5%) !default;
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/schedule/schedule/bootstrap5-dark.scss

@@ -2639,6 +2639,11 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/schedule/schedule/bootstrap5.scss

@@ -2639,6 +2639,11 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/schedule/schedule/fabric-dark.scss

@@ -2628,6 +2628,11 @@ $schedule-tree-content-color: #fff !default;
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/schedule/schedule/fabric.scss

@@ -2629,6 +2629,11 @@ $schedule-tree-content-color: $shadow !default;
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/schedule/schedule/fluent-dark.scss

@@ -2634,6 +2634,11 @@ $schedule-tree-content-color: $content-text-color-alt2;
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/schedule/schedule/fluent.scss

@@ -2634,6 +2634,11 @@ $schedule-tree-content-color: $content-text-color-alt2;
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/schedule/schedule/highcontrast.scss

@@ -2630,6 +2630,11 @@ $schedule-tree-content-color: #fff !default;
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/schedule/schedule/material-dark.scss

@@ -2629,6 +2629,11 @@ $schedule-tree-content-color: #fff !default;
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/schedule/schedule/material.scss

@@ -2629,6 +2629,11 @@ $schedule-tree-content-color: $shadow;
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/schedule/schedule/tailwind-dark.scss

@@ -2631,6 +2631,11 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/schedule/schedule/tailwind.scss

@@ -2631,6 +2631,11 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/tailwind-dark.scss

@@ -14342,14 +14342,27 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
     outline: none;
   }
 
-  .e-input-group.e-prepend input.e-input,
-  .e-float-input.e-input-group.e-prepend input,
-  .e-input-group.e-control-wrapper.e-prepend input.e-input,
-  .e-float-input.e-input-group.e-control-wrapper.e-prepend input,
-  .e-float-input.e-prepend input,
-  .e-float-input.e-control-wrapper.e-prepend input {
+  .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
     @if $input-skin-name == 'material' {
       border-bottom: 1px solid;
+      border-bottom-color: $input-box-border-color;
+    }
+  }
+
+  .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
+    @if $input-skin-name == 'material' {
+      border-bottom: 1px solid;
+      border-bottom-color: $error-font-color;
+    }
+  }
+
+  .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
+    @if $input-skin-name == 'material' {
+      border-bottom: 1px solid;
+      border-bottom-color: $success-font-color;
     }
   }
 
@@ -60729,7 +60742,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     -webkit-overflow-scrolling: touch;
     box-sizing: border-box;
     cursor: pointer;
@@ -61042,7 +61056,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
   }
 
   .e-listbox-wrapper.e-sortableclone,
-  .e-listbox-container.e-sortableclone {
+  .e-listbox-container.e-sortableclone,
+  .e-listboxtool-wrapper.e-sortableclone {
     border-width: 0;
     overflow: visible;
 
@@ -61075,6 +61090,10 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
     }
   }
 
+  .e-listboxtool-wrapper.e-sortableclone{
+    display: block;
+  }
+
   .e-listboxtool-wrapper,
   .e-listboxtool-container {
     cursor: pointer;
@@ -61309,7 +61328,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
   }
 
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     font-family: $listbox-font-family;
     font-size: $listbox-font-size;
     @at-root {
@@ -110875,6 +110895,11 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/tailwind.scss

@@ -14339,14 +14339,27 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
     outline: none;
   }
 
-  .e-input-group.e-prepend input.e-input,
-  .e-float-input.e-input-group.e-prepend input,
-  .e-input-group.e-control-wrapper.e-prepend input.e-input,
-  .e-float-input.e-input-group.e-control-wrapper.e-prepend input,
-  .e-float-input.e-prepend input,
-  .e-float-input.e-control-wrapper.e-prepend input {
+  .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
     @if $input-skin-name == 'material' {
       border-bottom: 1px solid;
+      border-bottom-color: $input-box-border-color;
+    }
+  }
+
+  .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
+    @if $input-skin-name == 'material' {
+      border-bottom: 1px solid;
+      border-bottom-color: $error-font-color;
+    }
+  }
+
+  .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
+    @if $input-skin-name == 'material' {
+      border-bottom: 1px solid;
+      border-bottom-color: $success-font-color;
     }
   }
 
@@ -60726,7 +60739,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     -webkit-overflow-scrolling: touch;
     box-sizing: border-box;
     cursor: pointer;
@@ -61039,7 +61053,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
   }
 
   .e-listbox-wrapper.e-sortableclone,
-  .e-listbox-container.e-sortableclone {
+  .e-listbox-container.e-sortableclone,
+  .e-listboxtool-wrapper.e-sortableclone {
     border-width: 0;
     overflow: visible;
 
@@ -61072,6 +61087,10 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
     }
   }
 
+  .e-listboxtool-wrapper.e-sortableclone{
+    display: block;
+  }
+
   .e-listboxtool-wrapper,
   .e-listboxtool-container {
     cursor: pointer;
@@ -61306,7 +61325,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
   }
 
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     font-family: $listbox-font-family;
     font-size: $listbox-font-size;
     @at-root {
@@ -110872,6 +110892,11 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/package.json

@@ -1 +1 @@
-{"name":"@syncfusion/blazor-themes","version":"21.2.9","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":"21.2.10","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"}}