npm - @syncfusion/ej2-angular-dropdowns - Versions diffs - 20.2.50 → 20.3.47 - Mend

@syncfusion/ej2-angular-dropdowns 20.2.50 → 20.3.47

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

package/styles/multi-select/tailwind.css CHANGED Viewed

@@ -1,4 +1,7 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -418,7 +421,7 @@
   border: 0;
   font-family: "Inter";
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   height: 28px;
   min-height: 28px;
   outline: none;
@@ -432,7 +435,7 @@
   color: inherit;
   font-family: "Inter";
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   height: 28px;
   min-height: 28px;
   outline: none;
@@ -456,6 +459,7 @@
   min-height: 36px;
 }
+/* stylelint-disable property-no-vendor-prefix */
 .e-multi-select-wrapper input[type=text]::-ms-clear {
   display: none;
 }
@@ -1122,6 +1126,7 @@ ejs-multiselect {
   box-sizing: border-box;
 }
+/* stylelint-disable property-no-vendor-prefix */
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
   -webkit-text-fill-color: #111827;
   color: #111827;
@@ -1233,19 +1238,19 @@ ejs-multiselect {
   border: 0 solid transparent;
 }
-.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #6b7280;
 }
-.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #6b7280;
 }
-.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #6b7280;
 }
-.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #6b7280;
 }

package/styles/tailwind-dark.css CHANGED Viewed

@@ -5,6 +5,7 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-dropdownbase .e-list-item.e-active,
 .e-dropdownbase .e-list-item.e-active.e-hover {
   font-weight: 500;
@@ -118,7 +119,8 @@
   position: relative;
 }
-.e-popup.e-ddl .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata,
+.e-popup.e-mention .e-dropdownbase.e-nodata {
   color: #fff;
   cursor: default;
   font-family: "Inter";
@@ -127,6 +129,45 @@
   text-align: center;
 }
+.e-mention.e-popup {
+  background: #1f2937;
+  border: 0;
+  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+  margin-top: 2px;
+  position: absolute;
+}
+.e-mention .e-dropdownbase .e-list-item .e-highlight {
+  display: inline;
+  font-weight: bold;
+  vertical-align: baseline;
+}
+.e-mention .e-mention-chip,
+.e-mention .e-mention-chip:hover {
+  background: #374151;
+  border-radius: 2px;
+  border: none;
+  color: #22d3ee;
+  cursor: default;
+}
+.e-mention .e-mention-chip::selection {
+  color: #fff;
+  background: #22d3ee;
+}
+.e-mention.e-editable-element {
+  border: 2px solid #4b5563;
+  height: auto;
+  min-height: 120px;
+  width: 100%;
+}
+.e-form-mirror-div {
+  white-space: pre-wrap;
+}
 .e-bigger.e-ddl .e-dropdownbase.e-nodata,
 .e-bigger .e-ddl .e-dropdownbase.e-nodata {
   font-size: 16px;
@@ -260,6 +301,7 @@
   border-color: #4b5563;
 }
 .e-dropdownbase .e-list-item {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background-color: #374151;
   border-bottom: 0;
@@ -449,6 +491,9 @@
   color: #d1d5db;
 }
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -607,6 +652,7 @@
   background-color: #374151;
 }
+/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -615,6 +661,7 @@
   visibility: hidden;
 }
+/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -654,6 +701,7 @@
   cursor: default;
 }
+/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;
@@ -776,6 +824,9 @@ ejs-dropdownlist {
   color: #fff;
 }
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -793,6 +844,8 @@ ejs-dropdownlist {
   }
 }
 /*! TreeView's tailwind theme wise override definitions and variables */
+/* stylelint-disable */
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e734";
 }
@@ -1252,6 +1305,10 @@ ejs-dropdownlist {
   color: #fff;
 }
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -1623,7 +1680,7 @@ ejs-dropdownlist {
   border: 0;
   font-family: "Inter";
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   height: 28px;
   min-height: 28px;
   outline: none;
@@ -1637,7 +1694,7 @@ ejs-dropdownlist {
   color: inherit;
   font-family: "Inter";
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   height: 28px;
   min-height: 28px;
   outline: none;
@@ -1661,6 +1718,7 @@ ejs-dropdownlist {
   min-height: 36px;
 }
+/* stylelint-disable property-no-vendor-prefix */
 .e-multi-select-wrapper input[type=text]::-ms-clear {
   display: none;
 }
@@ -2327,6 +2385,7 @@ ejs-multiselect {
   box-sizing: border-box;
 }
+/* stylelint-disable property-no-vendor-prefix */
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
   -webkit-text-fill-color: #fff;
   color: #fff;
@@ -2438,19 +2497,19 @@ ejs-multiselect {
   border: 0 solid transparent;
 }
-.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #6b7280;
 }
-.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #6b7280;
 }
-.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #6b7280;
 }
-.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #6b7280;
 }
@@ -2532,6 +2591,7 @@ ejs-multiselect {
   content: "\e744";
 }
+/* stylelint-disable property-no-vendor-prefix */
 .e-listbox-wrapper,
 .e-listbox-container {
   -webkit-overflow-scrolling: touch;
@@ -2550,7 +2610,7 @@ ejs-multiselect {
 }
 .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
 .e-listbox-container.e-listboxtool-container .e-list-wrap {
-  width: 84% !important;
+  width: 84% !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
@@ -2909,16 +2969,6 @@ ejs-listbox {
   top: 30%;
 }
-.e-listboxtool-container .e-left {
-  -ms-flex-direction: row-reverse;
-      flex-direction: row-reverse;
-}
-.e-listboxtool-wrapper .e-left {
-  -ms-flex-direction: column-reverse;
-      flex-direction: column-reverse;
-}
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;
@@ -2932,7 +2982,7 @@ ejs-listbox {
 .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
 .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
 .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
-  width: 80% !important;
+  width: 80% !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
@@ -3021,28 +3071,14 @@ ejs-listbox {
 .e-listbox-container.e-bigger .e-list-header .e-text {
   font-size: 14px;
 }
-.e-listbox-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 38px);
-}
-.e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 38px) !important;
-}
-.e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
+.e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px);
 }
-.e-small .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 45px) !important;
-}
-.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 46px);
-}
-.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 46px) !important;
+.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
+  height: calc(100% - 55px);
 }
 .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -3055,14 +3091,11 @@ ejs-listbox {
   height: calc(100% - 48px);
 }
-.e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
+.e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px);
 }
-.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 45px) !important;
-}
 .e-listbox-wrapper,
 .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
 .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3092,6 +3125,11 @@ ejs-listbox {
   font-size: 12px;
 }
+.e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-listbox-container.e-filter-list .e-list-parent {
+  height: calc(100% - 47px);
+}
 .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
   height: calc(100% - 76px);
@@ -3327,4 +3365,24 @@ ejs-listbox {
 .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
   padding-left: 10px;
   padding-right: 16px;
-}
+}
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes material-spinner-rotate {
+  0% {
+    transform: rotate(0);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes fabric-spinner-rotate {
+  0% {
+    transform: rotate(0);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+/* stylelint-disable-line no-empty-source */

package/styles/tailwind-dark.scss CHANGED Viewed

@@ -5,3 +5,4 @@
 @import 'auto-complete/tailwind-dark.scss';
 @import 'multi-select/tailwind-dark.scss';
 @import 'list-box/tailwind-dark.scss';
+@import 'mention/tailwind-dark.scss';

package/styles/tailwind.css CHANGED Viewed

@@ -5,6 +5,7 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-dropdownbase .e-list-item.e-active,
 .e-dropdownbase .e-list-item.e-active.e-hover {
   font-weight: 500;
@@ -118,7 +119,8 @@
   position: relative;
 }
-.e-popup.e-ddl .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata,
+.e-popup.e-mention .e-dropdownbase.e-nodata {
   color: #111827;
   cursor: default;
   font-family: "Inter";
@@ -127,6 +129,45 @@
   text-align: center;
 }
+.e-mention.e-popup {
+  background: #fff;
+  border: 0;
+  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+  margin-top: 2px;
+  position: absolute;
+}
+.e-mention .e-dropdownbase .e-list-item .e-highlight {
+  display: inline;
+  font-weight: bold;
+  vertical-align: baseline;
+}
+.e-mention .e-mention-chip,
+.e-mention .e-mention-chip:hover {
+  background: #f3f4f6;
+  border-radius: 2px;
+  border: none;
+  color: #4f46e5;
+  cursor: default;
+}
+.e-mention .e-mention-chip::selection {
+  color: #fff;
+  background: #4f46e5;
+}
+.e-mention.e-editable-element {
+  border: 2px solid #e5e7eb;
+  height: auto;
+  min-height: 120px;
+  width: 100%;
+}
+.e-form-mirror-div {
+  white-space: pre-wrap;
+}
 .e-bigger.e-ddl .e-dropdownbase.e-nodata,
 .e-bigger .e-ddl .e-dropdownbase.e-nodata {
   font-size: 16px;
@@ -260,6 +301,7 @@
   border-color: #e5e7eb;
 }
 .e-dropdownbase .e-list-item {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background-color: #fff;
   border-bottom: 0;
@@ -449,6 +491,9 @@
   color: #6b7280;
 }
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -607,6 +652,7 @@
   background-color: #fff;
 }
+/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -615,6 +661,7 @@
   visibility: hidden;
 }
+/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -654,6 +701,7 @@
   cursor: default;
 }
+/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;
@@ -776,6 +824,9 @@ ejs-dropdownlist {
   color: #111827;
 }
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -793,6 +844,8 @@ ejs-dropdownlist {
   }
 }
 /*! TreeView's tailwind theme wise override definitions and variables */
+/* stylelint-disable */
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e734";
 }
@@ -1252,6 +1305,10 @@ ejs-dropdownlist {
   color: #111827;
 }
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -1623,7 +1680,7 @@ ejs-dropdownlist {
   border: 0;
   font-family: "Inter";
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   height: 28px;
   min-height: 28px;
   outline: none;
@@ -1637,7 +1694,7 @@ ejs-dropdownlist {
   color: inherit;
   font-family: "Inter";
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   height: 28px;
   min-height: 28px;
   outline: none;
@@ -1661,6 +1718,7 @@ ejs-dropdownlist {
   min-height: 36px;
 }
+/* stylelint-disable property-no-vendor-prefix */
 .e-multi-select-wrapper input[type=text]::-ms-clear {
   display: none;
 }
@@ -2327,6 +2385,7 @@ ejs-multiselect {
   box-sizing: border-box;
 }
+/* stylelint-disable property-no-vendor-prefix */
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
   -webkit-text-fill-color: #111827;
   color: #111827;
@@ -2438,19 +2497,19 @@ ejs-multiselect {
   border: 0 solid transparent;
 }
-.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #6b7280;
 }
-.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #6b7280;
 }
-.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #6b7280;
 }
-.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #6b7280;
 }
@@ -2532,6 +2591,7 @@ ejs-multiselect {
   content: "\e744";
 }
+/* stylelint-disable property-no-vendor-prefix */
 .e-listbox-wrapper,
 .e-listbox-container {
   -webkit-overflow-scrolling: touch;
@@ -2550,7 +2610,7 @@ ejs-multiselect {
 }
 .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
 .e-listbox-container.e-listboxtool-container .e-list-wrap {
-  width: 84% !important;
+  width: 84% !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
@@ -2909,16 +2969,6 @@ ejs-listbox {
   top: 30%;
 }
-.e-listboxtool-container .e-left {
-  -ms-flex-direction: row-reverse;
-      flex-direction: row-reverse;
-}
-.e-listboxtool-wrapper .e-left {
-  -ms-flex-direction: column-reverse;
-      flex-direction: column-reverse;
-}
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;
@@ -2932,7 +2982,7 @@ ejs-listbox {
 .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
 .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
 .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
-  width: 80% !important;
+  width: 80% !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
@@ -3021,28 +3071,14 @@ ejs-listbox {
 .e-listbox-container.e-bigger .e-list-header .e-text {
   font-size: 14px;
 }
-.e-listbox-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 38px);
-}
-.e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 38px) !important;
-}
-.e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
+.e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px);
 }
-.e-small .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 45px) !important;
-}
-.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 46px);
-}
-.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 46px) !important;
+.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
+  height: calc(100% - 55px);
 }
 .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -3055,14 +3091,11 @@ ejs-listbox {
   height: calc(100% - 48px);
 }
-.e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
+.e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px);
 }
-.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 45px) !important;
-}
 .e-listbox-wrapper,
 .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
 .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3092,6 +3125,11 @@ ejs-listbox {
   font-size: 12px;
 }
+.e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-listbox-container.e-filter-list .e-list-parent {
+  height: calc(100% - 47px);
+}
 .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
   height: calc(100% - 76px);
@@ -3327,4 +3365,24 @@ ejs-listbox {
 .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
   padding-left: 10px;
   padding-right: 16px;
-}
+}
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes material-spinner-rotate {
+  0% {
+    transform: rotate(0);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes fabric-spinner-rotate {
+  0% {
+    transform: rotate(0);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+/* stylelint-disable-line no-empty-source */

package/styles/tailwind.scss CHANGED Viewed

@@ -5,3 +5,4 @@
 @import 'auto-complete/tailwind.scss';
 @import 'multi-select/tailwind.scss';
 @import 'list-box/tailwind.scss';
+@import 'mention/tailwind.scss';