@syncfusion/blazor-themes 21.1.39 → 21.1.41

package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss

@@ -451,6 +451,11 @@ $field-list-adaptive-outerdiv-height: 184px !default;
       }
       /* stylelint-enable */
 
+      .e-format-condition-button {
+        .e-add-icon {
+          margin-left: 0;
+        }
+      }
       .e-format-value1,
       .e-format-value2,
       .e-format-value-span {
@@ -3320,9 +3325,6 @@ $field-list-adaptive-outerdiv-height: 184px !default;
         background-color: $field-list-mobile-header-color;
         color: $field-list-mobile-header-font-color;
         font-size: 14px;
-        height: 48px;
-        padding-bottom: 9px;
-        padding-top: 9px;
         @if ($skin-name == 'tailwind') {
           padding-left: 16px;
           padding-right: 16px;
@@ -3344,19 +3346,15 @@ $field-list-adaptive-outerdiv-height: 184px !default;
 
       .e-title-mobile-header {
         display: flex;
-      }
-
-      .e-title-mobile-content {
-        margin-top: $field-list-back-margin;
+        align-items: center;
       }
 
       .e-field-list-back-icon {
         color: $field-list-back-font-color;
         font-size: 16px;
-        height: 24px;
+        height: auto;
         margin-left: 0;
         margin-right: 12px;
-        padding-top: 7px;
         text-align: center;
         width: 24px;
       }
@@ -3577,16 +3575,18 @@ $field-list-adaptive-outerdiv-height: 184px !default;
               margin-top: 20px;
               overflow: auto;
 
+              .e-acrdn-header {
+                align-items: center;
+                display: flex;
+              }
+
               .e-acrdn-header-icon {
                 display: table;
                 font-size: 12px;
-                height: 36px;
-                min-height: 36px;
                 min-width: 28px;
                 padding: 0;
                 position: absolute;
                 right: 16px;
-                top: 0;
 
                 .e-list-icon {
                   cursor: pointer;

package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss

@@ -451,6 +451,11 @@ $field-list-adaptive-outerdiv-height: 184px !default;
       }
       /* stylelint-enable */
 
+      .e-format-condition-button {
+        .e-add-icon {
+          margin-left: 0;
+        }
+      }
       .e-format-value1,
       .e-format-value2,
       .e-format-value-span {
@@ -3320,9 +3325,6 @@ $field-list-adaptive-outerdiv-height: 184px !default;
         background-color: $field-list-mobile-header-color;
         color: $field-list-mobile-header-font-color;
         font-size: 14px;
-        height: 48px;
-        padding-bottom: 9px;
-        padding-top: 9px;
         @if ($skin-name == 'tailwind') {
           padding-left: 16px;
           padding-right: 16px;
@@ -3344,19 +3346,15 @@ $field-list-adaptive-outerdiv-height: 184px !default;
 
       .e-title-mobile-header {
         display: flex;
-      }
-
-      .e-title-mobile-content {
-        margin-top: $field-list-back-margin;
+        align-items: center;
       }
 
       .e-field-list-back-icon {
         color: $field-list-back-font-color;
         font-size: 16px;
-        height: 24px;
+        height: auto;
         margin-left: 0;
         margin-right: 12px;
-        padding-top: 7px;
         text-align: center;
         width: 24px;
       }
@@ -3577,16 +3575,18 @@ $field-list-adaptive-outerdiv-height: 184px !default;
               margin-top: 20px;
               overflow: auto;
 
+              .e-acrdn-header {
+                align-items: center;
+                display: flex;
+              }
+
               .e-acrdn-header-icon {
                 display: table;
                 font-size: 12px;
-                height: 36px;
-                min-height: 36px;
                 min-width: 28px;
                 padding: 0;
                 position: absolute;
                 right: 16px;
-                top: 0;
 
                 .e-list-icon {
                   cursor: pointer;

package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss

@@ -448,6 +448,11 @@ $field-list-adaptive-outerdiv-height: 164px !default;
       }
       /* stylelint-enable */
 
+      .e-format-condition-button {
+        .e-add-icon {
+          margin-left: 0;
+        }
+      }
       .e-format-value1,
       .e-format-value2,
       .e-format-value-span {
@@ -3317,9 +3322,6 @@ $field-list-adaptive-outerdiv-height: 164px !default;
         background-color: $field-list-mobile-header-color;
         color: $field-list-mobile-header-font-color;
         font-size: 14px;
-        height: 48px;
-        padding-bottom: 9px;
-        padding-top: 9px;
         @if ($skin-name == 'tailwind') {
           padding-left: 16px;
           padding-right: 16px;
@@ -3341,19 +3343,15 @@ $field-list-adaptive-outerdiv-height: 164px !default;
 
       .e-title-mobile-header {
         display: flex;
-      }
-
-      .e-title-mobile-content {
-        margin-top: $field-list-back-margin;
+        align-items: center;
       }
 
       .e-field-list-back-icon {
         color: $field-list-back-font-color;
         font-size: 16px;
-        height: 24px;
+        height: auto;
         margin-left: 0;
         margin-right: 12px;
-        padding-top: 7px;
         text-align: center;
         width: 24px;
       }
@@ -3574,16 +3572,18 @@ $field-list-adaptive-outerdiv-height: 164px !default;
               margin-top: 20px;
               overflow: auto;
 
+              .e-acrdn-header {
+                align-items: center;
+                display: flex;
+              }
+
               .e-acrdn-header-icon {
                 display: table;
                 font-size: 12px;
-                height: 36px;
-                min-height: 36px;
                 min-width: 28px;
                 padding: 0;
                 position: absolute;
                 right: 16px;
-                top: 0;
 
                 .e-list-icon {
                   cursor: pointer;

package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss

@@ -448,6 +448,11 @@ $field-list-adaptive-outerdiv-height: 190px !default;
       }
       /* stylelint-enable */
 
+      .e-format-condition-button {
+        .e-add-icon {
+          margin-left: 0;
+        }
+      }
       .e-format-value1,
       .e-format-value2,
       .e-format-value-span {
@@ -3317,9 +3322,6 @@ $field-list-adaptive-outerdiv-height: 190px !default;
         background-color: $field-list-mobile-header-color;
         color: $field-list-mobile-header-font-color;
         font-size: 14px;
-        height: 48px;
-        padding-bottom: 9px;
-        padding-top: 9px;
         @if ($skin-name == 'tailwind') {
           padding-left: 16px;
           padding-right: 16px;
@@ -3341,19 +3343,15 @@ $field-list-adaptive-outerdiv-height: 190px !default;
 
       .e-title-mobile-header {
         display: flex;
-      }
-
-      .e-title-mobile-content {
-        margin-top: $field-list-back-margin;
+        align-items: center;
       }
 
       .e-field-list-back-icon {
         color: $field-list-back-font-color;
         font-size: 16px;
-        height: 24px;
+        height: auto;
         margin-left: 0;
         margin-right: 12px;
-        padding-top: 7px;
         text-align: center;
         width: 24px;
       }
@@ -3574,16 +3572,18 @@ $field-list-adaptive-outerdiv-height: 190px !default;
               margin-top: 20px;
               overflow: auto;
 
+              .e-acrdn-header {
+                align-items: center;
+                display: flex;
+              }
+
               .e-acrdn-header-icon {
                 display: table;
                 font-size: 12px;
-                height: 36px;
-                min-height: 36px;
                 min-width: 28px;
                 padding: 0;
                 position: absolute;
                 right: 16px;
-                top: 0;
 
                 .e-list-icon {
                   cursor: pointer;

package/SCSS-Themes/pivotview/pivotfieldlist/material.scss

@@ -448,6 +448,11 @@ $field-list-adaptive-outerdiv-height: 195px !default;
       }
       /* stylelint-enable */
 
+      .e-format-condition-button {
+        .e-add-icon {
+          margin-left: 0;
+        }
+      }
       .e-format-value1,
       .e-format-value2,
       .e-format-value-span {
@@ -3317,9 +3322,6 @@ $field-list-adaptive-outerdiv-height: 195px !default;
         background-color: $field-list-mobile-header-color;
         color: $field-list-mobile-header-font-color;
         font-size: 14px;
-        height: 48px;
-        padding-bottom: 9px;
-        padding-top: 9px;
         @if ($skin-name == 'tailwind') {
           padding-left: 16px;
           padding-right: 16px;
@@ -3341,19 +3343,15 @@ $field-list-adaptive-outerdiv-height: 195px !default;
 
       .e-title-mobile-header {
         display: flex;
-      }
-
-      .e-title-mobile-content {
-        margin-top: $field-list-back-margin;
+        align-items: center;
       }
 
       .e-field-list-back-icon {
         color: $field-list-back-font-color;
         font-size: 16px;
-        height: 24px;
+        height: auto;
         margin-left: 0;
         margin-right: 12px;
-        padding-top: 7px;
         text-align: center;
         width: 24px;
       }
@@ -3574,16 +3572,18 @@ $field-list-adaptive-outerdiv-height: 195px !default;
               margin-top: 20px;
               overflow: auto;
 
+              .e-acrdn-header {
+                align-items: center;
+                display: flex;
+              }
+
               .e-acrdn-header-icon {
                 display: table;
                 font-size: 12px;
-                height: 36px;
-                min-height: 36px;
                 min-width: 28px;
                 padding: 0;
                 position: absolute;
                 right: 16px;
-                top: 0;
 
                 .e-list-icon {
                   cursor: pointer;

package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss

@@ -451,6 +451,11 @@ $field-list-adaptive-outerdiv-height: 179px !default;
       }
       /* stylelint-enable */
 
+      .e-format-condition-button {
+        .e-add-icon {
+          margin-left: 0;
+        }
+      }
       .e-format-value1,
       .e-format-value2,
       .e-format-value-span {
@@ -3320,9 +3325,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
         background-color: $field-list-mobile-header-color;
         color: $field-list-mobile-header-font-color;
         font-size: 14px;
-        height: 48px;
-        padding-bottom: 9px;
-        padding-top: 9px;
         @if ($skin-name == 'tailwind') {
           padding-left: 16px;
           padding-right: 16px;
@@ -3344,19 +3346,15 @@ $field-list-adaptive-outerdiv-height: 179px !default;
 
       .e-title-mobile-header {
         display: flex;
-      }
-
-      .e-title-mobile-content {
-        margin-top: $field-list-back-margin;
+        align-items: center;
       }
 
       .e-field-list-back-icon {
         color: $field-list-back-font-color;
         font-size: 16px;
-        height: 24px;
+        height: auto;
         margin-left: 0;
         margin-right: 12px;
-        padding-top: 7px;
         text-align: center;
         width: 24px;
       }
@@ -3577,16 +3575,18 @@ $field-list-adaptive-outerdiv-height: 179px !default;
               margin-top: 20px;
               overflow: auto;
 
+              .e-acrdn-header {
+                align-items: center;
+                display: flex;
+              }
+
               .e-acrdn-header-icon {
                 display: table;
                 font-size: 12px;
-                height: 36px;
-                min-height: 36px;
                 min-width: 28px;
                 padding: 0;
                 position: absolute;
                 right: 16px;
-                top: 0;
 
                 .e-list-icon {
                   cursor: pointer;

package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss

@@ -451,6 +451,11 @@ $field-list-adaptive-outerdiv-height: 179px !default;
       }
       /* stylelint-enable */
 
+      .e-format-condition-button {
+        .e-add-icon {
+          margin-left: 0;
+        }
+      }
       .e-format-value1,
       .e-format-value2,
       .e-format-value-span {
@@ -3320,9 +3325,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
         background-color: $field-list-mobile-header-color;
         color: $field-list-mobile-header-font-color;
         font-size: 14px;
-        height: 48px;
-        padding-bottom: 9px;
-        padding-top: 9px;
         @if ($skin-name == 'tailwind') {
           padding-left: 16px;
           padding-right: 16px;
@@ -3344,19 +3346,15 @@ $field-list-adaptive-outerdiv-height: 179px !default;
 
       .e-title-mobile-header {
         display: flex;
-      }
-
-      .e-title-mobile-content {
-        margin-top: $field-list-back-margin;
+        align-items: center;
       }
 
       .e-field-list-back-icon {
         color: $field-list-back-font-color;
         font-size: 16px;
-        height: 24px;
+        height: auto;
         margin-left: 0;
         margin-right: 12px;
-        padding-top: 7px;
         text-align: center;
         width: 24px;
       }
@@ -3577,16 +3575,18 @@ $field-list-adaptive-outerdiv-height: 179px !default;
               margin-top: 20px;
               overflow: auto;
 
+              .e-acrdn-header {
+                align-items: center;
+                display: flex;
+              }
+
               .e-acrdn-header-icon {
                 display: table;
                 font-size: 12px;
-                height: 36px;
-                min-height: 36px;
                 min-width: 28px;
                 padding: 0;
                 position: absolute;
                 right: 16px;
-                top: 0;
 
                 .e-list-icon {
                   cursor: pointer;

package/SCSS-Themes/tailwind-dark.scss

@@ -40055,7 +40055,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
         font-size: $listview-header-font-size;
       }
 
-      & .e-icons:not(.e-primary .e-icon-btn) {
+      & .e-icons:not(.e-primary .e-btn-icon) {
         color: $listview-icon-color;
 
         @if ($skin-name == 'tailwind') {
@@ -88002,14 +88002,6 @@ $gantt-masked-table-background-color: rgb(225,223,221);
         outline-offset: 2px;
       }
     }
-    .e-dialog.e-filter-popup {
-      .e-footer-content {
-        
-        @if ($skin-name =='FluentUI') {
-          padding-top: 0;
-        }
-      }
-    }
   }
   
   .e-gantt-dialog .e-tab .e-tab-header {
@@ -98821,6 +98813,11 @@ $field-list-adaptive-outerdiv-height: 179px !default;
       }
       /* stylelint-enable */
 
+      .e-format-condition-button {
+        .e-add-icon {
+          margin-left: 0;
+        }
+      }
       .e-format-value1,
       .e-format-value2,
       .e-format-value-span {
@@ -101690,9 +101687,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
         background-color: $field-list-mobile-header-color;
         color: $field-list-mobile-header-font-color;
         font-size: 14px;
-        height: 48px;
-        padding-bottom: 9px;
-        padding-top: 9px;
         @if ($skin-name == 'tailwind') {
           padding-left: 16px;
           padding-right: 16px;
@@ -101714,19 +101708,15 @@ $field-list-adaptive-outerdiv-height: 179px !default;
 
       .e-title-mobile-header {
         display: flex;
-      }
-
-      .e-title-mobile-content {
-        margin-top: $field-list-back-margin;
+        align-items: center;
       }
 
       .e-field-list-back-icon {
         color: $field-list-back-font-color;
         font-size: 16px;
-        height: 24px;
+        height: auto;
         margin-left: 0;
         margin-right: 12px;
-        padding-top: 7px;
         text-align: center;
         width: 24px;
       }
@@ -101947,16 +101937,18 @@ $field-list-adaptive-outerdiv-height: 179px !default;
               margin-top: 20px;
               overflow: auto;
 
+              .e-acrdn-header {
+                align-items: center;
+                display: flex;
+              }
+
               .e-acrdn-header-icon {
                 display: table;
                 font-size: 12px;
-                height: 36px;
-                min-height: 36px;
                 min-width: 28px;
                 padding: 0;
                 position: absolute;
                 right: 16px;
-                top: 0;
 
                 .e-list-icon {
                   cursor: pointer;

package/SCSS-Themes/tailwind.scss

@@ -40052,7 +40052,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
         font-size: $listview-header-font-size;
       }
 
-      & .e-icons:not(.e-primary .e-icon-btn) {
+      & .e-icons:not(.e-primary .e-btn-icon) {
         color: $listview-icon-color;
 
         @if ($skin-name == 'tailwind') {
@@ -87999,14 +87999,6 @@ $gantt-masked-table-background-color: rgb(225,223,221);
         outline-offset: 2px;
       }
     }
-    .e-dialog.e-filter-popup {
-      .e-footer-content {
-        
-        @if ($skin-name =='FluentUI') {
-          padding-top: 0;
-        }
-      }
-    }
   }
   
   .e-gantt-dialog .e-tab .e-tab-header {
@@ -98818,6 +98810,11 @@ $field-list-adaptive-outerdiv-height: 179px !default;
       }
       /* stylelint-enable */
 
+      .e-format-condition-button {
+        .e-add-icon {
+          margin-left: 0;
+        }
+      }
       .e-format-value1,
       .e-format-value2,
       .e-format-value-span {
@@ -101687,9 +101684,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
         background-color: $field-list-mobile-header-color;
         color: $field-list-mobile-header-font-color;
         font-size: 14px;
-        height: 48px;
-        padding-bottom: 9px;
-        padding-top: 9px;
         @if ($skin-name == 'tailwind') {
           padding-left: 16px;
           padding-right: 16px;
@@ -101711,19 +101705,15 @@ $field-list-adaptive-outerdiv-height: 179px !default;
 
       .e-title-mobile-header {
         display: flex;
-      }
-
-      .e-title-mobile-content {
-        margin-top: $field-list-back-margin;
+        align-items: center;
       }
 
       .e-field-list-back-icon {
         color: $field-list-back-font-color;
         font-size: 16px;
-        height: 24px;
+        height: auto;
         margin-left: 0;
         margin-right: 12px;
-        padding-top: 7px;
         text-align: center;
         width: 24px;
       }
@@ -101944,16 +101934,18 @@ $field-list-adaptive-outerdiv-height: 179px !default;
               margin-top: 20px;
               overflow: auto;
 
+              .e-acrdn-header {
+                align-items: center;
+                display: flex;
+              }
+
               .e-acrdn-header-icon {
                 display: table;
                 font-size: 12px;
-                height: 36px;
-                min-height: 36px;
                 min-width: 28px;
                 padding: 0;
                 position: absolute;
                 right: 16px;
-                top: 0;
 
                 .e-list-icon {
                   cursor: pointer;

package/package.json

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