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/Compiled-Themes/fluent.css CHANGED Viewed

@@ -13269,7 +13269,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -13423,6 +13423,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,
@@ -34819,13 +34823,13 @@ ejs-multiselect {
 }
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -2.7em;
+  margin-top: -32px;
   font-size: 14px;
 }
 .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.7em;
+  margin-top: -32px;
   margin-top: -2.25em;
 }
@@ -35124,7 +35128,7 @@ ejs-multiselect {
 .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;
 }
 /* stylelint-disable property-no-vendor-prefix */

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;

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],

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;

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],

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;

package/Compiled-Themes/fluent2.css CHANGED Viewed

@@ -19310,7 +19310,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -19449,6 +19449,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,
@@ -40810,6 +40814,8 @@ ejs-multiselect {
 }
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 18px;
+  font-size: 18px;
   content: "\e7e7";
   cursor: pointer;
   margin: auto;
@@ -40889,12 +40895,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],

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

@@ -10338,7 +10338,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -10486,6 +10486,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,
@@ -26639,6 +26643,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: 12px;
   content: "\e7a7";
   cursor: pointer;
   left: 0;

package/Compiled-Themes/highcontrast.css CHANGED Viewed

@@ -13620,7 +13620,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -13768,6 +13768,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,
@@ -34579,6 +34583,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: 12px;
   content: "\e7a7";
   cursor: pointer;
   left: 0;
@@ -34627,13 +34632,12 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
 }
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -3.5em;
+  margin-top: -34px;
 }
 .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: -3.5em;
-  margin-top: -3.2em;
+  margin-top: -34px;
 }
 .e-bigger .e-multi-select-wrapper input[type=text],

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

@@ -14062,7 +14062,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -14210,6 +14210,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,

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

@@ -20836,7 +20836,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -20984,6 +20984,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,

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

@@ -14069,7 +14069,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -14217,6 +14217,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,

package/Compiled-Themes/material.css CHANGED Viewed

@@ -20864,7 +20864,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -21012,6 +21012,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,
@@ -42922,12 +42926,12 @@ ejs-multiselect {
 }
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -3em;
+  margin-top: -32px;
 }
 .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: -3em;
+  margin-top: -32px;
 }
 .e-bigger .e-multi-select-wrapper input[type=text],

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

@@ -13479,7 +13479,7 @@ ejs-calendar {
   bottom: -9.5px;
   height: 32px;
   left: -9.5px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9.5px;
   top: -9.5px;
@@ -13632,6 +13632,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,
@@ -63097,8 +63101,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   transform: translateX(-50%);
   width: 16px;
   height: 16px;
-  border: 2px solid var(--color-sf-primary-container);
-  border-top: 2px solid var(--color-sf-primary);
+  border: 2px solid rgba(var(--color-sf-primary-container));
+  border-top: 2px solid rgba(var(--color-sf-primary));
   border-radius: 50%;
   animation: spin 1s linear infinite;
 }

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

@@ -20319,7 +20319,7 @@ ejs-calendar {
   bottom: -9.5px;
   height: 32px;
   left: -9.5px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9.5px;
   top: -9.5px;
@@ -20472,6 +20472,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,
@@ -83064,8 +83068,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   transform: translateX(-50%);
   width: 16px;
   height: 16px;
-  border: 2px solid var(--color-sf-primary-container);
-  border-top: 2px solid var(--color-sf-primary);
+  border: 2px solid rgba(var(--color-sf-primary-container));
+  border-top: 2px solid rgba(var(--color-sf-primary));
   border-radius: 50%;
   animation: spin 1s linear infinite;
 }

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

@@ -13535,7 +13535,7 @@ ejs-calendar {
   bottom: -9.5px;
   height: 32px;
   left: -9.5px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9.5px;
   top: -9.5px;
@@ -13688,6 +13688,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,
@@ -63142,8 +63146,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   transform: translateX(-50%);
   width: 16px;
   height: 16px;
-  border: 2px solid var(--color-sf-primary-container);
-  border-top: 2px solid var(--color-sf-primary);
+  border: 2px solid rgba(var(--color-sf-primary-container));
+  border-top: 2px solid rgba(var(--color-sf-primary));
   border-radius: 50%;
   animation: spin 1s linear infinite;
 }

package/Compiled-Themes/material3.css CHANGED Viewed

@@ -20375,7 +20375,7 @@ ejs-calendar {
   bottom: -9.5px;
   height: 32px;
   left: -9.5px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9.5px;
   top: -9.5px;
@@ -20528,6 +20528,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,
@@ -83105,8 +83109,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   transform: translateX(-50%);
   width: 16px;
   height: 16px;
-  border: 2px solid var(--color-sf-primary-container);
-  border-top: 2px solid var(--color-sf-primary);
+  border: 2px solid rgba(var(--color-sf-primary-container));
+  border-top: 2px solid rgba(var(--color-sf-primary));
   border-radius: 50%;
   animation: spin 1s linear infinite;
 }

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

@@ -9570,7 +9570,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -9718,6 +9718,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,
@@ -24990,7 +24994,7 @@ ejs-sidebar {
   cursor: pointer;
   display: none;
   flex-direction: row;
-  margin-top: -2em;
+  margin-top: -32px;
   margin-top: -1.55em;
   outline: 0;
   padding: 0;

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

@@ -12975,7 +12975,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -13123,6 +13123,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,
@@ -33531,7 +33535,7 @@ ejs-sidebar {
   cursor: pointer;
   display: none;
   flex-direction: row;
-  margin-top: -2em;
+  margin-top: -32px;
   margin-top: -1.55em;
   outline: 0;
   padding: 0;
@@ -34418,16 +34422,16 @@ ejs-multiselect {
 }
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -1.62em;
+  margin-top: -37px;
   height: 36px;
   width: 40px;
 }
 .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: -1.62em;
+  margin-top: -37px;
   height: 36px;
-  margin-top: -2em;
+  margin-top: -32px;
   width: 40px;
 }
@@ -34435,7 +34439,7 @@ ejs-multiselect {
 .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
   font-size: 22px;
   margin-top: -1.65em;
-  margin-top: -1.62em;
+  margin-top: -37px;
 }
 .e-bigger .e-multi-select-wrapper input[type=text],

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

@@ -9570,7 +9570,7 @@ ejs-calendar {
   bottom: -9px;
   height: 36px;
   left: -9px;
-  pointer-events: none;
+  pointer-events: auto;
   position: absolute;
   right: -9px;
   top: -9px;
@@ -9718,6 +9718,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,
@@ -24990,7 +24994,7 @@ ejs-sidebar {
   cursor: pointer;
   display: none;
   flex-direction: row;
-  margin-top: -2em;
+  margin-top: -32px;
   margin-top: -1.55em;
   outline: 0;
   padding: 0;