@syncfusion/ej2-dropdowns 18.2.44-4568 → 18.2.44-4569

package/styles/multi-select/bootstrap-dark.css

@@ -76,7 +76,7 @@
   box-sizing: border-box;
   cursor: text;
   line-height: normal;
-  min-height: 32px;
+  min-height: 34px;
   padding: 0 32px 0 2px;
   position: relative;
   -webkit-user-select: none;
@@ -297,7 +297,7 @@
 .e-multi-select-wrapper .e-delim-values {
   font-family: inherit;
   font-size: 14px;
-  line-height: 32px;
+  line-height: 35px;
   max-width: 100%;
   padding-left: 6px;
   padding-right: 6px;
@@ -305,7 +305,7 @@
 }
 
 .e-bigger .e-multi-select-wrapper .e-delim-values {
-  line-height: 36px;
+  line-height: 39px;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem {
@@ -569,7 +569,7 @@
 }
 
 .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
-  line-height: 36px;
+  line-height: 39px;
 }
 
 .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
@@ -613,13 +613,13 @@ ejs-multiselect {
 }
 
 .e-small .e-multi-select-wrapper input[type='text'] {
-  height: 26px;
-  min-height: 26px;
+  height: 28px;
+  min-height: 28px;
 }
 
 .e-small .e-multi-select-wrapper .e-delim-values {
   font-size: 13px;
-  line-height: 26px;
+  line-height: 28px;
 }
 
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
@@ -640,13 +640,13 @@ ejs-multiselect {
 }
 
 .e-bigger.e-small .e-multi-select-wrapper input[type='text'] {
-  height: 34px;
-  min-height: 34px;
+  height: 35px;
+  min-height: 35px;
 }
 
 .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
   font-size: 14px;
-  line-height: 34px;
+  line-height: 35px;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
@@ -692,7 +692,6 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  -webkit-text-fill-color: #f0f0f0;
   color: #f0f0f0;
   font-family: inherit;
   font-size: 15px;
@@ -709,7 +708,7 @@ ejs-multiselect {
 .e-multi-select-wrapper .e-chips {
   background-color: #414141;
   border-radius: 4px;
-  height: 28px;
+  height: 30px;
 }
 
 .e-multi-select-wrapper .e-chips:hover {
@@ -721,7 +720,6 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  -webkit-text-fill-color: #f0f0f0;
   color: #f0f0f0;
   font-size: 10px;
 }
@@ -844,7 +842,6 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-delim-values {
-  -webkit-text-fill-color: #f0f0f0;
   color: #f0f0f0;
 }
 
@@ -853,7 +850,7 @@ ejs-multiselect {
 }
 
 .e-small .e-multi-select-wrapper .e-chips {
-  height: 22px;
+  height: 24px;
 }
 
 .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
@@ -869,7 +866,7 @@ ejs-multiselect {
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
-  height: 28px;
+  height: 30px;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {

package/styles/multi-select/bootstrap.css

@@ -295,7 +295,7 @@
 .e-multi-select-wrapper .e-delim-values {
   font-family: inherit;
   font-size: 14px;
-  line-height: 32px;
+  line-height: 35px;
   max-width: 100%;
   padding-left: 6px;
   padding-right: 6px;
@@ -303,7 +303,7 @@
 }
 
 .e-bigger .e-multi-select-wrapper .e-delim-values {
-  line-height: 36px;
+  line-height: 39px;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem {
@@ -567,7 +567,7 @@
 }
 
 .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
-  line-height: 36px;
+  line-height: 39px;
 }
 
 .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
@@ -611,13 +611,13 @@ ejs-multiselect {
 }
 
 .e-small .e-multi-select-wrapper input[type='text'] {
-  height: 26px;
-  min-height: 26px;
+  height: 28px;
+  min-height: 28px;
 }
 
 .e-small .e-multi-select-wrapper .e-delim-values {
   font-size: 13px;
-  line-height: 26px;
+  line-height: 28px;
 }
 
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
@@ -638,13 +638,13 @@ ejs-multiselect {
 }
 
 .e-bigger.e-small .e-multi-select-wrapper input[type='text'] {
-  height: 34px;
-  min-height: 34px;
+  height: 35px;
+  min-height: 35px;
 }
 
 .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
   font-size: 14px;
-  line-height: 34px;
+  line-height: 35px;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
@@ -690,7 +690,6 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  -webkit-text-fill-color: #333;
   color: #333;
   font-family: inherit;
   font-size: 15px;
@@ -707,7 +706,7 @@ ejs-multiselect {
 .e-multi-select-wrapper .e-chips {
   background-color: #e6e6e6;
   border-radius: 4px;
-  height: 28px;
+  height: 30px;
 }
 
 .e-multi-select-wrapper .e-chips:hover {
@@ -719,7 +718,6 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  -webkit-text-fill-color: #333;
   color: #333;
   font-size: 10px;
 }
@@ -842,7 +840,6 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-delim-values {
-  -webkit-text-fill-color: #333;
   color: #333;
 }
 
@@ -851,7 +848,7 @@ ejs-multiselect {
 }
 
 .e-small .e-multi-select-wrapper .e-chips {
-  height: 22px;
+  height: 24px;
 }
 
 .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
@@ -867,7 +864,7 @@ ejs-multiselect {
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
-  height: 28px;
+  height: 30px;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {

package/styles/multi-select/bootstrap4.css

@@ -654,7 +654,7 @@
 }
 
 .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
-  line-height: 36px;
+  line-height: 39px;
 }
 
 .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
@@ -694,17 +694,17 @@ ejs-multiselect {
 }
 
 .e-small .e-multi-select-wrapper {
-  min-height: 22px;
+  min-height: 24px;
 }
 
 .e-small .e-multi-select-wrapper input[type='text'] {
-  height: 22px;
-  min-height: 22px;
+  height: 24px;
+  min-height: 24px;
 }
 
 .e-small .e-multi-select-wrapper .e-delim-values {
   font-size: 12px;
-  line-height: 22px;
+  line-height: 24px;
 }
 
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
@@ -785,7 +785,6 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  -webkit-text-fill-color: #fff;
   color: #fff;
   font-family: inherit;
   font-size: 14px;
@@ -814,7 +813,6 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  -webkit-text-fill-color: #fff;
   color: #fff;
   font-size: 8px;
 }
@@ -953,9 +951,7 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-delim-values {
-  -webkit-text-fill-color: #fff;
   color: #fff;
-  -webkit-text-fill-color: #212529;
   color: #212529;
 }
 
@@ -964,7 +960,7 @@ ejs-multiselect {
 }
 
 .e-small .e-multi-select-wrapper .e-chips {
-  height: 20px;
+  height: 22px;
 }
 
 .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {

package/styles/multi-select/fabric-dark.css

@@ -628,7 +628,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-delim-values {
   font-size: 13px;
-  line-height: 24px;
+  line-height: 26px;
 }
 
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
@@ -701,7 +701,6 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  -webkit-text-fill-color: #dadada;
   color: #dadada;
   font-family: inherit;
   font-size: 14px;
@@ -730,7 +729,6 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  -webkit-text-fill-color: #dadada;
   color: #dadada;
   font-size: 10px;
 }
@@ -853,7 +851,6 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-delim-values {
-  -webkit-text-fill-color: #dadada;
   color: #dadada;
 }
 
@@ -862,7 +859,7 @@ ejs-multiselect {
 }
 
 .e-small .e-multi-select-wrapper .e-chips {
-  height: 20px;
+  height: 22px;
 }
 
 .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {

package/styles/multi-select/fabric.css

@@ -628,7 +628,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-delim-values {
   font-size: 13px;
-  line-height: 24px;
+  line-height: 26px;
 }
 
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
@@ -701,7 +701,6 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  -webkit-text-fill-color: #666;
   color: #666;
   font-family: inherit;
   font-size: 14px;
@@ -730,7 +729,6 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  -webkit-text-fill-color: #666;
   color: #666;
   font-size: 10px;
 }
@@ -853,7 +851,6 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-delim-values {
-  -webkit-text-fill-color: #666;
   color: #666;
 }
 

package/styles/multi-select/highcontrast-light.css

@@ -745,7 +745,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-delim-values {
   font-size: 13px;
-  line-height: 24px;
+  line-height: 26px;
 }
 
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
@@ -818,7 +818,6 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  -webkit-text-fill-color: #fff;
   color: #fff;
   font-family: inherit;
   font-size: 14px;
@@ -847,7 +846,6 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  -webkit-text-fill-color: #fff;
   color: #fff;
   font-size: 10px;
 }
@@ -978,7 +976,6 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
 }
 
 .e-multi-select-wrapper .e-delim-values {
-  -webkit-text-fill-color: #fff;
   color: #fff;
 }
 
@@ -987,7 +984,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
 }
 
 .e-small .e-multi-select-wrapper .e-chips {
-  height: 20px;
+  height: 22px;
 }
 
 .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {

package/styles/multi-select/highcontrast.css

@@ -95,12 +95,10 @@
 }
 
 .e-multi-select-wrapper .e-delim-values.e-delim-view {
-  -webkit-text-fill-color: #fff;
   color: #fff;
 }
 
 .e-multi-select-wrapper.e-delimiter .e-delim-values {
-  -webkit-text-fill-color: #fff;
   color: #fff;
 }
 
@@ -747,7 +745,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-delim-values {
   font-size: 13px;
-  line-height: 24px;
+  line-height: 26px;
 }
 
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
@@ -820,7 +818,6 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  -webkit-text-fill-color: #000;
   color: #000;
   font-family: inherit;
   font-size: 14px;
@@ -849,7 +846,6 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  -webkit-text-fill-color: #000;
   color: #000;
   font-size: 10px;
 }
@@ -980,7 +976,6 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
 }
 
 .e-multi-select-wrapper .e-delim-values {
-  -webkit-text-fill-color: #000;
   color: #000;
 }
 
@@ -989,7 +984,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
 }
 
 .e-small .e-multi-select-wrapper .e-chips {
-  height: 20px;
+  height: 22px;
 }
 
 .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {

package/styles/multi-select/icons/_bootstrap-dark.scss

@@ -1,26 +1,26 @@
-@include export-module('multiselect-bootstrap-icons') {
-  .e-multiselect.e-input-group .e-ddl-icon::before {
-    content: '\e969';
-    font-family: 'e-icons';
-  }
-
-  .e-multi-select-wrapper .e-chips .e-chips-close::before {
-    content: '\e842';
-    cursor: pointer;
-    left: $ddl-chip-close-left;
-    position: relative;
-    top: $ddl-chip-close-top;
-  }
-
-  .e-multi-select-wrapper .e-close-hooker::before {
-    content: '\e842';
-    cursor: pointer;
-    left: $ddl-overall-close-left;
-    position: relative;
-    top: $ddl-overall-close-top;
-  }
-
-  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
-    content: '';
-  }
-}
+@include export-module('multiselect-bootstrap-icons') {
+  .e-multiselect.e-input-group .e-ddl-icon::before {
+    content: '\e969';
+    font-family: 'e-icons';
+  }
+
+  .e-multi-select-wrapper .e-chips .e-chips-close::before {
+    content: '\e842';
+    cursor: pointer;
+    left: $ddl-chip-close-left;
+    position: relative;
+    top: $ddl-chip-close-top;
+  }
+
+  .e-multi-select-wrapper .e-close-hooker::before {
+    content: '\e842';
+    cursor: pointer;
+    left: $ddl-overall-close-left;
+    position: relative;
+    top: $ddl-overall-close-top;
+  }
+
+  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
+    content: '';
+  }
+}

package/styles/multi-select/icons/_bootstrap.scss

@@ -1,26 +1,26 @@
-@include export-module('multiselect-bootstrap-icons') {
-  .e-multiselect.e-input-group .e-ddl-icon::before {
-    content: '\e969';
-    font-family: 'e-icons';
-  }
-
-  .e-multi-select-wrapper .e-chips .e-chips-close::before {
-    content: '\e842';
-    cursor: pointer;
-    left: $ddl-chip-close-left;
-    position: relative;
-    top: $ddl-chip-close-top;
-  }
-
-  .e-multi-select-wrapper .e-close-hooker::before {
-    content: '\e842';
-    cursor: pointer;
-    left: $ddl-overall-close-left;
-    position: relative;
-    top: $ddl-overall-close-top;
-  }
-
-  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
-    content: '';
-  }
-}
+@include export-module('multiselect-bootstrap-icons') {
+  .e-multiselect.e-input-group .e-ddl-icon::before {
+    content: '\e969';
+    font-family: 'e-icons';
+  }
+
+  .e-multi-select-wrapper .e-chips .e-chips-close::before {
+    content: '\e842';
+    cursor: pointer;
+    left: $ddl-chip-close-left;
+    position: relative;
+    top: $ddl-chip-close-top;
+  }
+
+  .e-multi-select-wrapper .e-close-hooker::before {
+    content: '\e842';
+    cursor: pointer;
+    left: $ddl-overall-close-left;
+    position: relative;
+    top: $ddl-overall-close-top;
+  }
+
+  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
+    content: '';
+  }
+}

package/styles/multi-select/icons/_bootstrap4.scss

@@ -1,37 +1,37 @@
-@include export-module('multiselect-bootstrap4-icons') {
-  .e-multiselect.e-input-group .e-ddl-icon::before {
-    content: '\e744';
-    font-family: 'e-icons';
-    font-size: 8px;
-  }
-
-  .e-bigger .e-multiselect.e-input-group .e-ddl-icon::before {
-    font-size: 10px;
-  }
-
-  .e-multi-select-wrapper .e-chips .e-chips-close::before {
-    content: '\e745';
-    cursor: pointer;
-    left: $ddl-chip-close-left;
-    position: relative;
-    top: $ddl-chip-close-top;
-  }
-
-  .e-multi-select-wrapper .e-close-hooker::before {
-    content: '\e745';
-    cursor: pointer;
-    height: $ddl-overall-close-top;
-    left: $ddl-overall-close-left;
-    position: relative;
-    top: $ddl-overall-close-top;
-  }
-
-  .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
-    font-size: 12px;
-    top: $ddl-bigger-close-top;
-  }
-
-  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
-    content: '';
-  }
-}
+@include export-module('multiselect-bootstrap4-icons') {
+  .e-multiselect.e-input-group .e-ddl-icon::before {
+    content: '\e744';
+    font-family: 'e-icons';
+    font-size: 8px;
+  }
+
+  .e-bigger .e-multiselect.e-input-group .e-ddl-icon::before {
+    font-size: 10px;
+  }
+
+  .e-multi-select-wrapper .e-chips .e-chips-close::before {
+    content: '\e745';
+    cursor: pointer;
+    left: $ddl-chip-close-left;
+    position: relative;
+    top: $ddl-chip-close-top;
+  }
+
+  .e-multi-select-wrapper .e-close-hooker::before {
+    content: '\e745';
+    cursor: pointer;
+    height: $ddl-overall-close-top;
+    left: $ddl-overall-close-left;
+    position: relative;
+    top: $ddl-overall-close-top;
+  }
+
+  .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
+    font-size: 12px;
+    top: $ddl-bigger-close-top;
+  }
+
+  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
+    content: '';
+  }
+}

package/styles/multi-select/icons/_fabric-dark.scss

@@ -1,26 +1,26 @@
-@include export-module('multiselect-fabric-icons') {
-  .e-multiselect.e-input-group .e-ddl-icon::before {
-    content: '\e966';
-    font-family: 'e-icons';
-  }
-
-  .e-multi-select-wrapper .e-chips .e-chips-close::before {
-    content: '\e7a7';
-    cursor: pointer;
-    left: $ddl-chip-close-left;
-    position: relative;
-    top: $ddl-chip-close-top;
-  }
-
-  .e-multi-select-wrapper .e-close-hooker::before {
-    content: '\e7a7';
-    cursor: pointer;
-    left: $ddl-overall-close-left;
-    position: relative;
-    top: $ddl-overall-close-top;
-  }
-
-  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
-    content: '';
-  }
-}
+@include export-module('multiselect-fabric-icons') {
+  .e-multiselect.e-input-group .e-ddl-icon::before {
+    content: '\e966';
+    font-family: 'e-icons';
+  }
+
+  .e-multi-select-wrapper .e-chips .e-chips-close::before {
+    content: '\e7a7';
+    cursor: pointer;
+    left: $ddl-chip-close-left;
+    position: relative;
+    top: $ddl-chip-close-top;
+  }
+
+  .e-multi-select-wrapper .e-close-hooker::before {
+    content: '\e7a7';
+    cursor: pointer;
+    left: $ddl-overall-close-left;
+    position: relative;
+    top: $ddl-overall-close-top;
+  }
+
+  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
+    content: '';
+  }
+}