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

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

package/SCSS-Themes/bootstrap.scss CHANGED Viewed

@@ -30003,7 +30003,7 @@ $cbox-key-focussed-bgcolor: transparent !default;
         bottom: $cbox-ripple-size;
         height: $cbox-ripple-height;
         left: $cbox-ripple-size;
-        pointer-events: none;
+        pointer-events: auto;
         position: absolute;
         right: $cbox-ripple-size;
         top: $cbox-ripple-size;
@@ -30193,6 +30193,10 @@ $cbox-key-focussed-bgcolor: transparent !default;
     pointer-events: none;
   }
+  .e-overlay .e-checkbox-wrapper .e-ripple-container {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,
@@ -67715,7 +67719,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
       margin-top: $ddl-closer-margin-top-bigger;
     }
     @if $ddl-multiselect-skin-name == 'fluent2' {
-      margin-top: -2.5em;
+      margin-top: -32px;
     }
     @if $ddl-multiselect-skin-name == 'FluentUI' {
       margin-top: $ddl-bigger-clear-margin-top;
@@ -67726,7 +67730,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
     @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
       margin-top: -2.15em;
     }
-    @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
+    @if $ddl-multiselect-skin-name == 'fabric' {
       margin-top: -3.2em;
     }
     @if $ddl-multiselect-skin-name == 'tailwind' {
@@ -69493,7 +69497,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   @if $skin-name == 'bootstrap4' {
     .e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
     .e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
-      font-size: 14px;
+      font-size: 16px;
     }
     .e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
     .e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
@@ -69542,7 +69546,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   @if $skin-name == 'FluentUI' {
     .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
     .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-      margin-top: -1.6em;
+      margin-top: -24px;
     }
   }
   @if $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' {
@@ -129832,6 +129836,8 @@ $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
 $qryblr-drag-icon-color: $grey-light-font !default;
 $primary: $brand-primary;
 $primary-light: $brand-info;
+$spinner-border-light-color: $primary-light !default;
+$spinner-border-color: $primary !default;
 @mixin fluent2-small-round-btn {
   @if $theme-name == 'fluent2' {
@@ -130915,8 +130921,8 @@ $primary-light: $brand-info;
   transform: translateX(-50%);
   width: 16px;
   height: 16px;
-  border: 2px solid $primary-light;
-  border-top: 2px solid $primary;
+  border: 2px solid $spinner-border-light-color;
+  border-top: 2px solid $spinner-border-color;
   border-radius: 50%;
   animation: spin 1s linear infinite;
 }

package/SCSS-Themes/bootstrap4-lite.scss CHANGED Viewed

@@ -2971,7 +2971,7 @@ $float-input-wrap-padding-top: $zero-value !default;
 $input-padding-bottom: $zero-value !default;
 $input-focus-padding-bottom: $zero-value !default;
 $input-clear-icon: 10px !default;
-$input-bigger-clear-icon: 12px !default;
+$input-bigger-clear-icon: 16px !default;
 $input-small-clear-icon: 8px !default;
 $input-bigger-small-clear-icon: 12px !default;
 $input-clear-icon-padding: $zero-value !default;
@@ -20726,7 +20726,7 @@ $cbox-border-style: solid !default;
         bottom: $cbox-ripple-size;
         height: $cbox-ripple-height;
         left: $cbox-ripple-size;
-        pointer-events: none;
+        pointer-events: auto;
         position: absolute;
         right: $cbox-ripple-size;
         top: $cbox-ripple-size;
@@ -20916,6 +20916,10 @@ $cbox-border-style: solid !default;
     pointer-events: none;
   }
+  .e-overlay .e-checkbox-wrapper .e-ripple-container {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,
@@ -48105,7 +48109,7 @@ $ddl-icon-margin-top-bigger: -2.25em !default;
 $ddl-small-ddl-icon-top: -1.85em !default;
 $ddl-bigger-small-ddl-icon-top: -2.85em !default;
 $ddl-clear-margin-top: -2.9em !default;
-$ddl-closer-margin-top-bigger: -3.5em !default;
+$ddl-closer-margin-top-bigger: -32px !default;
 $ddl-chip-close-top: 8px !default;
 $ddl-chip-close-left: 0 !default;
 $ddl-chip-close-margin: 10px 10px 10px 0 !default;
@@ -50222,6 +50226,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   }
   .e-multi-select-wrapper .e-close-hooker::before {
+    font-size: 16px;
     content: '\e745';
     cursor: pointer;
     height: $ddl-overall-close-top;
@@ -99382,6 +99387,8 @@ $qrybldr-drag-grp-big-list-heg: 32px !default;
 $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 7px !default;
 $qryblr-drag-icon-color: $gray-700 !default;
 $primary-light: $gray-100;
+$spinner-border-light-color: $primary-light !default;
+$spinner-border-color: $primary !default;
 @mixin fluent2-small-round-btn {
   @if $theme-name == 'fluent2' {
@@ -100465,8 +100472,8 @@ $primary-light: $gray-100;
   transform: translateX(-50%);
   width: 16px;
   height: 16px;
-  border: 2px solid $primary-light;
-  border-top: 2px solid $primary;
+  border: 2px solid $spinner-border-light-color;
+  border-top: 2px solid $spinner-border-color;
   border-radius: 50%;
   animation: spin 1s linear infinite;
 }

package/SCSS-Themes/bootstrap4.scss CHANGED Viewed

@@ -3807,7 +3807,7 @@ $float-input-wrap-padding-top: $zero-value !default;
 $input-padding-bottom: $zero-value !default;
 $input-focus-padding-bottom: $zero-value !default;
 $input-clear-icon: 10px !default;
-$input-bigger-clear-icon: 12px !default;
+$input-bigger-clear-icon: 16px !default;
 $input-small-clear-icon: 8px !default;
 $input-bigger-small-clear-icon: 12px !default;
 $input-clear-icon-padding: $zero-value !default;
@@ -29924,7 +29924,7 @@ $cbox-border-style: solid !default;
         bottom: $cbox-ripple-size;
         height: $cbox-ripple-height;
         left: $cbox-ripple-size;
-        pointer-events: none;
+        pointer-events: auto;
         position: absolute;
         right: $cbox-ripple-size;
         top: $cbox-ripple-size;
@@ -30114,6 +30114,10 @@ $cbox-border-style: solid !default;
     pointer-events: none;
   }
+  .e-overlay .e-checkbox-wrapper .e-ripple-container {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,
@@ -65516,7 +65520,7 @@ $ddl-icon-margin-top-bigger: -2.25em !default;
 $ddl-small-ddl-icon-top: -1.85em !default;
 $ddl-bigger-small-ddl-icon-top: -2.85em !default;
 $ddl-clear-margin-top: -2.9em !default;
-$ddl-closer-margin-top-bigger: -3.5em !default;
+$ddl-closer-margin-top-bigger: -32px !default;
 $ddl-chip-close-top: 8px !default;
 $ddl-chip-close-left: 0 !default;
 $ddl-chip-close-margin: 10px 10px 10px 0 !default;
@@ -67633,6 +67637,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   }
   .e-multi-select-wrapper .e-close-hooker::before {
+    font-size: 16px;
     content: '\e745';
     cursor: pointer;
     height: $ddl-overall-close-top;
@@ -67809,7 +67814,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
       margin-top: $ddl-closer-margin-top-bigger;
     }
     @if $ddl-multiselect-skin-name == 'fluent2' {
-      margin-top: -2.5em;
+      margin-top: -32px;
     }
     @if $ddl-multiselect-skin-name == 'FluentUI' {
       margin-top: $ddl-bigger-clear-margin-top;
@@ -67820,7 +67825,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
     @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
       margin-top: -2.15em;
     }
-    @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
+    @if $ddl-multiselect-skin-name == 'fabric' {
       margin-top: -3.2em;
     }
     @if $ddl-multiselect-skin-name == 'tailwind' {
@@ -69587,7 +69592,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   @if $skin-name == 'bootstrap4' {
     .e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
     .e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
-      font-size: 14px;
+      font-size: 16px;
     }
     .e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
     .e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
@@ -69636,7 +69641,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   @if $skin-name == 'FluentUI' {
     .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
     .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-      margin-top: -1.6em;
+      margin-top: -24px;
     }
   }
   @if $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' {
@@ -130121,6 +130126,8 @@ $qrybldr-drag-grp-big-list-heg: 32px !default;
 $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 7px !default;
 $qryblr-drag-icon-color: $gray-700 !default;
 $primary-light: $gray-100;
+$spinner-border-light-color: $primary-light !default;
+$spinner-border-color: $primary !default;
 @mixin fluent2-small-round-btn {
   @if $theme-name == 'fluent2' {
@@ -131204,8 +131211,8 @@ $primary-light: $gray-100;
   transform: translateX(-50%);
   width: 16px;
   height: 16px;
-  border: 2px solid $primary-light;
-  border-top: 2px solid $primary;
+  border: 2px solid $spinner-border-light-color;
+  border-top: 2px solid $spinner-border-color;
   border-radius: 50%;
   animation: spin 1s linear infinite;
 }

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

@@ -21012,7 +21012,7 @@ $cbox-border-style: solid !default;
         bottom: $cbox-ripple-size;
         height: $cbox-ripple-height;
         left: $cbox-ripple-size;
-        pointer-events: none;
+        pointer-events: auto;
         position: absolute;
         right: $cbox-ripple-size;
         top: $cbox-ripple-size;
@@ -21202,6 +21202,10 @@ $cbox-border-style: solid !default;
     pointer-events: none;
   }
+  .e-overlay .e-checkbox-wrapper .e-ripple-container {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,
@@ -99501,6 +99505,8 @@ $qrybldr-drag-grp-list-heg: 28px !default;
 $qrybldr-drag-grp-big-list-heg: 34px !default;
 $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
 $qryblr-drag-icon-color: $icon-color !default;
+$spinner-border-light-color: $primary-light !default;
+$spinner-border-color: $primary !default;
 @mixin fluent2-small-round-btn {
   @if $theme-name == 'fluent2' {
@@ -100584,8 +100590,8 @@ $qryblr-drag-icon-color: $icon-color !default;
   transform: translateX(-50%);
   width: 16px;
   height: 16px;
-  border: 2px solid $primary-light;
-  border-top: 2px solid $primary;
+  border: 2px solid $spinner-border-light-color;
+  border-top: 2px solid $spinner-border-color;
   border-radius: 50%;
   animation: spin 1s linear infinite;
 }

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

@@ -30210,7 +30210,7 @@ $cbox-border-style: solid !default;
         bottom: $cbox-ripple-size;
         height: $cbox-ripple-height;
         left: $cbox-ripple-size;
-        pointer-events: none;
+        pointer-events: auto;
         position: absolute;
         right: $cbox-ripple-size;
         top: $cbox-ripple-size;
@@ -30400,6 +30400,10 @@ $cbox-border-style: solid !default;
     pointer-events: none;
   }
+  .e-overlay .e-checkbox-wrapper .e-ripple-container {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,
@@ -68083,7 +68087,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
       margin-top: $ddl-closer-margin-top-bigger;
     }
     @if $ddl-multiselect-skin-name == 'fluent2' {
-      margin-top: -2.5em;
+      margin-top: -32px;
     }
     @if $ddl-multiselect-skin-name == 'FluentUI' {
       margin-top: $ddl-bigger-clear-margin-top;
@@ -68094,7 +68098,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
     @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
       margin-top: -2.15em;
     }
-    @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
+    @if $ddl-multiselect-skin-name == 'fabric' {
       margin-top: -3.2em;
     }
     @if $ddl-multiselect-skin-name == 'tailwind' {
@@ -69861,7 +69865,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   @if $skin-name == 'bootstrap4' {
     .e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
     .e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
-      font-size: 14px;
+      font-size: 16px;
     }
     .e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
     .e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
@@ -69910,7 +69914,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   @if $skin-name == 'FluentUI' {
     .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
     .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-      margin-top: -1.6em;
+      margin-top: -24px;
     }
   }
   @if $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' {
@@ -130240,6 +130244,8 @@ $qrybldr-drag-grp-list-heg: 28px !default;
 $qrybldr-drag-grp-big-list-heg: 34px !default;
 $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
 $qryblr-drag-icon-color: $icon-color !default;
+$spinner-border-light-color: $primary-light !default;
+$spinner-border-color: $primary !default;
 @mixin fluent2-small-round-btn {
   @if $theme-name == 'fluent2' {
@@ -131323,8 +131329,8 @@ $qryblr-drag-icon-color: $icon-color !default;
   transform: translateX(-50%);
   width: 16px;
   height: 16px;
-  border: 2px solid $primary-light;
-  border-top: 2px solid $primary;
+  border: 2px solid $spinner-border-light-color;
+  border-top: 2px solid $spinner-border-color;
   border-radius: 50%;
   animation: spin 1s linear infinite;
 }

package/SCSS-Themes/bootstrap5-lite.scss CHANGED Viewed

@@ -21011,7 +21011,7 @@ $cbox-border-style: solid !default;
         bottom: $cbox-ripple-size;
         height: $cbox-ripple-height;
         left: $cbox-ripple-size;
-        pointer-events: none;
+        pointer-events: auto;
         position: absolute;
         right: $cbox-ripple-size;
         top: $cbox-ripple-size;
@@ -21201,6 +21201,10 @@ $cbox-border-style: solid !default;
     pointer-events: none;
   }
+  .e-overlay .e-checkbox-wrapper .e-ripple-container {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,
@@ -99500,6 +99504,8 @@ $qrybldr-drag-grp-list-heg: 28px !default;
 $qrybldr-drag-grp-big-list-heg: 34px !default;
 $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
 $qryblr-drag-icon-color: $icon-color !default;
+$spinner-border-light-color: $primary-light !default;
+$spinner-border-color: $primary !default;
 @mixin fluent2-small-round-btn {
   @if $theme-name == 'fluent2' {
@@ -100583,8 +100589,8 @@ $qryblr-drag-icon-color: $icon-color !default;
   transform: translateX(-50%);
   width: 16px;
   height: 16px;
-  border: 2px solid $primary-light;
-  border-top: 2px solid $primary;
+  border: 2px solid $spinner-border-light-color;
+  border-top: 2px solid $spinner-border-color;
   border-radius: 50%;
   animation: spin 1s linear infinite;
 }

package/SCSS-Themes/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -21760,7 +21760,7 @@ $cbox-border-style: solid !default;
         bottom: $cbox-ripple-size;
         height: $cbox-ripple-height;
         left: $cbox-ripple-size;
-        pointer-events: none;
+        pointer-events: auto;
         position: absolute;
         right: $cbox-ripple-size;
         top: $cbox-ripple-size;
@@ -21950,6 +21950,10 @@ $cbox-border-style: solid !default;
     pointer-events: none;
   }
+  .e-overlay .e-checkbox-wrapper .e-ripple-container {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,
@@ -49149,7 +49153,7 @@ $ddl-delimview-bigger-padding-left: 12px !default;
 $ddl-closer-hooker-font: $text-sm !default;
 $ddl-chip-font-family: $font-family !default;
 $ddl-closer-margin-top: -2em !default;
-$ddl-closer-margin-top-bigger: -2.25em !default;
+$ddl-closer-margin-top-bigger: -35px !default;
 $ddl-icon-margin-top: -2.1em !default;
 $ddl-clear-margin-top: -2em !default;
 $ddl-icon-margin-top-bigger: -2.25em !default;
@@ -51255,6 +51259,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   }
   .e-multi-select-wrapper .e-close-hooker::before {
+    height: 16px;
+    font-size: 16px;
     content: '\e7e7';
     cursor: pointer;
     left: $ddl-overall-close-left;
@@ -100274,6 +100280,8 @@ $qrybldr-drag-grp-list-heg: 28px !default;
 $qrybldr-drag-grp-big-list-heg: 34px !default;
 $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
 $qryblr-drag-icon-color: $icon-color !default;
+$spinner-border-light-color: $primary-light !default;
+$spinner-border-color: $primary !default;
 @mixin fluent2-small-round-btn {
   @if $theme-name == 'fluent2' {
@@ -101357,8 +101365,8 @@ $qryblr-drag-icon-color: $icon-color !default;
   transform: translateX(-50%);
   width: 16px;
   height: 16px;
-  border: 2px solid $primary-light;
-  border-top: 2px solid $primary;
+  border: 2px solid $spinner-border-light-color;
+  border-top: 2px solid $spinner-border-color;
   border-radius: 50%;
   animation: spin 1s linear infinite;
 }

package/SCSS-Themes/bootstrap5.3-dark.scss CHANGED Viewed

@@ -30958,7 +30958,7 @@ $cbox-border-style: solid !default;
         bottom: $cbox-ripple-size;
         height: $cbox-ripple-height;
         left: $cbox-ripple-size;
-        pointer-events: none;
+        pointer-events: auto;
         position: absolute;
         right: $cbox-ripple-size;
         top: $cbox-ripple-size;
@@ -31148,6 +31148,10 @@ $cbox-border-style: solid !default;
     pointer-events: none;
   }
+  .e-overlay .e-checkbox-wrapper .e-ripple-container {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,
@@ -66560,7 +66564,7 @@ $ddl-delimview-bigger-padding-left: 12px !default;
 $ddl-closer-hooker-font: $text-sm !default;
 $ddl-chip-font-family: $font-family !default;
 $ddl-closer-margin-top: -2em !default;
-$ddl-closer-margin-top-bigger: -2.25em !default;
+$ddl-closer-margin-top-bigger: -35px !default;
 $ddl-icon-margin-top: -2.1em !default;
 $ddl-clear-margin-top: -2em !default;
 $ddl-icon-margin-top-bigger: -2.25em !default;
@@ -68666,6 +68670,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   }
   .e-multi-select-wrapper .e-close-hooker::before {
+    height: 16px;
+    font-size: 16px;
     content: '\e7e7';
     cursor: pointer;
     left: $ddl-overall-close-left;
@@ -68841,7 +68847,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
       margin-top: $ddl-closer-margin-top-bigger;
     }
     @if $ddl-multiselect-skin-name == 'fluent2' {
-      margin-top: -2.5em;
+      margin-top: -32px;
     }
     @if $ddl-multiselect-skin-name == 'FluentUI' {
       margin-top: $ddl-bigger-clear-margin-top;
@@ -68852,7 +68858,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
     @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
       margin-top: -2.15em;
     }
-    @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
+    @if $ddl-multiselect-skin-name == 'fabric' {
       margin-top: -3.2em;
     }
     @if $ddl-multiselect-skin-name == 'tailwind' {
@@ -70619,7 +70625,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   @if $skin-name == 'bootstrap4' {
     .e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
     .e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
-      font-size: 14px;
+      font-size: 16px;
     }
     .e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
     .e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
@@ -70668,7 +70674,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   @if $skin-name == 'FluentUI' {
     .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
     .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-      margin-top: -1.6em;
+      margin-top: -24px;
     }
   }
   @if $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' {
@@ -131013,6 +131019,8 @@ $qrybldr-drag-grp-list-heg: 28px !default;
 $qrybldr-drag-grp-big-list-heg: 34px !default;
 $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
 $qryblr-drag-icon-color: $icon-color !default;
+$spinner-border-light-color: $primary-light !default;
+$spinner-border-color: $primary !default;
 @mixin fluent2-small-round-btn {
   @if $theme-name == 'fluent2' {
@@ -132096,8 +132104,8 @@ $qryblr-drag-icon-color: $icon-color !default;
   transform: translateX(-50%);
   width: 16px;
   height: 16px;
-  border: 2px solid $primary-light;
-  border-top: 2px solid $primary;
+  border: 2px solid $spinner-border-light-color;
+  border-top: 2px solid $spinner-border-color;
   border-radius: 50%;
   animation: spin 1s linear infinite;
 }

package/SCSS-Themes/bootstrap5.3-lite.scss CHANGED Viewed

@@ -22107,7 +22107,7 @@ $cbox-border-style: solid !default;
         bottom: $cbox-ripple-size;
         height: $cbox-ripple-height;
         left: $cbox-ripple-size;
-        pointer-events: none;
+        pointer-events: auto;
         position: absolute;
         right: $cbox-ripple-size;
         top: $cbox-ripple-size;
@@ -22297,6 +22297,10 @@ $cbox-border-style: solid !default;
     pointer-events: none;
   }
+  .e-overlay .e-checkbox-wrapper .e-ripple-container {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,
@@ -49496,7 +49500,7 @@ $ddl-delimview-bigger-padding-left: 12px !default;
 $ddl-closer-hooker-font: $text-sm !default;
 $ddl-chip-font-family: $font-family !default;
 $ddl-closer-margin-top: -2em !default;
-$ddl-closer-margin-top-bigger: -2.25em !default;
+$ddl-closer-margin-top-bigger: -35px !default;
 $ddl-icon-margin-top: -2.1em !default;
 $ddl-clear-margin-top: -2em !default;
 $ddl-icon-margin-top-bigger: -2.25em !default;
@@ -51602,6 +51606,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   }
   .e-multi-select-wrapper .e-close-hooker::before {
+    height: 16px;
+    font-size: 16px;
     content: '\e7e7';
     cursor: pointer;
     left: $ddl-overall-close-left;
@@ -100621,6 +100627,8 @@ $qrybldr-drag-grp-list-heg: 28px !default;
 $qrybldr-drag-grp-big-list-heg: 34px !default;
 $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
 $qryblr-drag-icon-color: $icon-color !default;
+$spinner-border-light-color: $primary-light !default;
+$spinner-border-color: $primary !default;
 @mixin fluent2-small-round-btn {
   @if $theme-name == 'fluent2' {
@@ -101704,8 +101712,8 @@ $qryblr-drag-icon-color: $icon-color !default;
   transform: translateX(-50%);
   width: 16px;
   height: 16px;
-  border: 2px solid $primary-light;
-  border-top: 2px solid $primary;
+  border: 2px solid $spinner-border-light-color;
+  border-top: 2px solid $spinner-border-color;
   border-radius: 50%;
   animation: spin 1s linear infinite;
 }