@syncfusion/blazor-themes 31.1.20 → 31.1.22

package/Compiled-Themes/fluent.css

@@ -30107,11 +30107,11 @@ body.e-colorpicker-overflow {
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 12px;
+  padding: 8px 12px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 12px;
+  padding: 8px 12px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -30655,8 +30655,7 @@ body.e-colorpicker-overflow {
 .e-treeview.e-bigger .e-list-text {
   line-height: 24px;
   min-height: 24px;
-  padding-top: 10px;
-  padding-bottom: 10px;
+  padding: 10px 16px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -30690,7 +30689,7 @@ body.e-colorpicker-overflow {
 .e-bigger .e-treeview .e-list-img + .e-list-text,
 .e-treeview.e-bigger .e-list-icon + .e-list-text,
 .e-treeview.e-bigger .e-list-img + .e-list-text {
-  padding: 0 16px;
+  padding: 10px 16px;
 }
 .e-bigger .e-treeview .e-list-icon + .e-list-icon, .e-bigger .e-treeview .e-list-icon + .e-list-img,
 .e-bigger .e-treeview .e-list-img + .e-list-icon,
@@ -31100,7 +31099,7 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-caret {
   font-size: 14px;
   height: auto;
-  line-height: 40px;
+  line-height: 44px;
   position: absolute;
   right: 8px;
   top: 0;
@@ -31164,7 +31163,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: 40px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -45249,7 +45247,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 {
@@ -45496,8 +45495,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,
@@ -71082,6 +71089,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;
@@ -74083,6 +74093,27 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #d13438;
 }
 
+.e-querybuilder-spinner::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid #c7e0f4;
+  border-top: 2px solid #0078d4;
+  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/fluent2-dark-lite.css

@@ -26325,7 +26325,7 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-caret {
   font-size: 14px;
   height: auto;
-  line-height: 40px;
+  line-height: 42px;
   position: absolute;
   right: 8px;
   top: 0;
@@ -26393,7 +26393,6 @@ ejs-sidebar {
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
   padding: 9px 0;
-  line-height: 18px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -38462,7 +38461,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 {
@@ -38709,8 +38709,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,
@@ -50403,7 +50411,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-success-icon-color);
 }
 .e-toast-container .e-toast.e-toast-success:hover {
-  background-color: var(--color-sf-msg-success-bg-color);
+  background-color: var(--color-sf-success-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-success-color);
 }
@@ -50424,7 +50432,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-info-icon-color);
 }
 .e-toast-container .e-toast.e-toast-info:hover {
-  background-color: var(--color-sf-msg-info-bg-color);
+  background-color: var(--color-sf-info-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-info-color);
 }
@@ -50445,7 +50453,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-warning-icon-color);
 }
 .e-toast-container .e-toast.e-toast-warning:hover {
-  background-color: var(--color-sf-msg-warning-bg-color);
+  background-color: var(--color-sf-warning-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-warning-color);
 }
@@ -50466,7 +50474,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-danger-icon-color);
 }
 .e-toast-container .e-toast.e-toast-danger:hover {
-  background-color: var(--color-sf-msg-danger-bg-color);
+  background-color: var(--color-sf-danger-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-danger-color);
 }
@@ -59887,6 +59895,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;
@@ -62134,6 +62145,27 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   /* stylelint-disable-line declaration-no-important */
 }
 
+.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/fluent2-dark.css

@@ -36433,7 +36433,7 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-caret {
   font-size: 14px;
   height: auto;
-  line-height: 40px;
+  line-height: 42px;
   position: absolute;
   right: 8px;
   top: 0;
@@ -36501,7 +36501,6 @@ ejs-sidebar {
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
   padding: 9px 0;
-  line-height: 18px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -50786,7 +50785,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 {
@@ -51033,8 +51033,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,
@@ -66023,7 +66031,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-success-icon-color);
 }
 .e-toast-container .e-toast.e-toast-success:hover {
-  background-color: var(--color-sf-msg-success-bg-color);
+  background-color: var(--color-sf-success-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-success-color);
 }
@@ -66044,7 +66052,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-info-icon-color);
 }
 .e-toast-container .e-toast.e-toast-info:hover {
-  background-color: var(--color-sf-msg-info-bg-color);
+  background-color: var(--color-sf-info-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-info-color);
 }
@@ -66065,7 +66073,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-warning-icon-color);
 }
 .e-toast-container .e-toast.e-toast-warning:hover {
-  background-color: var(--color-sf-msg-warning-bg-color);
+  background-color: var(--color-sf-warning-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-warning-color);
 }
@@ -66086,7 +66094,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-danger-icon-color);
 }
 .e-toast-container .e-toast.e-toast-danger:hover {
-  background-color: var(--color-sf-msg-danger-bg-color);
+  background-color: var(--color-sf-danger-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-danger-color);
 }
@@ -77087,6 +77095,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;
@@ -80090,6 +80101,27 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   /* stylelint-disable-line declaration-no-important */
 }
 
+.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/fluent2-highcontrast-lite.css

@@ -26336,7 +26336,7 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-caret {
   font-size: 14px;
   height: auto;
-  line-height: 40px;
+  line-height: 42px;
   position: absolute;
   right: 8px;
   top: 0;
@@ -26404,7 +26404,6 @@ ejs-sidebar {
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
   padding: 9px 0;
-  line-height: 18px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -38475,7 +38474,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 {
@@ -38722,8 +38722,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,
@@ -50433,7 +50441,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-success-icon-color);
 }
 .e-toast-container .e-toast.e-toast-success:hover {
-  background-color: var(--color-sf-msg-success-bg-color);
+  background-color: var(--color-sf-success-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-success-color);
 }
@@ -50454,7 +50462,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-info-icon-color);
 }
 .e-toast-container .e-toast.e-toast-info:hover {
-  background-color: var(--color-sf-msg-info-bg-color);
+  background-color: var(--color-sf-info-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-info-color);
 }
@@ -50475,7 +50483,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-warning-icon-color);
 }
 .e-toast-container .e-toast.e-toast-warning:hover {
-  background-color: var(--color-sf-msg-warning-bg-color);
+  background-color: var(--color-sf-warning-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-warning-color);
 }
@@ -50496,7 +50504,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-danger-icon-color);
 }
 .e-toast-container .e-toast.e-toast-danger:hover {
-  background-color: var(--color-sf-msg-danger-bg-color);
+  background-color: var(--color-sf-danger-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-danger-color);
 }
@@ -59913,6 +59921,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;
@@ -62160,6 +62171,27 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   /* stylelint-disable-line declaration-no-important */
 }
 
+.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/fluent2-highcontrast.css

@@ -36444,7 +36444,7 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-caret {
   font-size: 14px;
   height: auto;
-  line-height: 40px;
+  line-height: 42px;
   position: absolute;
   right: 8px;
   top: 0;
@@ -36512,7 +36512,6 @@ ejs-sidebar {
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
   padding: 9px 0;
-  line-height: 18px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -50799,7 +50798,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 {
@@ -51046,8 +51046,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,
@@ -66053,7 +66061,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-success-icon-color);
 }
 .e-toast-container .e-toast.e-toast-success:hover {
-  background-color: var(--color-sf-msg-success-bg-color);
+  background-color: var(--color-sf-success-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-success-color);
 }
@@ -66074,7 +66082,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-info-icon-color);
 }
 .e-toast-container .e-toast.e-toast-info:hover {
-  background-color: var(--color-sf-msg-info-bg-color);
+  background-color: var(--color-sf-info-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-info-color);
 }
@@ -66095,7 +66103,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-warning-icon-color);
 }
 .e-toast-container .e-toast.e-toast-warning:hover {
-  background-color: var(--color-sf-msg-warning-bg-color);
+  background-color: var(--color-sf-warning-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-warning-color);
 }
@@ -66116,7 +66124,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-danger-icon-color);
 }
 .e-toast-container .e-toast.e-toast-danger:hover {
-  background-color: var(--color-sf-msg-danger-bg-color);
+  background-color: var(--color-sf-danger-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-danger-color);
 }
@@ -77113,6 +77121,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;
@@ -80116,6 +80127,27 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   /* stylelint-disable-line declaration-no-important */
 }
 
+.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";
 }