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

@syncfusion/blazor-themes 31.1.21 → 31.1.23

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

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

@@ -12948,7 +12948,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -13087,6 +13087,10 @@ ejs-calendar {
   pointer-events: none;
 }
+.e-overlay .e-checkbox-wrapper .e-ripple-container {
+  pointer-events: none;
+}
 .e-small .e-checkbox-wrapper .e-frame,
 .e-small.e-checkbox-wrapper .e-frame,
 .e-small .e-css.e-checkbox-wrapper .e-frame,
@@ -29445,6 +29449,8 @@ ejs-multiselect {
 }
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 18px;
+  font-size: 18px;
   content: "\e7e7";
   cursor: pointer;
   margin: auto;
@@ -38461,7 +38467,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 +38715,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 +50417,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 +50438,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 +50459,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 +50480,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 +59901,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 +62151,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

@@ -18607,7 +18607,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -18746,6 +18746,10 @@ ejs-calendar {
   pointer-events: none;
 }
+.e-overlay .e-checkbox-wrapper .e-ripple-container {
+  pointer-events: none;
+}
 .e-small .e-checkbox-wrapper .e-frame,
 .e-small.e-checkbox-wrapper .e-frame,
 .e-small .e-css.e-checkbox-wrapper .e-frame,
@@ -40102,6 +40106,8 @@ ejs-multiselect {
 }
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 18px;
+  font-size: 18px;
   content: "\e7e7";
   cursor: pointer;
   margin: auto;
@@ -40181,12 +40187,12 @@ ejs-multiselect {
 }
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -2.3em;
+  margin-top: -36px;
 }
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.5em;
+  margin-top: -32px;
 }
 .e-bigger .e-multi-select-wrapper input[type=text],
@@ -50785,7 +50791,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 +51039,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 +66037,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 +66058,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 +66079,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 +66100,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 +77101,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 +80107,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 CHANGED Viewed

@@ -12948,7 +12948,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -13087,6 +13087,10 @@ ejs-calendar {
   pointer-events: none;
 }
+.e-overlay .e-checkbox-wrapper .e-ripple-container {
+  pointer-events: none;
+}
 .e-small .e-checkbox-wrapper .e-frame,
 .e-small.e-checkbox-wrapper .e-frame,
 .e-small .e-css.e-checkbox-wrapper .e-frame,
@@ -29458,6 +29462,8 @@ ejs-multiselect {
 }
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 18px;
+  font-size: 18px;
   content: "\e7e7";
   cursor: pointer;
   margin: auto;
@@ -38474,7 +38480,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 {
@@ -38721,8 +38728,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,
@@ -50432,7 +50447,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);
 }
@@ -50453,7 +50468,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);
 }
@@ -50474,7 +50489,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);
 }
@@ -50495,7 +50510,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);
 }
@@ -59912,6 +59927,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;
@@ -62159,6 +62177,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 CHANGED Viewed

@@ -18607,7 +18607,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -18746,6 +18746,10 @@ ejs-calendar {
   pointer-events: none;
 }
+.e-overlay .e-checkbox-wrapper .e-ripple-container {
+  pointer-events: none;
+}
 .e-small .e-checkbox-wrapper .e-frame,
 .e-small.e-checkbox-wrapper .e-frame,
 .e-small .e-css.e-checkbox-wrapper .e-frame,
@@ -40115,6 +40119,8 @@ ejs-multiselect {
 }
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 18px;
+  font-size: 18px;
   content: "\e7e7";
   cursor: pointer;
   margin: auto;
@@ -40194,12 +40200,12 @@ ejs-multiselect {
 }
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -2.3em;
+  margin-top: -36px;
 }
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.5em;
+  margin-top: -32px;
 }
 .e-bigger .e-multi-select-wrapper input[type=text],
@@ -50798,7 +50804,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 {
@@ -51045,8 +51052,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,
@@ -66052,7 +66067,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);
 }
@@ -66073,7 +66088,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);
 }
@@ -66094,7 +66109,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);
 }
@@ -66115,7 +66130,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);
 }
@@ -77112,6 +77127,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;
@@ -80115,6 +80133,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-lite.css CHANGED Viewed

@@ -13651,7 +13651,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -13790,6 +13790,10 @@ ejs-calendar {
   pointer-events: none;
 }
+.e-overlay .e-checkbox-wrapper .e-ripple-container {
+  pointer-events: none;
+}
 .e-small .e-checkbox-wrapper .e-frame,
 .e-small.e-checkbox-wrapper .e-frame,
 .e-small .e-css.e-checkbox-wrapper .e-frame,
@@ -30153,6 +30157,8 @@ ejs-multiselect {
 }
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 18px;
+  font-size: 18px;
   content: "\e7e7";
   cursor: pointer;
   margin: auto;
@@ -39169,7 +39175,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 {
@@ -39416,8 +39423,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,
@@ -51102,7 +51117,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);
 }
@@ -51123,7 +51138,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);
 }
@@ -51144,7 +51159,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);
 }
@@ -51165,7 +51180,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);
 }
@@ -60586,6 +60601,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;
@@ -62857,6 +62875,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";
 }