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

@syncfusion/blazor-themes 31.1.21 → 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 (301) hide show

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

@@ -44367,7 +44367,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 {
@@ -44610,8 +44611,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,
@@ -69557,6 +69566,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;
@@ -72524,6 +72536,27 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #f44336;
 }
+.e-querybuilder-spinner::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid black;
+  border-top: 2px solid #0074cc;
+  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: "\e906";
 }

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

@@ -34998,7 +34998,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 {
@@ -35241,8 +35242,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,
@@ -55768,6 +55777,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;
@@ -57973,6 +57985,27 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #f44336;
 }
+.e-querybuilder-spinner::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid #d1ebff;
+  border-top: 2px solid #0078d6;
+  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: "\e906";
 }

package/Compiled-Themes/fabric.css CHANGED Viewed

@@ -44431,7 +44431,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 {
@@ -44674,8 +44675,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,
@@ -69708,6 +69717,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;
@@ -72669,6 +72681,27 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #f44336;
 }
+.e-querybuilder-spinner::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid #d1ebff;
+  border-top: 2px solid #0078d6;
+  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: "\e906";
 }

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

@@ -35136,7 +35136,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 {
@@ -35383,8 +35384,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,
@@ -56187,6 +56196,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;
@@ -58412,6 +58424,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 #005a9e;
+  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/fluent-dark.css CHANGED Viewed

@@ -45247,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 {
@@ -45494,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,
@@ -71087,6 +71096,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;
@@ -74088,6 +74100,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 #005a9e;
+  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/fluent-lite.css CHANGED Viewed

@@ -35136,7 +35136,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 {
@@ -35383,8 +35384,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,
@@ -56180,6 +56189,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;
@@ -58405,6 +58417,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/fluent.css CHANGED Viewed

@@ -45247,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 {
@@ -45494,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,
@@ -71080,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;
@@ -74081,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 CHANGED Viewed

@@ -38461,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 {
@@ -38708,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,
@@ -50402,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);
 }
@@ -50423,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);
 }
@@ -50444,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);
 }
@@ -50465,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);
 }
@@ -59886,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;
@@ -62133,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 CHANGED Viewed

@@ -50785,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 {
@@ -51032,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,
@@ -66022,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);
 }
@@ -66043,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);
 }
@@ -66064,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);
 }
@@ -66085,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);
 }
@@ -77086,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;
@@ -80089,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";
 }