@syncfusion/ej2-react-dropdowns 19.2.62 → 19.3.43

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 (86) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/ej2-react-dropdowns.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/auto-complete/bootstrap5-dark.css +141 -0
  5. package/styles/auto-complete/bootstrap5-dark.scss +1 -0
  6. package/styles/auto-complete/bootstrap5.css +141 -0
  7. package/styles/auto-complete/bootstrap5.scss +1 -0
  8. package/styles/auto-complete/material-dark.css +1 -1
  9. package/styles/bootstrap-dark.css +15 -4
  10. package/styles/bootstrap.css +15 -4
  11. package/styles/bootstrap4.css +16 -21
  12. package/styles/bootstrap5-dark.css +3408 -0
  13. package/styles/bootstrap5-dark.scss +7 -0
  14. package/styles/bootstrap5.css +3408 -0
  15. package/styles/bootstrap5.scss +7 -0
  16. package/styles/combo-box/bootstrap5-dark.css +141 -0
  17. package/styles/combo-box/bootstrap5-dark.scss +1 -0
  18. package/styles/combo-box/bootstrap5.css +141 -0
  19. package/styles/combo-box/bootstrap5.scss +1 -0
  20. package/styles/combo-box/material-dark.css +1 -1
  21. package/styles/drop-down-base/bootstrap-dark.css +1 -3
  22. package/styles/drop-down-base/bootstrap.css +1 -3
  23. package/styles/drop-down-base/bootstrap4.css +1 -3
  24. package/styles/drop-down-base/bootstrap5-dark.css +372 -0
  25. package/styles/drop-down-base/bootstrap5-dark.scss +1 -0
  26. package/styles/drop-down-base/bootstrap5.css +372 -0
  27. package/styles/drop-down-base/bootstrap5.scss +1 -0
  28. package/styles/drop-down-base/fabric-dark.css +1 -3
  29. package/styles/drop-down-base/fabric.css +1 -3
  30. package/styles/drop-down-base/highcontrast-light.css +1 -3
  31. package/styles/drop-down-base/highcontrast.css +1 -3
  32. package/styles/drop-down-base/material-dark.css +3 -5
  33. package/styles/drop-down-base/material.css +1 -3
  34. package/styles/drop-down-base/tailwind-dark.css +5 -7
  35. package/styles/drop-down-base/tailwind.css +1 -3
  36. package/styles/drop-down-list/bootstrap4.css +0 -16
  37. package/styles/drop-down-list/bootstrap5-dark.css +433 -0
  38. package/styles/drop-down-list/bootstrap5-dark.scss +1 -0
  39. package/styles/drop-down-list/bootstrap5.css +433 -0
  40. package/styles/drop-down-list/bootstrap5.scss +1 -0
  41. package/styles/drop-down-list/material-dark.css +2 -2
  42. package/styles/drop-down-tree/bootstrap-dark.css +4 -0
  43. package/styles/drop-down-tree/bootstrap.css +4 -0
  44. package/styles/drop-down-tree/bootstrap4.css +4 -0
  45. package/styles/drop-down-tree/bootstrap5-dark.css +580 -0
  46. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -0
  47. package/styles/drop-down-tree/bootstrap5.css +580 -0
  48. package/styles/drop-down-tree/bootstrap5.scss +1 -0
  49. package/styles/drop-down-tree/fabric-dark.css +4 -0
  50. package/styles/drop-down-tree/fabric.css +4 -0
  51. package/styles/drop-down-tree/highcontrast-light.css +4 -0
  52. package/styles/drop-down-tree/highcontrast.css +4 -0
  53. package/styles/drop-down-tree/material-dark.css +4 -8
  54. package/styles/drop-down-tree/material.css +4 -8
  55. package/styles/drop-down-tree/tailwind-dark.css +9 -5
  56. package/styles/drop-down-tree/tailwind.css +8 -4
  57. package/styles/fabric-dark.css +15 -4
  58. package/styles/fabric.css +15 -4
  59. package/styles/highcontrast-light.css +15 -4
  60. package/styles/highcontrast.css +15 -4
  61. package/styles/list-box/bootstrap5-dark.css +886 -0
  62. package/styles/list-box/bootstrap5-dark.scss +1 -0
  63. package/styles/list-box/bootstrap5.css +886 -0
  64. package/styles/list-box/bootstrap5.scss +1 -0
  65. package/styles/list-box/material-dark.css +3 -3
  66. package/styles/list-box/tailwind-dark.css +1 -1
  67. package/styles/list-box/tailwind.css +1 -1
  68. package/styles/material-dark.css +617 -58
  69. package/styles/material.css +12 -12
  70. package/styles/multi-select/bootstrap-dark.css +10 -1
  71. package/styles/multi-select/bootstrap.css +10 -1
  72. package/styles/multi-select/bootstrap4.css +11 -2
  73. package/styles/multi-select/bootstrap5-dark.css +1289 -0
  74. package/styles/multi-select/bootstrap5-dark.scss +1 -0
  75. package/styles/multi-select/bootstrap5.css +1289 -0
  76. package/styles/multi-select/bootstrap5.scss +1 -0
  77. package/styles/multi-select/fabric-dark.css +10 -1
  78. package/styles/multi-select/fabric.css +10 -1
  79. package/styles/multi-select/highcontrast-light.css +10 -1
  80. package/styles/multi-select/highcontrast.css +10 -1
  81. package/styles/multi-select/material-dark.css +605 -40
  82. package/styles/multi-select/material.css +7 -1
  83. package/styles/multi-select/tailwind-dark.css +13 -4
  84. package/styles/multi-select/tailwind.css +13 -4
  85. package/styles/tailwind-dark.css +28 -17
  86. package/styles/tailwind.css +23 -12
package/styles/drop-down-tree/tailwind-dark.css CHANGED
@@ -17,7 +17,7 @@
17
17
  }
18
18
  }
19
19
 
20
- /*! TreeView's tailwind-dark theme wise override definitions and variables */
20
+ /*! TreeView's tailwind theme wise override definitions and variables */
21
21
  .e-dropdownbase .e-list-item.e-active,
22
22
  .e-dropdownbase .e-list-item.e-active.e-hover {
23
23
  font-weight: 500;
@@ -106,13 +106,13 @@
106
106
  }
107
107
 
108
108
  .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
109
- bottom: 1px;
109
+ bottom: 6px;
110
110
  position: absolute;
111
111
  right: 0;
112
112
  }
113
113
 
114
114
  .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
115
- right: 25px;
115
+ right: 28px;
116
116
  }
117
117
 
118
118
  .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
@@ -401,13 +401,17 @@
401
401
  }
402
402
 
403
403
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
404
- left: 25px;
404
+ left: 28px;
405
405
  }
406
406
 
407
407
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
408
408
  padding: 0 14px 0 0;
409
409
  }
410
410
 
411
+ .e-ddt-icon-hide {
412
+ display: none;
413
+ }
414
+
411
415
  .e-bigger .e-ddt .e-chips,
412
416
  .e-ddt.e-bigger .e-chips {
413
417
  height: 30px;
@@ -425,7 +429,7 @@
425
429
  .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
426
430
  .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
427
431
  bottom: 3px;
428
- right: 25px;
432
+ right: 32px;
429
433
  }
430
434
 
431
435
  .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
package/styles/drop-down-tree/tailwind.css CHANGED
@@ -106,13 +106,13 @@
106
106
  }
107
107
 
108
108
  .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
109
- bottom: 1px;
109
+ bottom: 6px;
110
110
  position: absolute;
111
111
  right: 0;
112
112
  }
113
113
 
114
114
  .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
115
- right: 25px;
115
+ right: 28px;
116
116
  }
117
117
 
118
118
  .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
@@ -401,13 +401,17 @@
401
401
  }
402
402
 
403
403
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
404
- left: 25px;
404
+ left: 28px;
405
405
  }
406
406
 
407
407
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
408
408
  padding: 0 14px 0 0;
409
409
  }
410
410
 
411
+ .e-ddt-icon-hide {
412
+ display: none;
413
+ }
414
+
411
415
  .e-bigger .e-ddt .e-chips,
412
416
  .e-ddt.e-bigger .e-chips {
413
417
  height: 30px;
@@ -425,7 +429,7 @@
425
429
  .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
426
430
  .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
427
431
  bottom: 3px;
428
- right: 25px;
432
+ right: 32px;
429
433
  }
430
434
 
431
435
  .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
package/styles/fabric-dark.css CHANGED
@@ -23,6 +23,7 @@
23
23
  .e-dropdownbase.e-bigger .e-list-group-item,
24
24
  .e-dropdownbase.e-bigger .e-fixed-head {
25
25
  line-height: 48px;
26
+ text-indent: 10px;
26
27
  }
27
28
 
28
29
  .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -97,17 +98,14 @@
97
98
 
98
99
  .e-small .e-dropdownbase.e-dd-group .e-list-item {
99
100
  padding-left: 20px;
100
- text-indent: 0;
101
101
  }
102
102
 
103
103
  .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
104
104
  padding-left: 20px;
105
- text-indent: 0;
106
105
  }
107
106
 
108
107
  .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
109
108
  padding-left: 20px;
110
- text-indent: 0;
111
109
  }
112
110
 
113
111
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
@@ -1065,6 +1063,10 @@ ejs-dropdownlist {
1065
1063
  padding: 0 14px 0 0;
1066
1064
  }
1067
1065
 
1066
+ .e-ddt-icon-hide {
1067
+ display: none;
1068
+ }
1069
+
1068
1070
  .e-bigger .e-ddt .e-chips,
1069
1071
  .e-ddt.e-bigger .e-chips {
1070
1072
  height: 34px;
@@ -1542,7 +1544,10 @@ ejs-dropdownlist {
1542
1544
  right: auto;
1543
1545
  }
1544
1546
 
1545
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1547
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1548
+ margin-top: -3.5em;
1549
+ }
1550
+
1546
1551
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1547
1552
  margin-top: -3.5em;
1548
1553
  }
@@ -1563,6 +1568,7 @@ ejs-dropdownlist {
1563
1568
  .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
1564
1569
  background: none;
1565
1570
  border: 0;
1571
+ color: inherit;
1566
1572
  font-family: inherit;
1567
1573
  font-size: 14px;
1568
1574
  font-weight: 400;
@@ -1631,6 +1637,7 @@ ejs-dropdownlist {
1631
1637
 
1632
1638
  .e-bigger .e-multi-select-wrapper .e-delim-values {
1633
1639
  line-height: 36px;
1640
+ padding-left: 10px;
1634
1641
  }
1635
1642
 
1636
1643
  .e-multi-select-list-wrapper .e-hide-listitem {
@@ -2007,6 +2014,10 @@ ejs-multiselect {
2007
2014
  min-height: 40px;
2008
2015
  }
2009
2016
 
2017
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
2018
+ color: inherit;
2019
+ }
2020
+
2010
2021
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2011
2022
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2012
2023
  -ms-flex-align: normal;
package/styles/fabric.css CHANGED
@@ -23,6 +23,7 @@
23
23
  .e-dropdownbase.e-bigger .e-list-group-item,
24
24
  .e-dropdownbase.e-bigger .e-fixed-head {
25
25
  line-height: 48px;
26
+ text-indent: 10px;
26
27
  }
27
28
 
28
29
  .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -97,17 +98,14 @@
97
98
 
98
99
  .e-small .e-dropdownbase.e-dd-group .e-list-item {
99
100
  padding-left: 20px;
100
- text-indent: 0;
101
101
  }
102
102
 
103
103
  .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
104
104
  padding-left: 20px;
105
- text-indent: 0;
106
105
  }
107
106
 
108
107
  .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
109
108
  padding-left: 20px;
110
- text-indent: 0;
111
109
  }
112
110
 
113
111
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
@@ -1059,6 +1057,10 @@ ejs-dropdownlist {
1059
1057
  padding: 0 14px 0 0;
1060
1058
  }
1061
1059
 
1060
+ .e-ddt-icon-hide {
1061
+ display: none;
1062
+ }
1063
+
1062
1064
  .e-bigger .e-ddt .e-chips,
1063
1065
  .e-ddt.e-bigger .e-chips {
1064
1066
  height: 34px;
@@ -1536,7 +1538,10 @@ ejs-dropdownlist {
1536
1538
  right: auto;
1537
1539
  }
1538
1540
 
1539
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1541
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1542
+ margin-top: -3.5em;
1543
+ }
1544
+
1540
1545
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1541
1546
  margin-top: -3.5em;
1542
1547
  }
@@ -1557,6 +1562,7 @@ ejs-dropdownlist {
1557
1562
  .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
1558
1563
  background: none;
1559
1564
  border: 0;
1565
+ color: inherit;
1560
1566
  font-family: inherit;
1561
1567
  font-size: 14px;
1562
1568
  font-weight: 400;
@@ -1625,6 +1631,7 @@ ejs-dropdownlist {
1625
1631
 
1626
1632
  .e-bigger .e-multi-select-wrapper .e-delim-values {
1627
1633
  line-height: 36px;
1634
+ padding-left: 10px;
1628
1635
  }
1629
1636
 
1630
1637
  .e-multi-select-list-wrapper .e-hide-listitem {
@@ -2001,6 +2008,10 @@ ejs-multiselect {
2001
2008
  min-height: 40px;
2002
2009
  }
2003
2010
 
2011
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
2012
+ color: inherit;
2013
+ }
2014
+
2004
2015
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2005
2016
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2006
2017
  -ms-flex-align: normal;
package/styles/highcontrast-light.css CHANGED
@@ -42,6 +42,7 @@
42
42
  .e-dropdownbase.e-bigger .e-list-group-item,
43
43
  .e-dropdownbase.e-bigger .e-fixed-head {
44
44
  line-height: 48px;
45
+ text-indent: 10px;
45
46
  }
46
47
 
47
48
  .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -116,17 +117,14 @@
116
117
 
117
118
  .e-small .e-dropdownbase.e-dd-group .e-list-item {
118
119
  padding-left: 20px;
119
- text-indent: 0;
120
120
  }
121
121
 
122
122
  .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
123
123
  padding-left: 20px;
124
- text-indent: 0;
125
124
  }
126
125
 
127
126
  .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
128
127
  padding-left: 20px;
129
- text-indent: 0;
130
128
  }
131
129
 
132
130
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
@@ -1095,6 +1093,10 @@ ejs-dropdownlist {
1095
1093
  padding: 0 14px 0 0;
1096
1094
  }
1097
1095
 
1096
+ .e-ddt-icon-hide {
1097
+ display: none;
1098
+ }
1099
+
1098
1100
  .e-bigger .e-ddt .e-chips,
1099
1101
  .e-ddt.e-bigger .e-chips {
1100
1102
  height: 34px;
@@ -1680,7 +1682,10 @@ ejs-dropdownlist {
1680
1682
  right: auto;
1681
1683
  }
1682
1684
 
1683
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1685
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1686
+ margin-top: -3.5em;
1687
+ }
1688
+
1684
1689
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1685
1690
  margin-top: -3.5em;
1686
1691
  }
@@ -1701,6 +1706,7 @@ ejs-dropdownlist {
1701
1706
  .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
1702
1707
  background: none;
1703
1708
  border: 0;
1709
+ color: inherit;
1704
1710
  font-family: inherit;
1705
1711
  font-size: 14px;
1706
1712
  font-weight: 400;
@@ -1769,6 +1775,7 @@ ejs-dropdownlist {
1769
1775
 
1770
1776
  .e-bigger .e-multi-select-wrapper .e-delim-values {
1771
1777
  line-height: 36px;
1778
+ padding-left: 10px;
1772
1779
  }
1773
1780
 
1774
1781
  .e-multi-select-list-wrapper .e-hide-listitem {
@@ -2141,6 +2148,10 @@ ejs-multiselect {
2141
2148
  min-height: 40px;
2142
2149
  }
2143
2150
 
2151
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
2152
+ color: inherit;
2153
+ }
2154
+
2144
2155
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2145
2156
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2146
2157
  -ms-flex-align: normal;
package/styles/highcontrast.css CHANGED
@@ -42,6 +42,7 @@
42
42
  .e-dropdownbase.e-bigger .e-list-group-item,
43
43
  .e-dropdownbase.e-bigger .e-fixed-head {
44
44
  line-height: 48px;
45
+ text-indent: 10px;
45
46
  }
46
47
 
47
48
  .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -116,17 +117,14 @@
116
117
 
117
118
  .e-small .e-dropdownbase.e-dd-group .e-list-item {
118
119
  padding-left: 20px;
119
- text-indent: 0;
120
120
  }
121
121
 
122
122
  .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
123
123
  padding-left: 20px;
124
- text-indent: 0;
125
124
  }
126
125
 
127
126
  .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
128
127
  padding-left: 20px;
129
- text-indent: 0;
130
128
  }
131
129
 
132
130
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
@@ -1096,6 +1094,10 @@ ejs-dropdownlist {
1096
1094
  padding: 0 14px 0 0;
1097
1095
  }
1098
1096
 
1097
+ .e-ddt-icon-hide {
1098
+ display: none;
1099
+ }
1100
+
1099
1101
  .e-bigger .e-ddt .e-chips,
1100
1102
  .e-ddt.e-bigger .e-chips {
1101
1103
  height: 34px;
@@ -1687,7 +1689,10 @@ ejs-dropdownlist {
1687
1689
  right: auto;
1688
1690
  }
1689
1691
 
1690
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1692
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1693
+ margin-top: -3.5em;
1694
+ }
1695
+
1691
1696
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1692
1697
  margin-top: -3.5em;
1693
1698
  }
@@ -1708,6 +1713,7 @@ ejs-dropdownlist {
1708
1713
  .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
1709
1714
  background: none;
1710
1715
  border: 0;
1716
+ color: inherit;
1711
1717
  font-family: inherit;
1712
1718
  font-size: 14px;
1713
1719
  font-weight: 400;
@@ -1776,6 +1782,7 @@ ejs-dropdownlist {
1776
1782
 
1777
1783
  .e-bigger .e-multi-select-wrapper .e-delim-values {
1778
1784
  line-height: 36px;
1785
+ padding-left: 10px;
1779
1786
  }
1780
1787
 
1781
1788
  .e-multi-select-list-wrapper .e-hide-listitem {
@@ -2148,6 +2155,10 @@ ejs-multiselect {
2148
2155
  min-height: 40px;
2149
2156
  }
2150
2157
 
2158
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
2159
+ color: inherit;
2160
+ }
2161
+
2151
2162
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2152
2163
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2153
2164
  -ms-flex-align: normal;