npm - @syncfusion/blazor-themes - Versions diffs - 31.1.20 → 31.1.22 - Mend

@syncfusion/blazor-themes 31.1.20 → 31.1.22

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 (451) hide show

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

@@ -25639,7 +25639,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
-  line-height: 38px;
 }
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -37589,7 +37588,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
-.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid:not(.sf-grid, .e-rtl).e-default.e-bothlines .e-headercell.e-leftfreeze.e-freezeleftborder {
@@ -37839,8 +37839,16 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-verticallines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid.e-verticallines .e-rowcell.e-first-visible-cell,
+.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-headercell.e-first-visible-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-first-visible-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-rowcell.e-first-visible-cell,
+.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-headercell.e-first-visible-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid.e-hidelines .e-rowcell,
@@ -58606,6 +58614,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template .e-toolbar-template-container {
+  display: flex;
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template,
 .e-pivotview .e-pivot-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   padding: 0 !important;
@@ -60836,6 +60847,27 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: var(--color-sf-danger-bg-color);
 }
+.e-querybuilder-spinner::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid var(--color-sf-primary-light);
+  border-top: 2px solid var(--color-sf-primary);
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
 .e-query-builder .e-collapse-rule::before {
   content: "\e80e";
 }

package/Compiled-Themes/tailwind3-dark.css CHANGED Viewed

@@ -35434,7 +35434,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
-  line-height: 38px;
 }
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -49636,7 +49635,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
-.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid:not(.sf-grid, .e-rtl).e-default.e-bothlines .e-headercell.e-leftfreeze.e-freezeleftborder {
@@ -49886,8 +49886,16 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-verticallines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid.e-verticallines .e-rowcell.e-first-visible-cell,
+.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-headercell.e-first-visible-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-first-visible-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-rowcell.e-first-visible-cell,
+.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-headercell.e-first-visible-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid.e-hidelines .e-rowcell,
@@ -75489,6 +75497,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template .e-toolbar-template-container {
+  display: flex;
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template,
 .e-pivotview .e-pivot-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   padding: 0 !important;
@@ -78500,6 +78511,27 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: var(--color-sf-danger-bg-color);
 }
+.e-querybuilder-spinner::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid var(--color-sf-primary-light);
+  border-top: 2px solid var(--color-sf-primary);
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
 .e-query-builder .e-collapse-rule::before {
   content: "\e80e";
 }

package/Compiled-Themes/tailwind3-lite.css CHANGED Viewed

@@ -26043,7 +26043,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
-  line-height: 38px;
 }
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -37992,7 +37991,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
-.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid:not(.sf-grid, .e-rtl).e-default.e-bothlines .e-headercell.e-leftfreeze.e-freezeleftborder {
@@ -38242,8 +38242,16 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-verticallines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid.e-verticallines .e-rowcell.e-first-visible-cell,
+.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-headercell.e-first-visible-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-first-visible-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-rowcell.e-first-visible-cell,
+.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-headercell.e-first-visible-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid.e-hidelines .e-rowcell,
@@ -59008,6 +59016,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template .e-toolbar-template-container {
+  display: flex;
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template,
 .e-pivotview .e-pivot-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   padding: 0 !important;
@@ -61238,6 +61249,27 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: var(--color-sf-danger-bg-color);
 }
+.e-querybuilder-spinner::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid var(--color-sf-primary-light);
+  border-top: 2px solid var(--color-sf-primary);
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
 .e-query-builder .e-collapse-rule::before {
   content: "\e80e";
 }

package/Compiled-Themes/tailwind3.css CHANGED Viewed

@@ -35838,7 +35838,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
-  line-height: 38px;
 }
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -50039,7 +50038,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
-.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid:not(.sf-grid, .e-rtl).e-default.e-bothlines .e-headercell.e-leftfreeze.e-freezeleftborder {
@@ -50289,8 +50289,16 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-verticallines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid.e-verticallines .e-rowcell.e-first-visible-cell,
+.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-headercell.e-first-visible-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-first-visible-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-rowcell.e-first-visible-cell,
+.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-headercell.e-first-visible-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid.e-hidelines .e-rowcell,
@@ -75887,6 +75895,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template .e-toolbar-template-container {
+  display: flex;
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template,
 .e-pivotview .e-pivot-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   padding: 0 !important;
@@ -78898,6 +78909,27 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: var(--color-sf-danger-bg-color);
 }
+.e-querybuilder-spinner::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid var(--color-sf-primary-light);
+  border-top: 2px solid var(--color-sf-primary);
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
 .e-query-builder .e-collapse-rule::before {
   content: "\e80e";
 }

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

@@ -16396,11 +16396,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }
@@ -44731,6 +44732,10 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -44848,10 +44853,6 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -46175,7 +46176,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -46218,12 +46219,6 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
-              line-height: $menu-icon-li-height;
-            }
-            @else {
-              line-height: $menu-li-height;
-            }
           }
         }
       }
@@ -65074,7 +65069,8 @@ $grid-checkmark-color: $primary !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -65490,7 +65486,11 @@ $grid-checkmark-color: $primary !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -83299,7 +83299,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }
@@ -98583,6 +98583,10 @@ $pivotview-touch-header-text-padding: 15px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {
@@ -101839,6 +101843,29 @@ $qryblr-drag-icon-color: $secondary-text-color !default;
   }
 }
+.e-querybuilder-spinner::before {
+  content: '';
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid $primary-light;
+  border-top: 2px solid $primary;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
 @include export-module('query-builder-bds-icons') {
   .e-query-builder {

package/SCSS-Themes/bds-dark.scss CHANGED Viewed

@@ -23869,11 +23869,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }
@@ -60638,6 +60639,10 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -60755,10 +60760,6 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -61808,8 +61809,7 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
       }
       @if $skin-name == 'highcontrast' {
-        padding-top: 11px;
-        padding-bottom: 11px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'material' or $skin-name == 'material-dark' {
@@ -61818,8 +61818,7 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {
@@ -62584,7 +62583,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -62627,12 +62626,6 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
-              line-height: $menu-icon-li-height;
-            }
-            @else {
-              line-height: $menu-li-height;
-            }
           }
         }
       }
@@ -87481,7 +87474,8 @@ $grid-checkmark-color: $primary !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -87897,7 +87891,11 @@ $grid-checkmark-color: $primary !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -110790,7 +110788,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }
@@ -128689,6 +128687,10 @@ $pivotview-touch-header-text-padding: 15px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {
@@ -132580,6 +132582,29 @@ $qryblr-drag-icon-color: $secondary-text-color !default;
   }
 }
+.e-querybuilder-spinner::before {
+  content: '';
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid $primary-light;
+  border-top: 2px solid $primary;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
 @include export-module('query-builder-bds-icons') {
   .e-query-builder {