@syncfusion/ej2-angular-dropdowns 20.2.48 → 20.2.50

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 (332) hide show
  1. package/package.json +7 -7
  2. package/schematics/utils/lib-details.ts +2 -2
  3. package/styles/auto-complete/_all.scss +1 -1
  4. package/styles/auto-complete/_bootstrap-dark-definition.scss +1 -1
  5. package/styles/auto-complete/_bootstrap-definition.scss +1 -1
  6. package/styles/auto-complete/_bootstrap4-definition.scss +2 -2
  7. package/styles/auto-complete/_bootstrap5-definition.scss +1 -1
  8. package/styles/auto-complete/_fabric-dark-definition.scss +1 -1
  9. package/styles/auto-complete/_fabric-definition.scss +1 -1
  10. package/styles/auto-complete/_fluent-definition.scss +1 -1
  11. package/styles/auto-complete/_fusionnew-definition.scss +1 -1
  12. package/styles/auto-complete/_highcontrast-definition.scss +1 -1
  13. package/styles/auto-complete/_highcontrast-light-definition.scss +1 -1
  14. package/styles/auto-complete/_material-dark-definition.scss +1 -1
  15. package/styles/auto-complete/_material-definition.scss +1 -1
  16. package/styles/auto-complete/_material3-definition.scss +1 -1
  17. package/styles/auto-complete/_tailwind-definition.scss +1 -1
  18. package/styles/auto-complete/bootstrap-dark.css +1 -3
  19. package/styles/auto-complete/bootstrap.css +1 -3
  20. package/styles/auto-complete/bootstrap4.css +1 -3
  21. package/styles/auto-complete/bootstrap5-dark.css +1 -3
  22. package/styles/auto-complete/bootstrap5.css +1 -3
  23. package/styles/auto-complete/fabric-dark.css +1 -3
  24. package/styles/auto-complete/fabric.css +1 -3
  25. package/styles/auto-complete/fluent-dark.css +1 -3
  26. package/styles/auto-complete/fluent.css +1 -3
  27. package/styles/auto-complete/highcontrast-light.css +1 -3
  28. package/styles/auto-complete/highcontrast.css +1 -3
  29. package/styles/auto-complete/material-dark.css +1 -3
  30. package/styles/auto-complete/material.css +1 -3
  31. package/styles/auto-complete/tailwind-dark.css +1 -3
  32. package/styles/auto-complete/tailwind.css +1 -3
  33. package/styles/bootstrap-dark.css +42 -72
  34. package/styles/bootstrap-dark.scss +0 -1
  35. package/styles/bootstrap.css +42 -72
  36. package/styles/bootstrap.scss +0 -1
  37. package/styles/bootstrap4.css +42 -73
  38. package/styles/bootstrap4.scss +0 -1
  39. package/styles/bootstrap5-dark.css +44 -79
  40. package/styles/bootstrap5-dark.scss +0 -1
  41. package/styles/bootstrap5.css +44 -79
  42. package/styles/bootstrap5.scss +0 -1
  43. package/styles/combo-box/_all.scss +1 -1
  44. package/styles/combo-box/_bootstrap-dark-definition.scss +1 -1
  45. package/styles/combo-box/_bootstrap-definition.scss +1 -1
  46. package/styles/combo-box/_bootstrap4-definition.scss +2 -2
  47. package/styles/combo-box/_bootstrap5-definition.scss +1 -1
  48. package/styles/combo-box/_fabric-dark-definition.scss +1 -1
  49. package/styles/combo-box/_fabric-definition.scss +1 -1
  50. package/styles/combo-box/_fluent-definition.scss +1 -1
  51. package/styles/combo-box/_fusionnew-definition.scss +1 -1
  52. package/styles/combo-box/_highcontrast-definition.scss +1 -1
  53. package/styles/combo-box/_highcontrast-light-definition.scss +1 -1
  54. package/styles/combo-box/_material-dark-definition.scss +1 -1
  55. package/styles/combo-box/_material-definition.scss +1 -1
  56. package/styles/combo-box/_material3-definition.scss +1 -1
  57. package/styles/combo-box/_tailwind-definition.scss +1 -1
  58. package/styles/combo-box/bootstrap-dark.css +1 -3
  59. package/styles/combo-box/bootstrap.css +1 -3
  60. package/styles/combo-box/bootstrap4.css +1 -3
  61. package/styles/combo-box/bootstrap5-dark.css +1 -3
  62. package/styles/combo-box/bootstrap5.css +1 -3
  63. package/styles/combo-box/fabric-dark.css +1 -3
  64. package/styles/combo-box/fabric.css +1 -3
  65. package/styles/combo-box/fluent-dark.css +1 -3
  66. package/styles/combo-box/fluent.css +1 -3
  67. package/styles/combo-box/highcontrast-light.css +1 -3
  68. package/styles/combo-box/highcontrast.css +1 -3
  69. package/styles/combo-box/material-dark.css +1 -3
  70. package/styles/combo-box/material.css +1 -3
  71. package/styles/combo-box/tailwind-dark.css +1 -3
  72. package/styles/combo-box/tailwind.css +1 -3
  73. package/styles/drop-down-base/_all.scss +1 -1
  74. package/styles/drop-down-base/_bootstrap-dark-definition.scss +2 -5
  75. package/styles/drop-down-base/_bootstrap-definition.scss +1 -3
  76. package/styles/drop-down-base/_bootstrap4-definition.scss +1 -3
  77. package/styles/drop-down-base/_bootstrap5-definition.scss +3 -5
  78. package/styles/drop-down-base/_fabric-dark-definition.scss +1 -3
  79. package/styles/drop-down-base/_fabric-definition.scss +1 -3
  80. package/styles/drop-down-base/_fluent-definition.scss +2 -5
  81. package/styles/drop-down-base/_fusionnew-definition.scss +3 -5
  82. package/styles/drop-down-base/_highcontrast-definition.scss +6 -13
  83. package/styles/drop-down-base/_highcontrast-light-definition.scss +7 -15
  84. package/styles/drop-down-base/_layout.scss +3 -40
  85. package/styles/drop-down-base/_material-dark-definition.scss +1 -4
  86. package/styles/drop-down-base/_material-definition.scss +0 -3
  87. package/styles/drop-down-base/_material3-definition.scss +3 -5
  88. package/styles/drop-down-base/_tailwind-definition.scss +3 -5
  89. package/styles/drop-down-base/_theme.scss +4 -4
  90. package/styles/drop-down-base/bootstrap-dark.css +1 -38
  91. package/styles/drop-down-base/bootstrap.css +1 -38
  92. package/styles/drop-down-base/bootstrap4.css +1 -38
  93. package/styles/drop-down-base/bootstrap5-dark.css +1 -38
  94. package/styles/drop-down-base/bootstrap5.css +1 -38
  95. package/styles/drop-down-base/fabric-dark.css +1 -38
  96. package/styles/drop-down-base/fabric.css +1 -38
  97. package/styles/drop-down-base/fluent-dark.css +1 -38
  98. package/styles/drop-down-base/fluent.css +1 -38
  99. package/styles/drop-down-base/highcontrast-light.css +1 -38
  100. package/styles/drop-down-base/highcontrast.css +1 -38
  101. package/styles/drop-down-base/material-dark.css +1 -38
  102. package/styles/drop-down-base/material.css +1 -38
  103. package/styles/drop-down-base/tailwind-dark.css +1 -38
  104. package/styles/drop-down-base/tailwind.css +1 -38
  105. package/styles/drop-down-list/_all.scss +1 -2
  106. package/styles/drop-down-list/_bootstrap-dark-definition.scss +1 -2
  107. package/styles/drop-down-list/_bootstrap-definition.scss +1 -2
  108. package/styles/drop-down-list/_bootstrap4-definition.scss +1 -3
  109. package/styles/drop-down-list/_bootstrap5-definition.scss +3 -3
  110. package/styles/drop-down-list/_fabric-dark-definition.scss +1 -2
  111. package/styles/drop-down-list/_fabric-definition.scss +0 -2
  112. package/styles/drop-down-list/_fluent-definition.scss +1 -2
  113. package/styles/drop-down-list/_fusionnew-definition.scss +3 -3
  114. package/styles/drop-down-list/_highcontrast-definition.scss +10 -21
  115. package/styles/drop-down-list/_highcontrast-light-definition.scss +11 -22
  116. package/styles/drop-down-list/_layout.scss +9 -8
  117. package/styles/drop-down-list/_material-dark-definition.scss +2 -2
  118. package/styles/drop-down-list/_material-definition.scss +0 -1
  119. package/styles/drop-down-list/_material3-definition.scss +3 -3
  120. package/styles/drop-down-list/_tailwind-definition.scss +0 -1
  121. package/styles/drop-down-list/_theme.scss +3 -3
  122. package/styles/drop-down-list/bootstrap-dark.css +0 -5
  123. package/styles/drop-down-list/bootstrap.css +0 -5
  124. package/styles/drop-down-list/bootstrap4.css +0 -5
  125. package/styles/drop-down-list/bootstrap5-dark.css +0 -6
  126. package/styles/drop-down-list/bootstrap5.css +0 -6
  127. package/styles/drop-down-list/fabric-dark.css +0 -5
  128. package/styles/drop-down-list/fabric.css +0 -5
  129. package/styles/drop-down-list/fluent-dark.css +0 -6
  130. package/styles/drop-down-list/fluent.css +0 -6
  131. package/styles/drop-down-list/highcontrast-light.css +0 -5
  132. package/styles/drop-down-list/highcontrast.css +0 -5
  133. package/styles/drop-down-list/icons/_bootstrap.scss +1 -0
  134. package/styles/drop-down-list/icons/_fabric.scss +1 -0
  135. package/styles/drop-down-list/icons/_material.scss +1 -0
  136. package/styles/drop-down-list/material-dark.css +0 -5
  137. package/styles/drop-down-list/material.css +0 -5
  138. package/styles/drop-down-list/tailwind-dark.css +0 -6
  139. package/styles/drop-down-list/tailwind.css +0 -6
  140. package/styles/drop-down-tree/_all.scss +1 -1
  141. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +1 -1
  142. package/styles/drop-down-tree/_bootstrap-definition.scss +1 -1
  143. package/styles/drop-down-tree/_bootstrap4-definition.scss +1 -1
  144. package/styles/drop-down-tree/_bootstrap5-definition.scss +2 -2
  145. package/styles/drop-down-tree/_fabric-dark-definition.scss +1 -1
  146. package/styles/drop-down-tree/_fabric-definition.scss +2 -2
  147. package/styles/drop-down-tree/_fluent-definition.scss +2 -2
  148. package/styles/drop-down-tree/_fusionnew-definition.scss +2 -2
  149. package/styles/drop-down-tree/_highcontrast-definition.scss +1 -1
  150. package/styles/drop-down-tree/_highcontrast-light-definition.scss +1 -1
  151. package/styles/drop-down-tree/_layout.scss +2 -1
  152. package/styles/drop-down-tree/_material-dark-definition.scss +2 -2
  153. package/styles/drop-down-tree/_material-definition.scss +2 -2
  154. package/styles/drop-down-tree/_material3-definition.scss +2 -2
  155. package/styles/drop-down-tree/_tailwind-definition.scss +2 -2
  156. package/styles/drop-down-tree/bootstrap-dark.css +0 -4
  157. package/styles/drop-down-tree/bootstrap.css +0 -4
  158. package/styles/drop-down-tree/bootstrap4.css +0 -4
  159. package/styles/drop-down-tree/bootstrap5-dark.css +0 -5
  160. package/styles/drop-down-tree/bootstrap5.css +0 -5
  161. package/styles/drop-down-tree/fabric-dark.css +0 -4
  162. package/styles/drop-down-tree/fabric.css +0 -4
  163. package/styles/drop-down-tree/fluent-dark.css +0 -5
  164. package/styles/drop-down-tree/fluent.css +0 -5
  165. package/styles/drop-down-tree/highcontrast-light.css +0 -4
  166. package/styles/drop-down-tree/highcontrast.css +0 -4
  167. package/styles/drop-down-tree/icons/_bootstrap.scss +1 -0
  168. package/styles/drop-down-tree/icons/_bootstrap4.scss +1 -0
  169. package/styles/drop-down-tree/icons/_fabric.scss +1 -0
  170. package/styles/drop-down-tree/icons/_highcontrast-light.scss +1 -0
  171. package/styles/drop-down-tree/icons/_highcontrast.scss +1 -0
  172. package/styles/drop-down-tree/icons/_material-dark.scss +1 -0
  173. package/styles/drop-down-tree/icons/_material.scss +1 -0
  174. package/styles/drop-down-tree/material-dark.css +0 -4
  175. package/styles/drop-down-tree/material.css +0 -4
  176. package/styles/drop-down-tree/tailwind-dark.css +0 -5
  177. package/styles/drop-down-tree/tailwind.css +0 -5
  178. package/styles/fabric-dark.css +42 -72
  179. package/styles/fabric-dark.scss +0 -1
  180. package/styles/fabric.css +42 -72
  181. package/styles/fabric.scss +0 -1
  182. package/styles/fluent-dark.css +44 -79
  183. package/styles/fluent-dark.scss +0 -1
  184. package/styles/fluent.css +44 -79
  185. package/styles/fluent.scss +0 -1
  186. package/styles/highcontrast-light.css +42 -75
  187. package/styles/highcontrast-light.scss +0 -1
  188. package/styles/highcontrast.css +42 -75
  189. package/styles/highcontrast.scss +0 -1
  190. package/styles/list-box/_all.scss +1 -1
  191. package/styles/list-box/_bootstrap-dark-definition.scss +0 -2
  192. package/styles/list-box/_bootstrap-definition.scss +0 -1
  193. package/styles/list-box/_bootstrap4-definition.scss +0 -1
  194. package/styles/list-box/_bootstrap5-definition.scss +0 -3
  195. package/styles/list-box/_fabric-dark-definition.scss +1 -3
  196. package/styles/list-box/_fabric-definition.scss +0 -1
  197. package/styles/list-box/_fluent-definition.scss +0 -3
  198. package/styles/list-box/_fusionnew-definition.scss +0 -1
  199. package/styles/list-box/_highcontrast-definition.scss +0 -1
  200. package/styles/list-box/_highcontrast-light-definition.scss +1 -3
  201. package/styles/list-box/_layout.scss +17 -8
  202. package/styles/list-box/_material-dark-definition.scss +0 -2
  203. package/styles/list-box/_material-definition.scss +0 -1
  204. package/styles/list-box/_material3-definition.scss +0 -1
  205. package/styles/list-box/_tailwind-definition.scss +0 -3
  206. package/styles/list-box/_theme.scss +25 -11
  207. package/styles/list-box/bootstrap-dark.css +33 -12
  208. package/styles/list-box/bootstrap.css +35 -14
  209. package/styles/list-box/bootstrap4.css +35 -14
  210. package/styles/list-box/bootstrap5-dark.css +36 -15
  211. package/styles/list-box/bootstrap5.css +36 -15
  212. package/styles/list-box/fabric-dark.css +33 -12
  213. package/styles/list-box/fabric.css +35 -14
  214. package/styles/list-box/fluent-dark.css +36 -15
  215. package/styles/list-box/fluent.css +36 -15
  216. package/styles/list-box/highcontrast-light.css +33 -12
  217. package/styles/list-box/highcontrast.css +35 -14
  218. package/styles/list-box/icons/_bootstrap-dark.scss +2 -2
  219. package/styles/list-box/icons/_bootstrap.scss +1 -1
  220. package/styles/list-box/icons/_bootstrap4.scss +1 -1
  221. package/styles/list-box/icons/_bootstrap5.scss +1 -1
  222. package/styles/list-box/icons/_fabric-dark.scss +1 -1
  223. package/styles/list-box/icons/_fabric.scss +1 -1
  224. package/styles/list-box/icons/_fluent.scss +1 -1
  225. package/styles/list-box/icons/_fusionnew.scss +1 -1
  226. package/styles/list-box/icons/_highcontrast-light.scss +1 -1
  227. package/styles/list-box/icons/_highcontrast.scss +1 -1
  228. package/styles/list-box/icons/_material-dark.scss +1 -1
  229. package/styles/list-box/icons/_material.scss +2 -2
  230. package/styles/list-box/icons/_material3.scss +1 -1
  231. package/styles/list-box/icons/_tailwind-dark.scss +1 -1
  232. package/styles/list-box/icons/_tailwind.scss +1 -1
  233. package/styles/list-box/material-dark.css +33 -12
  234. package/styles/list-box/material.css +35 -14
  235. package/styles/list-box/tailwind-dark.css +36 -15
  236. package/styles/list-box/tailwind.css +36 -15
  237. package/styles/material-dark.css +42 -72
  238. package/styles/material-dark.scss +0 -1
  239. package/styles/material.css +42 -72
  240. package/styles/material.scss +0 -1
  241. package/styles/multi-select/_all.scss +1 -1
  242. package/styles/multi-select/_bootstrap-dark-definition.scss +1 -4
  243. package/styles/multi-select/_bootstrap-definition.scss +0 -2
  244. package/styles/multi-select/_bootstrap4-definition.scss +2 -5
  245. package/styles/multi-select/_bootstrap5-definition.scss +2 -2
  246. package/styles/multi-select/_fabric-dark-definition.scss +3 -5
  247. package/styles/multi-select/_fabric-definition.scss +2 -4
  248. package/styles/multi-select/_fluent-definition.scss +1 -2
  249. package/styles/multi-select/_fusionnew-definition.scss +2 -2
  250. package/styles/multi-select/_highcontrast-definition.scss +24 -47
  251. package/styles/multi-select/_highcontrast-light-definition.scss +25 -48
  252. package/styles/multi-select/_layout.scss +71 -59
  253. package/styles/multi-select/_material-dark-definition.scss +1 -3
  254. package/styles/multi-select/_material-definition.scss +0 -1
  255. package/styles/multi-select/_material3-definition.scss +2 -2
  256. package/styles/multi-select/_tailwind-definition.scss +3 -2
  257. package/styles/multi-select/_theme.scss +21 -16
  258. package/styles/multi-select/bootstrap-dark.css +6 -10
  259. package/styles/multi-select/bootstrap.css +6 -10
  260. package/styles/multi-select/bootstrap4.css +6 -10
  261. package/styles/multi-select/bootstrap5-dark.css +6 -11
  262. package/styles/multi-select/bootstrap5.css +6 -11
  263. package/styles/multi-select/fabric-dark.css +6 -10
  264. package/styles/multi-select/fabric.css +6 -10
  265. package/styles/multi-select/fluent-dark.css +6 -11
  266. package/styles/multi-select/fluent.css +6 -11
  267. package/styles/multi-select/highcontrast-light.css +6 -13
  268. package/styles/multi-select/highcontrast.css +6 -13
  269. package/styles/multi-select/icons/_bootstrap5.scss +1 -0
  270. package/styles/multi-select/icons/_fluent.scss +1 -0
  271. package/styles/multi-select/icons/_fusionnew.scss +1 -0
  272. package/styles/multi-select/icons/_material-dark.scss +54 -53
  273. package/styles/multi-select/icons/_material.scss +54 -53
  274. package/styles/multi-select/icons/_material3.scss +1 -0
  275. package/styles/multi-select/icons/_tailwind.scss +1 -0
  276. package/styles/multi-select/material-dark.css +6 -10
  277. package/styles/multi-select/material.css +6 -10
  278. package/styles/multi-select/tailwind-dark.css +6 -11
  279. package/styles/multi-select/tailwind.css +6 -11
  280. package/styles/tailwind-dark.css +44 -80
  281. package/styles/tailwind-dark.scss +0 -1
  282. package/styles/tailwind.css +44 -80
  283. package/styles/tailwind.scss +0 -1
  284. package/styles/mention/_all.scss +0 -1
  285. package/styles/mention/_bootstrap-dark-definition.scss +0 -3
  286. package/styles/mention/_bootstrap-definition.scss +0 -3
  287. package/styles/mention/_bootstrap4-definition.scss +0 -3
  288. package/styles/mention/_bootstrap5-dark-definition.scss +0 -1
  289. package/styles/mention/_bootstrap5-definition.scss +0 -1
  290. package/styles/mention/_fabric-dark-definition.scss +0 -2
  291. package/styles/mention/_fabric-definition.scss +0 -3
  292. package/styles/mention/_fluent-dark-definition.scss +0 -1
  293. package/styles/mention/_fluent-definition.scss +0 -1
  294. package/styles/mention/_fusionnew-definition.scss +0 -1
  295. package/styles/mention/_highcontrast-definition.scss +0 -3
  296. package/styles/mention/_highcontrast-light-definition.scss +0 -3
  297. package/styles/mention/_layout.scss +0 -6
  298. package/styles/mention/_material-dark-definition.scss +0 -3
  299. package/styles/mention/_material-definition.scss +0 -3
  300. package/styles/mention/_material3-definition.scss +0 -1
  301. package/styles/mention/_tailwind-dark-definition.scss +0 -1
  302. package/styles/mention/_tailwind-definition.scss +0 -1
  303. package/styles/mention/bootstrap-dark.css +0 -12
  304. package/styles/mention/bootstrap-dark.scss +0 -4
  305. package/styles/mention/bootstrap.css +0 -12
  306. package/styles/mention/bootstrap.scss +0 -4
  307. package/styles/mention/bootstrap4.css +0 -30
  308. package/styles/mention/bootstrap4.scss +0 -4
  309. package/styles/mention/bootstrap5-dark.css +0 -40
  310. package/styles/mention/bootstrap5-dark.scss +0 -4
  311. package/styles/mention/bootstrap5.css +0 -40
  312. package/styles/mention/bootstrap5.scss +0 -4
  313. package/styles/mention/fabric-dark.css +0 -12
  314. package/styles/mention/fabric-dark.scss +0 -4
  315. package/styles/mention/fabric.css +0 -12
  316. package/styles/mention/fabric.scss +0 -4
  317. package/styles/mention/fluent-dark.css +0 -40
  318. package/styles/mention/fluent-dark.scss +0 -4
  319. package/styles/mention/fluent.css +0 -40
  320. package/styles/mention/fluent.scss +0 -4
  321. package/styles/mention/highcontrast-light.css +0 -26
  322. package/styles/mention/highcontrast-light.scss +0 -4
  323. package/styles/mention/highcontrast.css +0 -26
  324. package/styles/mention/highcontrast.scss +0 -4
  325. package/styles/mention/material-dark.css +0 -12
  326. package/styles/mention/material-dark.scss +0 -4
  327. package/styles/mention/material.css +0 -12
  328. package/styles/mention/material.scss +0 -4
  329. package/styles/mention/tailwind-dark.css +0 -50
  330. package/styles/mention/tailwind-dark.scss +0 -4
  331. package/styles/mention/tailwind.css +0 -50
  332. package/styles/mention/tailwind.scss +0 -4
@@ -1,4 +1,4 @@
1
- .e-multi-select-wrapper {
1
+ .e-multi-select-wrapper {
2
2
  box-sizing: border-box;
3
3
  cursor: text;
4
4
  line-height: normal;
@@ -12,8 +12,7 @@
12
12
  #{if(&, '&', '*')} .e-searcher,
13
13
  #{if(&, '&', '*')} .e-multi-searcher {
14
14
  height: 27px;
15
- vertical-align: middle;
16
- #{if(&, '&', '*')} .e-dropdownbase {
15
+ vertical-align: middle;#{if(&, '&', '*')} .e-dropdownbase {
17
16
  height: 100%;
18
17
  min-height: 100%;
19
18
  }
@@ -52,13 +51,14 @@
52
51
  .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
53
52
  width: 0;
54
53
 
55
- input[type = 'text'] {
54
+ input[type='text'] {
56
55
  height: 1px;
57
56
  min-height: 1px;
58
57
  }
58
+
59
59
  }
60
60
 
61
- .e-chips.e-mob-chip > .e-chipcontent {
61
+ .e-chips.e-mob-chip>.e-chipcontent {
62
62
  max-width: 100%;
63
63
  }
64
64
  }
@@ -218,7 +218,7 @@
218
218
  margin: $ddl-chip-margin-bigger;
219
219
  }
220
220
 
221
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
221
+ .e-multi-select-wrapper .e-chips>.e-chipcontent {
222
222
  max-width: 100%;
223
223
  overflow: hidden;
224
224
  padding: $ddl-chip-content-padding;
@@ -237,12 +237,12 @@
237
237
  }
238
238
  }
239
239
 
240
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
241
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
240
+ .e-multi-select-wrapper .e-mob-chip.e-chips>.e-chipcontent,
241
+ .e-bigger .e-multi-select-wrapper .e-chips>.e-chipcontent {
242
242
  padding: $ddl-chip-mobile-content-padding;
243
243
  }
244
244
 
245
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
245
+ .e-bigger .e-multi-select-wrapper .e-chips>.e-chipcontent {
246
246
  @if $ddl-multiselect-skin-name == 'bootstrap4' or $ddl-multiselect-skin-name == 'bootstrap5' {
247
247
  padding: $ddl-chip-bigger-content-padding;
248
248
  }
@@ -279,6 +279,7 @@
279
279
  right: $ddl-chip-hooker-right;
280
280
  top: $ddl-closer-hooker-top;
281
281
  width: $ddl-chip-hooker-square;
282
+
282
283
  }
283
284
 
284
285
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -407,12 +408,12 @@
407
408
  }
408
409
  }
409
410
 
410
- .e-multi-select-wrapper input[type = 'text'] {
411
+ .e-multi-select-wrapper input[type='text'] {
411
412
  background: none;
412
413
  border: 0;
413
414
  font-family: $ddl-chip-font-family;
414
415
  font-size: $ddl-chip-font-size;
415
- font-weight: normal;
416
+ font-weight: 400;
416
417
  height: $ddl-input-height;
417
418
  min-height: $ddl-input-height;
418
419
  outline: none;
@@ -420,13 +421,13 @@
420
421
  text-indent: $ddl-input-text-indent;
421
422
  }
422
423
 
423
- .e-multiselect.e-filled .e-multi-select-wrapper input[type = 'text'] {
424
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
424
425
  background: none;
425
426
  border: 0;
426
427
  color: inherit;
427
428
  font-family: $ddl-chip-font-family;
428
429
  font-size: $ddl-delim-font-size;
429
- font-weight: normal;
430
+ font-weight: 400;
430
431
  height: $ddl-input-height;
431
432
  min-height: $ddl-input-height;
432
433
  outline: none;
@@ -434,17 +435,17 @@
434
435
  text-indent: $ddl-input-text-indent;
435
436
  }
436
437
 
437
- .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type = 'text'] {
438
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
438
439
  padding: 5px;
439
440
  }
440
441
 
441
- .e-bigger .e-multi-select-wrapper input[type = 'text'],
442
- .e-multi-select-wrapper.e-mob-wrapper input[type = 'text'] {
442
+ .e-bigger .e-multi-select-wrapper input[type='text'],
443
+ .e-multi-select-wrapper.e-mob-wrapper input[type='text'] {
443
444
  height: $ddl-input-height;
444
445
  min-height: $ddl-input-height;
445
446
  }
446
447
 
447
- .e-bigger .e-multi-select-wrapper input[type = 'text'] {
448
+ .e-bigger .e-multi-select-wrapper input[type='text'] {
448
449
  @if $ddl-multiselect-skin-name == 'bootstrap4' {
449
450
  font-size: $ddl-chip-bigger-font-size;
450
451
  }
@@ -455,8 +456,8 @@
455
456
  min-height: $ddl-input-bigger-height;
456
457
  }
457
458
 
458
- /* stylelint-disable property-no-vendor-prefix */
459
- .e-multi-select-wrapper input[type = 'text']::-ms-clear {
459
+ // sass-lint:disable no-vendor-prefixes
460
+ .e-multi-select-wrapper input[type='text']::-ms-clear {
460
461
  display: none;
461
462
  }
462
463
 
@@ -661,7 +662,7 @@
661
662
  .e-chipcontent {
662
663
  padding: $ddl-rtl-mob-sel-chip-content-padding;
663
664
  }
664
- }
665
+ }
665
666
 
666
667
  .e-chips-close.e-close-hooker {
667
668
  left: $ddl-close-icon-left;
@@ -670,15 +671,16 @@
670
671
  @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'tailwind' {
671
672
  left: 0;
672
673
  }
673
- }
674
+ }
674
675
 
675
676
  .e-close-hooker::before {
676
677
  left: $ddl-rtl-hooker-left;
677
- }
678
+ }
678
679
 
679
680
  .e-delim-values .e-remain {
680
681
  padding-right: $ddl-remains-padding-left;
681
682
  }
683
+
682
684
  }
683
685
  }
684
686
 
@@ -979,7 +981,7 @@
979
981
  opacity: .7;
980
982
  }
981
983
 
982
- .e-multi-select-wrapper input[readonly = 'true'] {
984
+ .e-multi-select-wrapper input[readonly='true'] {
983
985
  pointer-events: none;
984
986
  }
985
987
 
@@ -1004,6 +1006,7 @@ ejs-multiselect {
1004
1006
  }
1005
1007
  }
1006
1008
 
1009
+
1007
1010
  // small size
1008
1011
  .e-small.e-multi-select-list-wrapper .e-selectall-parent,
1009
1012
  .e-small .e-multi-select-list-wrapper .e-selectall-parent {
@@ -1044,7 +1047,7 @@ ejs-multiselect {
1044
1047
  }
1045
1048
  }
1046
1049
 
1047
- .e-small .e-multi-select-wrapper input[type = 'text'] {
1050
+ .e-small .e-multi-select-wrapper input[type='text'] {
1048
1051
  @if $ddl-multiselect-skin-name == 'tailwind' {
1049
1052
  font-size: $ddl-chip-small-font-size;
1050
1053
  }
@@ -1067,7 +1070,7 @@ ejs-multiselect {
1067
1070
  }
1068
1071
  }
1069
1072
 
1070
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1073
+ .e-small .e-multi-select-wrapper .e-chips>.e-chipcontent {
1071
1074
  @if $ddl-multiselect-skin-name == 'bootstrap4' {
1072
1075
  padding: $ddl-chip-small-content-padding;
1073
1076
  }
@@ -1092,7 +1095,7 @@ ejs-multiselect {
1092
1095
  min-height: $ddl-control-bigger-small-height;
1093
1096
  }
1094
1097
 
1095
- .e-bigger.e-small .e-multi-select-wrapper input[type = 'text'] {
1098
+ .e-bigger.e-small .e-multi-select-wrapper input[type='text'] {
1096
1099
  @if $ddl-multiselect-skin-name == 'tailwind' {
1097
1100
  font-size: $ddl-chip-bigger-small-font-size;
1098
1101
  }
@@ -1121,7 +1124,7 @@ ejs-multiselect {
1121
1124
  }
1122
1125
  }
1123
1126
 
1124
- .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1127
+ .e-small.e-bigger .e-multi-select-wrapper .e-chips>.e-chipcontent {
1125
1128
  @if $ddl-multiselect-skin-name == 'bootstrap4' {
1126
1129
  padding: $ddl-chip-bigger-content-padding;
1127
1130
  }
@@ -1140,7 +1143,7 @@ ejs-multiselect {
1140
1143
 
1141
1144
  // Outline textbox configuration
1142
1145
 
1143
- .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
1146
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
1144
1147
  color: inherit;
1145
1148
  @if $ddl-multiselect-skin-name == 'material' {
1146
1149
  font-size: inherit;
@@ -1149,14 +1152,14 @@ ejs-multiselect {
1149
1152
  }
1150
1153
  }
1151
1154
 
1152
- .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'] {
1155
+ .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'] {
1153
1156
  @if $ddl-multiselect-skin-name == 'material' {
1154
1157
  padding: 8px 12px 9px;
1155
1158
  }
1156
1159
  }
1157
1160
 
1158
- .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
1159
- .e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
1161
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
1162
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
1160
1163
  @if $ddl-multiselect-skin-name == 'material' {
1161
1164
  font-size: inherit;
1162
1165
  min-height: $outline-multiselect-small-inner-input-height;
@@ -1164,17 +1167,17 @@ ejs-multiselect {
1164
1167
  }
1165
1168
  }
1166
1169
 
1167
- .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
1168
- .e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'] {
1170
+ .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'],
1171
+ .e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'] {
1169
1172
  @if $ddl-multiselect-skin-name == 'material' {
1170
1173
  padding: 7px 10px;
1171
1174
  }
1172
1175
  }
1173
1176
 
1174
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
1175
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
1176
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
1177
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
1177
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
1178
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
1179
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
1180
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
1178
1181
  @if $ddl-multiselect-skin-name == 'material' {
1179
1182
  font-size: inherit;
1180
1183
  min-height: $outline-multiselect-inner-input-height;
@@ -1182,17 +1185,17 @@ ejs-multiselect {
1182
1185
  }
1183
1186
  }
1184
1187
 
1185
- .e-bigger.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
1186
- .e-bigger.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
1187
- .e-bigger .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
1188
- .e-small .e-bigger.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'] {
1188
+ .e-bigger.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'],
1189
+ .e-bigger.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'],
1190
+ .e-bigger .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'],
1191
+ .e-small .e-bigger.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'] {
1189
1192
  @if $ddl-multiselect-skin-name == 'material' {
1190
1193
  padding: 8px 12px 9px;
1191
1194
  }
1192
1195
  }
1193
1196
 
1194
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
1195
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
1197
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
1198
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
1196
1199
  @if $ddl-multiselect-skin-name == 'material' {
1197
1200
  font-size: inherit;
1198
1201
  min-height: $outline-multiselect-bigger-inner-input-height;
@@ -1591,6 +1594,7 @@ ejs-multiselect {
1591
1594
  }
1592
1595
  }
1593
1596
 
1597
+
1594
1598
  .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1595
1599
  .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1596
1600
  .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
@@ -1604,6 +1608,7 @@ ejs-multiselect {
1604
1608
  }
1605
1609
  }
1606
1610
 
1611
+
1607
1612
  // Filled theme specifications
1608
1613
 
1609
1614
  // Multiselect wrapper
@@ -1653,26 +1658,26 @@ ejs-multiselect {
1653
1658
 
1654
1659
  // Searchable input
1655
1660
 
1656
- .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
1657
- .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
1658
- .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
1659
- .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
1660
- .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
1661
+ .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
1662
+ .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
1663
+ .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
1664
+ .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
1665
+ .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'] {
1661
1666
  @if $ddl-multiselect-skin-name == 'material' {
1662
1667
  min-height: $ddl-multiselect-filled-input-min-height;
1663
1668
  padding-right: 10px;
1664
1669
  }
1665
1670
  }
1666
1671
 
1667
- .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
1668
- .e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
1672
+ .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
1673
+ .e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'] {
1669
1674
  @if $ddl-multiselect-skin-name == 'material' {
1670
1675
  min-height: $ddl-multiselect-filled-input-min-height-small;
1671
1676
  }
1672
1677
  }
1673
1678
 
1674
- .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'],
1675
- .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'] {
1679
+ .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'],
1680
+ .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'] {
1676
1681
  @if $ddl-multiselect-skin-name == 'material' {
1677
1682
  height: $ddl-multiselect-filled-float-input-min-height-small;
1678
1683
  min-height: $ddl-multiselect-filled-float-input-min-height-small;
@@ -1680,15 +1685,15 @@ ejs-multiselect {
1680
1685
  }
1681
1686
  }
1682
1687
 
1683
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
1684
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
1688
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
1689
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'] {
1685
1690
  @if $ddl-multiselect-skin-name == 'material' {
1686
1691
  min-height: $ddl-multiselect-filled-input-min-height-bigger;
1687
1692
  }
1688
1693
  }
1689
1694
 
1690
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'],
1691
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'] {
1695
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'],
1696
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'] {
1692
1697
  @if $ddl-multiselect-skin-name == 'material' {
1693
1698
  min-height: $ddl-multiselect-filled-float-input-min-height-bigger;
1694
1699
  }
@@ -1729,15 +1734,16 @@ ejs-multiselect {
1729
1734
  }
1730
1735
 
1731
1736
  .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
1732
- .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
1737
+ .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher
1738
+ .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
1733
1739
  .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
1734
1740
  @if $ddl-multiselect-skin-name == 'material' {
1735
1741
  height: $ddl-multiselect-filled-float-input-min-height;
1736
1742
  }
1737
1743
  }
1738
1744
 
1739
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type = 'text'],
1740
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type = 'text'] {
1745
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type='text'],
1746
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type='text'] {
1741
1747
  padding: 5px 0;
1742
1748
  }
1743
1749
 
@@ -1809,6 +1815,7 @@ ejs-multiselect {
1809
1815
  }
1810
1816
  }
1811
1817
 
1818
+
1812
1819
  // Chip specifications
1813
1820
 
1814
1821
  .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
@@ -1826,6 +1833,7 @@ ejs-multiselect {
1826
1833
  height: 24px;
1827
1834
  }
1828
1835
 
1836
+
1829
1837
  .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1830
1838
  .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1831
1839
  height: 32px;
@@ -1975,6 +1983,10 @@ ejs-multiselect {
1975
1983
  padding-right: 8px;
1976
1984
  }
1977
1985
 
1986
+
1987
+
1988
+
1989
+
1978
1990
  // Clear icon styles
1979
1991
 
1980
1992
  .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
@@ -1,4 +1,4 @@
1
- //default
1
+ //default
2
2
  $ddl-chip-mobile-close-font: 16px !default;
3
3
  $ddl-multiselect-skin-name: 'material' !default;
4
4
  $ddl-delim-font-size: 14px !default;
@@ -154,7 +154,6 @@ $ddl-bigger-small-input-height: 34px !default;
154
154
  $ddl-delim-bigger-small-font-size: 13px !default;
155
155
  $ddl-delimviewheight-bigger-small: 34px !default;
156
156
  $ddl-closer-margin-top-bigger-small: -2.5em !default;
157
-
158
157
  //enddefault
159
158
 
160
159
  $ddl-outline-multiselect-height: 34px !default;
@@ -212,7 +211,6 @@ $ddl-multiselect-filled-input-min-height-small: 32px !default;
212
211
  $ddl-multiselect-filled-float-input-min-height-small: 22px !default;
213
212
  $ddl-multiselect-filled-floatlabel-fontsize-small: 10px !default;
214
213
  $ddl-multiselect-filled-chip-clear-icon-size-small: 10px !default;
215
-
216
214
  // Touch
217
215
  $ddl-multiselect-filled-input-min-height-bigger: 52px !default;
218
216
  $ddl-multiselect-filled-float-input-min-height-bigger: 36px !default;
@@ -132,7 +132,6 @@ $ddl-multiselect-filled-input-min-height: 39px !default;
132
132
  $ddl-multiselect-filled-float-input-chip-clear-icon-size: 12px !default;
133
133
  $ddl-multiselect-filled-chip-clear-icon-size: 14px !default;
134
134
  $multiselect-disable-font-color: rgba($grey-light-font, .42) !default;
135
-
136
135
  // Small size
137
136
  $ddl-select-all-height-small: 26px !default;
138
137
  $ddl-small-chip-height: 20px !default;
@@ -116,7 +116,6 @@ $ddl-multiselect-filled-input-min-height: 39px !default;
116
116
  $ddl-multiselect-filled-float-input-chip-clear-icon-size: 12px !default;
117
117
  $ddl-multiselect-filled-chip-clear-icon-size: 14px !default;
118
118
  $multiselect-disable-font-color: $content-text-color-alt1 !default;
119
-
120
119
  // Small size
121
120
  $ddl-select-all-height-small: 26px !default;
122
121
  $ddl-small-chip-height: 20px !default;
@@ -208,7 +207,7 @@ $ddl-close-down-icon-left: 35px !default;
208
207
  width: $ddl-chip-hooker-square;
209
208
  }
210
209
 
211
- .e-multi-select-wrapper .e-searcher input[type = 'text'] {
210
+ .e-multi-select-wrapper .e-searcher input[type='text'] {
212
211
  color: $content-text-color;
213
212
  height: 100%;
214
213
  }
@@ -217,3 +216,4 @@ $ddl-close-down-icon-left: 35px !default;
217
216
  border-left-width: 0;
218
217
  }
219
218
  }
219
+
@@ -128,7 +128,6 @@ $ddl-bigger-small-clear-icon-height: 32px !default;
128
128
  $ddl-bigger-small-clear-icon-width: 32px !default;
129
129
  $ddl-bigger-chip-close-square: $text-xl !default;
130
130
  $ddl-bigger-chip-close-font: $text-xl !default;
131
-
132
131
  // Small size
133
132
  $ddl-select-all-height-small: 24px !default;
134
133
  $ddl-small-chip-height: 18px !default;
@@ -190,6 +189,7 @@ $ddl-delim-font-color: $content-text-color !default;
190
189
  $ddl-close-icon-color: $icon-color !default;
191
190
  $ddl-close-icon-hover-color: $icon-color-hover !default;
192
191
 
192
+
193
193
  @include export-module('multiselect-tailwind') {
194
194
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
195
195
  line-height: 30px;
@@ -217,8 +217,9 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
217
217
  width: $ddl-chip-hooker-square;
218
218
  }
219
219
 
220
- .e-multi-select-wrapper .e-searcher input[type = 'text'] {
220
+ .e-multi-select-wrapper .e-searcher input[type='text'] {
221
221
  color: $content-text-color;
222
222
  height: 100%;
223
223
  }
224
224
  }
225
+
@@ -1,4 +1,4 @@
1
- .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2
2
  color: $ddl-sel-chip-close;
3
3
  }
4
4
 
@@ -14,19 +14,19 @@
14
14
  box-sizing: border-box;
15
15
  }
16
16
 
17
- /* stylelint-disable property-no-vendor-prefix */
18
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
17
+ // sass-lint:disable no-vendor-prefixes
18
+ .e-multi-select-wrapper .e-chips>.e-chipcontent {
19
19
  -webkit-text-fill-color: $ddl-chip-font-color;
20
20
  color: $ddl-chip-font-color;
21
21
  font-family: $ddl-chip-font-family;
22
22
  font-size: $ddl-chip-font-size;
23
23
  }
24
24
 
25
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
25
+ .e-multi-select-wrapper .e-chips.e-chip-selected>.e-chipcontent {
26
26
  color: $ddl-sel-chip-font-color;
27
27
  }
28
28
 
29
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
29
+ .e-multi-select-wrapper .e-chips.e-chip-selected>.e-chipcontent:hover {
30
30
  color: $ddl-sel-chip-hover-font-color;
31
31
  }
32
32
 
@@ -40,7 +40,7 @@
40
40
  background-color: $ddl-chip-hover-bg-color;
41
41
  }
42
42
 
43
- .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
43
+ .e-multi-select-wrapper .e-chips>.e-chipcontent:hover {
44
44
  color: $ddl-chip-hover-font-color;
45
45
  }
46
46
 
@@ -94,6 +94,7 @@
94
94
  color: $ddl-multi-list-default-font-color;
95
95
  }
96
96
 
97
+
97
98
  #{&}.e-popup.e-multi-select-list-wrapper.e-checkbox .e-dropdownbase .e-list-item.e-active,
98
99
  #{&}.e-popup.e-multi-select-list-wrapper.e-checkbox .e-dropdownbase .e-list-item.e-active.e-hover {
99
100
  @if $ddl-multiselect-skin-name == 'tailwind' {
@@ -202,19 +203,23 @@
202
203
  border: $ddl-popup-normal-border-width solid transparent;
203
204
  }
204
205
 
205
- .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {/* stylelint-disable-line selector-no-vendor-prefix */
206
+ // sass-lint:disable no-vendor-prefixes
207
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
206
208
  color: $ddl-input-placeholder;
207
209
  }
208
210
 
209
- .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {/* stylelint-disable-line selector-no-vendor-prefix */
211
+ // sass-lint:disable no-vendor-prefixes
212
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
210
213
  color: $ddl-input-placeholder;
211
214
  }
212
215
 
213
- .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {/* stylelint-disable-line selector-no-vendor-prefix */
216
+ // sass-lint:disable no-vendor-prefixes
217
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
214
218
  color: $ddl-input-placeholder;
215
219
  }
216
220
 
217
- .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {/* stylelint-disable-line selector-no-vendor-prefix */
221
+ // sass-lint:disable no-vendor-prefixes
222
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
218
223
  color: $ddl-input-placeholder;
219
224
  }
220
225
 
@@ -295,7 +300,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
295
300
  height: $ddl-small-chip-height;
296
301
  }
297
302
 
298
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
303
+ .e-small .e-multi-select-wrapper .e-chips>.e-chipcontent {
299
304
  font-size: $ddl-chip-small-font-size;
300
305
  }
301
306
 
@@ -322,7 +327,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
322
327
  height: $ddl-bigger-small-chip-height;
323
328
  }
324
329
 
325
- .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
330
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips>.e-chipcontent {
326
331
  font-size: $ddl-chip-bigger-small-font-size;
327
332
  }
328
333
 
@@ -381,15 +386,15 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
381
386
  }
382
387
  }
383
388
 
384
- .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent,
385
- .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
389
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected>.e-chipcontent,
390
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected>.e-chipcontent {
386
391
  @if $ddl-multiselect-skin-name == 'material' {
387
392
  color: $ddl-chip-font-color;
388
393
  }
389
394
  }
390
395
 
391
- .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover,
392
- .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
396
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected>.e-chipcontent:hover,
397
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected>.e-chipcontent:hover {
393
398
  @if $ddl-multiselect-skin-name == 'material' {
394
399
  color: $ddl-chip-font-color;
395
400
  }
@@ -1,5 +1,3 @@
1
- /* stylelint-disable property-no-vendor-prefix */
2
- /* stylelint-disable property-no-vendor-prefix */
3
1
  @keyframes material-spinner-rotate {
4
2
  0% {
5
3
  transform: rotate(0);
@@ -361,7 +359,7 @@
361
359
  border: 0;
362
360
  font-family: inherit;
363
361
  font-size: 15px;
364
- font-weight: normal;
362
+ font-weight: 400;
365
363
  height: 32px;
366
364
  min-height: 32px;
367
365
  outline: none;
@@ -375,7 +373,7 @@
375
373
  color: inherit;
376
374
  font-family: inherit;
377
375
  font-size: 14px;
378
- font-weight: normal;
376
+ font-weight: 400;
379
377
  height: 32px;
380
378
  min-height: 32px;
381
379
  outline: none;
@@ -398,7 +396,6 @@
398
396
  min-height: 38px;
399
397
  }
400
398
 
401
- /* stylelint-disable property-no-vendor-prefix */
402
399
  .e-multi-select-wrapper input[type=text]::-ms-clear {
403
400
  display: none;
404
401
  }
@@ -1039,7 +1036,6 @@ ejs-multiselect {
1039
1036
  box-sizing: border-box;
1040
1037
  }
1041
1038
 
1042
- /* stylelint-disable property-no-vendor-prefix */
1043
1039
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
1044
1040
  -webkit-text-fill-color: #f0f0f0;
1045
1041
  color: #f0f0f0;
@@ -1168,19 +1164,19 @@ ejs-multiselect {
1168
1164
  border: 1px solid transparent;
1169
1165
  }
1170
1166
 
1171
- .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1167
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
1172
1168
  color: #767676;
1173
1169
  }
1174
1170
 
1175
- .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1171
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
1176
1172
  color: #767676;
1177
1173
  }
1178
1174
 
1179
- .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1175
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
1180
1176
  color: #767676;
1181
1177
  }
1182
1178
 
1183
- .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1179
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
1184
1180
  color: #767676;
1185
1181
  }
1186
1182