@syncfusion/ej2-dropdowns 32.1.24 → 32.2.3

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 (268) hide show
  1. package/.eslintrc.json +263 -0
  2. package/aceconfig.js +17 -0
  3. package/dist/ej2-dropdowns.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js +2 -2
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +14 -6
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +14 -6
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +2 -2
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +8 -8
  14. package/src/drop-down-list/drop-down-list.js +1 -1
  15. package/src/multi-select/multi-select.js +13 -5
  16. package/styles/bds-lite.css +898 -898
  17. package/styles/bds.css +1302 -1302
  18. package/styles/bootstrap-dark-lite.css +870 -870
  19. package/styles/bootstrap-dark.css +1275 -1275
  20. package/styles/bootstrap-lite.css +867 -867
  21. package/styles/bootstrap.css +1278 -1278
  22. package/styles/bootstrap4-lite.css +1408 -1408
  23. package/styles/bootstrap4.css +1721 -1721
  24. package/styles/bootstrap5-dark-lite.css +1769 -1769
  25. package/styles/bootstrap5-dark.css +1710 -1710
  26. package/styles/bootstrap5-lite.css +1396 -1396
  27. package/styles/bootstrap5.3-lite.css +1138 -1138
  28. package/styles/bootstrap5.3.css +1592 -1592
  29. package/styles/bootstrap5.css +1711 -1711
  30. package/styles/drop-down-base/_all.bds.scss +1 -1
  31. package/styles/drop-down-base/_all.bootstrap-dark.scss +1 -1
  32. package/styles/drop-down-base/_all.bootstrap.scss +1 -1
  33. package/styles/drop-down-base/_all.bootstrap4.scss +1 -1
  34. package/styles/drop-down-base/_all.bootstrap5-dark.scss +1 -1
  35. package/styles/drop-down-base/_all.bootstrap5.3.scss +1 -1
  36. package/styles/drop-down-base/_all.bootstrap5.scss +1 -1
  37. package/styles/drop-down-base/_all.fabric-dark.scss +1 -1
  38. package/styles/drop-down-base/_all.fabric.scss +1 -1
  39. package/styles/drop-down-base/_all.fluent-dark.scss +1 -1
  40. package/styles/drop-down-base/_all.fluent.scss +1 -1
  41. package/styles/drop-down-base/_all.fluent2.scss +1 -1
  42. package/styles/drop-down-base/_all.highcontrast-light.scss +1 -1
  43. package/styles/drop-down-base/_all.highcontrast.scss +1 -1
  44. package/styles/drop-down-base/_all.material-dark.scss +1 -1
  45. package/styles/drop-down-base/_all.material.scss +1 -1
  46. package/styles/drop-down-base/_all.material3-dark.scss +1 -1
  47. package/styles/drop-down-base/_all.material3.scss +1 -1
  48. package/styles/drop-down-base/_all.tailwind-dark.scss +1 -1
  49. package/styles/drop-down-base/_all.tailwind.scss +1 -1
  50. package/styles/drop-down-base/_all.tailwind3.scss +1 -1
  51. package/styles/drop-down-base/bds.css +164 -164
  52. package/styles/drop-down-base/bootstrap-dark.css +130 -130
  53. package/styles/drop-down-base/bootstrap.css +130 -130
  54. package/styles/drop-down-base/bootstrap4.css +136 -136
  55. package/styles/drop-down-base/bootstrap5-dark.css +143 -143
  56. package/styles/drop-down-base/bootstrap5.3.css +219 -219
  57. package/styles/drop-down-base/bootstrap5.css +143 -143
  58. package/styles/drop-down-base/fabric-dark.css +130 -130
  59. package/styles/drop-down-base/fabric.css +130 -130
  60. package/styles/drop-down-base/fluent-dark.css +148 -148
  61. package/styles/drop-down-base/fluent.css +148 -148
  62. package/styles/drop-down-base/fluent2.css +215 -215
  63. package/styles/drop-down-base/highcontrast-light.css +146 -146
  64. package/styles/drop-down-base/highcontrast.css +146 -146
  65. package/styles/drop-down-base/material-dark.css +130 -130
  66. package/styles/drop-down-base/material.css +130 -130
  67. package/styles/drop-down-base/material3-dark.css +212 -212
  68. package/styles/drop-down-base/material3.css +214 -214
  69. package/styles/drop-down-base/tailwind-dark.css +155 -155
  70. package/styles/drop-down-base/tailwind.css +155 -155
  71. package/styles/drop-down-base/tailwind3.css +215 -215
  72. package/styles/drop-down-list/_all.bds.scss +1 -1
  73. package/styles/drop-down-list/_all.bootstrap-dark.scss +1 -1
  74. package/styles/drop-down-list/_all.bootstrap.scss +1 -1
  75. package/styles/drop-down-list/_all.bootstrap4.scss +1 -1
  76. package/styles/drop-down-list/_all.bootstrap5-dark.scss +1 -1
  77. package/styles/drop-down-list/_all.bootstrap5.3.scss +1 -1
  78. package/styles/drop-down-list/_all.bootstrap5.scss +1 -1
  79. package/styles/drop-down-list/_all.fabric-dark.scss +1 -1
  80. package/styles/drop-down-list/_all.fabric.scss +1 -1
  81. package/styles/drop-down-list/_all.fluent-dark.scss +1 -1
  82. package/styles/drop-down-list/_all.fluent.scss +1 -1
  83. package/styles/drop-down-list/_all.fluent2.scss +1 -1
  84. package/styles/drop-down-list/_all.highcontrast-light.scss +1 -1
  85. package/styles/drop-down-list/_all.highcontrast.scss +1 -1
  86. package/styles/drop-down-list/_all.material-dark.scss +1 -1
  87. package/styles/drop-down-list/_all.material.scss +1 -1
  88. package/styles/drop-down-list/_all.material3-dark.scss +1 -1
  89. package/styles/drop-down-list/_all.material3.scss +1 -1
  90. package/styles/drop-down-list/_all.tailwind-dark.scss +1 -1
  91. package/styles/drop-down-list/_all.tailwind.scss +1 -1
  92. package/styles/drop-down-list/_all.tailwind3.scss +1 -1
  93. package/styles/drop-down-list/bds.css +87 -87
  94. package/styles/drop-down-list/bootstrap-dark.css +74 -74
  95. package/styles/drop-down-list/bootstrap.css +74 -74
  96. package/styles/drop-down-list/bootstrap4.css +111 -111
  97. package/styles/drop-down-list/bootstrap5-dark.css +113 -113
  98. package/styles/drop-down-list/bootstrap5.3.css +197 -197
  99. package/styles/drop-down-list/bootstrap5.css +113 -113
  100. package/styles/drop-down-list/fabric-dark.css +48 -48
  101. package/styles/drop-down-list/fabric.css +48 -48
  102. package/styles/drop-down-list/fluent-dark.css +105 -105
  103. package/styles/drop-down-list/fluent.css +105 -105
  104. package/styles/drop-down-list/fluent2.css +204 -204
  105. package/styles/drop-down-list/highcontrast-light.css +63 -63
  106. package/styles/drop-down-list/highcontrast.css +64 -64
  107. package/styles/drop-down-list/material-dark.css +96 -96
  108. package/styles/drop-down-list/material.css +100 -100
  109. package/styles/drop-down-list/material3-dark.css +235 -235
  110. package/styles/drop-down-list/material3.css +235 -235
  111. package/styles/drop-down-list/tailwind-dark.css +83 -83
  112. package/styles/drop-down-list/tailwind.css +83 -83
  113. package/styles/drop-down-list/tailwind3.css +186 -186
  114. package/styles/drop-down-tree/_all.bds.scss +1 -1
  115. package/styles/drop-down-tree/_all.bootstrap-dark.scss +1 -1
  116. package/styles/drop-down-tree/_all.bootstrap.scss +1 -1
  117. package/styles/drop-down-tree/_all.bootstrap4.scss +1 -1
  118. package/styles/drop-down-tree/_all.bootstrap5-dark.scss +1 -1
  119. package/styles/drop-down-tree/_all.bootstrap5.3.scss +1 -1
  120. package/styles/drop-down-tree/_all.bootstrap5.scss +1 -1
  121. package/styles/drop-down-tree/_all.fabric-dark.scss +1 -1
  122. package/styles/drop-down-tree/_all.fabric.scss +1 -1
  123. package/styles/drop-down-tree/_all.fluent-dark.scss +1 -1
  124. package/styles/drop-down-tree/_all.fluent.scss +1 -1
  125. package/styles/drop-down-tree/_all.fluent2.scss +1 -1
  126. package/styles/drop-down-tree/_all.highcontrast-light.scss +1 -1
  127. package/styles/drop-down-tree/_all.highcontrast.scss +1 -1
  128. package/styles/drop-down-tree/_all.material-dark.scss +1 -1
  129. package/styles/drop-down-tree/_all.material.scss +1 -1
  130. package/styles/drop-down-tree/_all.material3-dark.scss +1 -1
  131. package/styles/drop-down-tree/_all.material3.scss +1 -1
  132. package/styles/drop-down-tree/_all.tailwind-dark.scss +1 -1
  133. package/styles/drop-down-tree/_all.tailwind.scss +1 -1
  134. package/styles/drop-down-tree/_all.tailwind3.scss +1 -1
  135. package/styles/drop-down-tree/bds.css +56 -56
  136. package/styles/drop-down-tree/bootstrap-dark.css +33 -33
  137. package/styles/drop-down-tree/bootstrap.css +33 -33
  138. package/styles/drop-down-tree/bootstrap4.css +39 -39
  139. package/styles/drop-down-tree/bootstrap5-dark.css +40 -40
  140. package/styles/drop-down-tree/bootstrap5.3.css +124 -124
  141. package/styles/drop-down-tree/bootstrap5.css +40 -40
  142. package/styles/drop-down-tree/fabric-dark.css +33 -33
  143. package/styles/drop-down-tree/fabric.css +33 -33
  144. package/styles/drop-down-tree/fluent-dark.css +33 -33
  145. package/styles/drop-down-tree/fluent.css +33 -33
  146. package/styles/drop-down-tree/fluent2.css +122 -122
  147. package/styles/drop-down-tree/highcontrast-light.css +33 -33
  148. package/styles/drop-down-tree/highcontrast.css +42 -42
  149. package/styles/drop-down-tree/material-dark.css +33 -33
  150. package/styles/drop-down-tree/material.css +33 -33
  151. package/styles/drop-down-tree/material3-dark.css +115 -115
  152. package/styles/drop-down-tree/material3.css +117 -117
  153. package/styles/drop-down-tree/tailwind-dark.css +52 -52
  154. package/styles/drop-down-tree/tailwind.css +52 -52
  155. package/styles/drop-down-tree/tailwind3.css +107 -107
  156. package/styles/fabric-dark-lite.css +877 -877
  157. package/styles/fabric-dark.css +1274 -1274
  158. package/styles/fabric-lite.css +877 -877
  159. package/styles/fabric.css +1147 -1147
  160. package/styles/fluent-dark-lite.css +1765 -1765
  161. package/styles/fluent-dark.css +1718 -1718
  162. package/styles/fluent-lite.css +1765 -1765
  163. package/styles/fluent.css +1718 -1718
  164. package/styles/fluent2-lite.css +2081 -2081
  165. package/styles/fluent2.css +1703 -1703
  166. package/styles/highcontrast-light-lite.css +1412 -1412
  167. package/styles/highcontrast-light.css +1760 -1760
  168. package/styles/highcontrast-lite.css +1751 -1751
  169. package/styles/highcontrast.css +1768 -1768
  170. package/styles/list-box/_all.bds.scss +1 -1
  171. package/styles/list-box/_all.bootstrap-dark.scss +1 -1
  172. package/styles/list-box/_all.bootstrap.scss +1 -1
  173. package/styles/list-box/_all.bootstrap4.scss +1 -1
  174. package/styles/list-box/_all.bootstrap5-dark.scss +1 -1
  175. package/styles/list-box/_all.bootstrap5.3.scss +1 -1
  176. package/styles/list-box/_all.bootstrap5.scss +1 -1
  177. package/styles/list-box/_all.fabric-dark.scss +1 -1
  178. package/styles/list-box/_all.fabric.scss +1 -1
  179. package/styles/list-box/_all.fluent-dark.scss +1 -1
  180. package/styles/list-box/_all.fluent.scss +1 -1
  181. package/styles/list-box/_all.fluent2.scss +1 -1
  182. package/styles/list-box/_all.highcontrast-light.scss +1 -1
  183. package/styles/list-box/_all.highcontrast.scss +1 -1
  184. package/styles/list-box/_all.material-dark.scss +1 -1
  185. package/styles/list-box/_all.material.scss +1 -1
  186. package/styles/list-box/_all.material3-dark.scss +1 -1
  187. package/styles/list-box/_all.material3.scss +1 -1
  188. package/styles/list-box/_all.tailwind-dark.scss +1 -1
  189. package/styles/list-box/_all.tailwind.scss +1 -1
  190. package/styles/list-box/_all.tailwind3.scss +1 -1
  191. package/styles/list-box/bds.css +654 -654
  192. package/styles/list-box/bootstrap-dark.css +644 -644
  193. package/styles/list-box/bootstrap.css +649 -649
  194. package/styles/list-box/bootstrap4.css +649 -649
  195. package/styles/list-box/bootstrap5-dark.css +649 -649
  196. package/styles/list-box/bootstrap5.3.css +659 -659
  197. package/styles/list-box/bootstrap5.css +649 -649
  198. package/styles/list-box/fabric-dark.css +644 -644
  199. package/styles/list-box/fabric.css +649 -649
  200. package/styles/list-box/fluent-dark.css +649 -649
  201. package/styles/list-box/fluent.css +649 -649
  202. package/styles/list-box/fluent2.css +692 -692
  203. package/styles/list-box/highcontrast-light.css +644 -644
  204. package/styles/list-box/highcontrast.css +649 -649
  205. package/styles/list-box/material-dark.css +643 -643
  206. package/styles/list-box/material.css +648 -648
  207. package/styles/list-box/material3-dark.css +659 -659
  208. package/styles/list-box/material3.css +659 -659
  209. package/styles/list-box/tailwind-dark.css +640 -640
  210. package/styles/list-box/tailwind.css +640 -640
  211. package/styles/list-box/tailwind3.css +698 -698
  212. package/styles/material-dark-lite.css +1566 -1566
  213. package/styles/material-dark.css +2278 -2278
  214. package/styles/material-lite.css +1659 -1659
  215. package/styles/material.css +1921 -1921
  216. package/styles/material3-dark-lite.css +2644 -2644
  217. package/styles/material3-dark.css +2687 -2687
  218. package/styles/material3-lite.css +2663 -2663
  219. package/styles/material3.css +2684 -2684
  220. package/styles/multi-select/_all.bds.scss +1 -1
  221. package/styles/multi-select/_all.bootstrap-dark.scss +1 -1
  222. package/styles/multi-select/_all.bootstrap.scss +1 -1
  223. package/styles/multi-select/_all.bootstrap4.scss +1 -1
  224. package/styles/multi-select/_all.bootstrap5-dark.scss +1 -1
  225. package/styles/multi-select/_all.bootstrap5.3.scss +1 -1
  226. package/styles/multi-select/_all.bootstrap5.scss +1 -1
  227. package/styles/multi-select/_all.fabric-dark.scss +1 -1
  228. package/styles/multi-select/_all.fabric.scss +1 -1
  229. package/styles/multi-select/_all.fluent-dark.scss +1 -1
  230. package/styles/multi-select/_all.fluent.scss +1 -1
  231. package/styles/multi-select/_all.fluent2.scss +1 -1
  232. package/styles/multi-select/_all.highcontrast-light.scss +1 -1
  233. package/styles/multi-select/_all.highcontrast.scss +1 -1
  234. package/styles/multi-select/_all.material-dark.scss +1 -1
  235. package/styles/multi-select/_all.material.scss +1 -1
  236. package/styles/multi-select/_all.material3-dark.scss +1 -1
  237. package/styles/multi-select/_all.material3.scss +1 -1
  238. package/styles/multi-select/_all.tailwind-dark.scss +1 -1
  239. package/styles/multi-select/_all.tailwind.scss +1 -1
  240. package/styles/multi-select/_all.tailwind3.scss +1 -1
  241. package/styles/multi-select/bds.css +221 -221
  242. package/styles/multi-select/bootstrap-dark.css +231 -231
  243. package/styles/multi-select/bootstrap.css +224 -224
  244. package/styles/multi-select/bootstrap4.css +676 -676
  245. package/styles/multi-select/bootstrap5-dark.css +235 -235
  246. package/styles/multi-select/bootstrap5.3.css +336 -336
  247. package/styles/multi-select/bootstrap5.css +235 -235
  248. package/styles/multi-select/fabric-dark.css +225 -225
  249. package/styles/multi-select/fabric.css +220 -220
  250. package/styles/multi-select/fluent-dark.css +677 -677
  251. package/styles/multi-select/fluent.css +677 -677
  252. package/styles/multi-select/fluent2.css +959 -959
  253. package/styles/multi-select/highcontrast-light.css +789 -789
  254. package/styles/multi-select/highcontrast.css +793 -793
  255. package/styles/multi-select/material-dark.css +918 -918
  256. package/styles/multi-select/material.css +920 -920
  257. package/styles/multi-select/material3-dark.css +1330 -1330
  258. package/styles/multi-select/material3.css +1334 -1334
  259. package/styles/multi-select/tailwind-dark.css +217 -217
  260. package/styles/multi-select/tailwind.css +217 -217
  261. package/styles/multi-select/tailwind3.css +326 -326
  262. package/styles/tailwind-dark-lite.css +861 -861
  263. package/styles/tailwind-dark.css +1263 -1263
  264. package/styles/tailwind-lite.css +862 -862
  265. package/styles/tailwind.css +1263 -1263
  266. package/styles/tailwind3-lite.css +1114 -1114
  267. package/styles/tailwind3.css +2339 -2339
  268. package/tslint.json +111 -0
package/styles/drop-down-tree/material3-dark.css CHANGED
@@ -180,121 +180,6 @@
180
180
 
181
181
 
182
182
 
183
- /* Font Family */
184
- /* Font Sizes */
185
- /* Radius */
186
- /* 1px */
187
- /* 2px */
188
- /* 3px */
189
- /* 4px */
190
- /* 5px */
191
- /* 6px */
192
- /* 7px */
193
- /* 8px */
194
- /* 9px */
195
- /* 10px */
196
- /* 11px */
197
- /* 12px */
198
- /* 13px */
199
- /* 14px */
200
- /* 15px */
201
- /* 16px */
202
- /* 17px */
203
- /* 18px */
204
- /* 19px */
205
- /* 20px */
206
- /* 21px */
207
- /* 22px */
208
- /* 23px */
209
- /* 24px */
210
- /* 25px */
211
- /* 26px */
212
- /* 27px */
213
- /* 28px */
214
- /* 29px */
215
- /* 30px */
216
- /* 31px */
217
- /* 32px */
218
- /* 33px */
219
- /* 34px */
220
- /* 35px */
221
- /* 36px */
222
- /* 37px */
223
- /* 38px */
224
- /* 39px */
225
- /* 40px */
226
- /* 41px */
227
- /* 42px */
228
- /* 43px */
229
- /* 44px */
230
- /* 45px */
231
- /* 46px */
232
- /* 47px */
233
- /* 48px */
234
- /* 49px */
235
- /* 50px */
236
- /* 5em */
237
- /* 65% */
238
- /* border */
239
- /* 0px */
240
- /* 1px */
241
- /* 1.5px */
242
- /* 2px */
243
- /* 3px */
244
- /* 4px */
245
- /* 5px */
246
- /* 6px */
247
- /* 7px */
248
- /* 8px */
249
- /* 9px */
250
- /* 10px */
251
- /* 11px */
252
- /* 12px */
253
- /* 13px */
254
- /* 14px */
255
- /* 15px */
256
- /* 16px */
257
- .e-ddt .e-chips {
258
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
259
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
260
- border-color: rgba(var(--color-sf-outline));
261
- border: 1px solid;
262
- }
263
- .e-ddt .e-chips .e-chips-close::before {
264
- color: rgba(var(--color-sf-on-surface));
265
- }
266
- .e-ddt .e-chips > .e-chipcontent {
267
- color: rgba(var(--color-sf-on-surface));
268
- }
269
- .e-ddt .e-overflow .e-remain {
270
- color: #757575;
271
- }
272
- .e-ddt.e-popup {
273
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
274
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
275
- border-color: rgba(var(--color-sf-outline-variant));
276
- }
277
- .e-ddt.e-popup .e-popup-content.e-no-data {
278
- color: rgba(var(--color-sf-on-surface));
279
- }
280
- .e-ddt.e-popup .e-selectall-parent {
281
- border-bottom-color: rgba(var(--color-sf-outline-variant));
282
- }
283
- .e-ddt.e-popup .e-selectall-parent:focus {
284
- background: rgba(var(--color-sf-on-surface), 0.05);
285
- }
286
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
287
- color: rgba(var(--color-sf-on-surface));
288
- }
289
-
290
-
291
-
292
-
293
-
294
-
295
-
296
-
297
-
298
183
  /* Font Family */
299
184
  /* Font Sizes */
300
185
  /* Radius */
@@ -681,6 +566,121 @@
681
566
 
682
567
 
683
568
 
569
+ /* Font Family */
570
+ /* Font Sizes */
571
+ /* Radius */
572
+ /* 1px */
573
+ /* 2px */
574
+ /* 3px */
575
+ /* 4px */
576
+ /* 5px */
577
+ /* 6px */
578
+ /* 7px */
579
+ /* 8px */
580
+ /* 9px */
581
+ /* 10px */
582
+ /* 11px */
583
+ /* 12px */
584
+ /* 13px */
585
+ /* 14px */
586
+ /* 15px */
587
+ /* 16px */
588
+ /* 17px */
589
+ /* 18px */
590
+ /* 19px */
591
+ /* 20px */
592
+ /* 21px */
593
+ /* 22px */
594
+ /* 23px */
595
+ /* 24px */
596
+ /* 25px */
597
+ /* 26px */
598
+ /* 27px */
599
+ /* 28px */
600
+ /* 29px */
601
+ /* 30px */
602
+ /* 31px */
603
+ /* 32px */
604
+ /* 33px */
605
+ /* 34px */
606
+ /* 35px */
607
+ /* 36px */
608
+ /* 37px */
609
+ /* 38px */
610
+ /* 39px */
611
+ /* 40px */
612
+ /* 41px */
613
+ /* 42px */
614
+ /* 43px */
615
+ /* 44px */
616
+ /* 45px */
617
+ /* 46px */
618
+ /* 47px */
619
+ /* 48px */
620
+ /* 49px */
621
+ /* 50px */
622
+ /* 5em */
623
+ /* 65% */
624
+ /* border */
625
+ /* 0px */
626
+ /* 1px */
627
+ /* 1.5px */
628
+ /* 2px */
629
+ /* 3px */
630
+ /* 4px */
631
+ /* 5px */
632
+ /* 6px */
633
+ /* 7px */
634
+ /* 8px */
635
+ /* 9px */
636
+ /* 10px */
637
+ /* 11px */
638
+ /* 12px */
639
+ /* 13px */
640
+ /* 14px */
641
+ /* 15px */
642
+ /* 16px */
643
+ .e-ddt .e-chips {
644
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
645
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
646
+ border-color: rgba(var(--color-sf-outline));
647
+ border: 1px solid;
648
+ }
649
+ .e-ddt .e-chips .e-chips-close::before {
650
+ color: rgba(var(--color-sf-on-surface));
651
+ }
652
+ .e-ddt .e-chips > .e-chipcontent {
653
+ color: rgba(var(--color-sf-on-surface));
654
+ }
655
+ .e-ddt .e-overflow .e-remain {
656
+ color: #757575;
657
+ }
658
+ .e-ddt.e-popup {
659
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
660
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
661
+ border-color: rgba(var(--color-sf-outline-variant));
662
+ }
663
+ .e-ddt.e-popup .e-popup-content.e-no-data {
664
+ color: rgba(var(--color-sf-on-surface));
665
+ }
666
+ .e-ddt.e-popup .e-selectall-parent {
667
+ border-bottom-color: rgba(var(--color-sf-outline-variant));
668
+ }
669
+ .e-ddt.e-popup .e-selectall-parent:focus {
670
+ background: rgba(var(--color-sf-on-surface), 0.05);
671
+ }
672
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
673
+ color: rgba(var(--color-sf-on-surface));
674
+ }
675
+
676
+
677
+
678
+
679
+
680
+
681
+
682
+
683
+
684
684
  /* Font Family */
685
685
  /* Font Sizes */
686
686
  /* Radius */
package/styles/drop-down-tree/material3.css CHANGED
@@ -182,123 +182,6 @@
182
182
 
183
183
 
184
184
 
185
- /* Font Family */
186
- /* Font Sizes */
187
- /* Radius */
188
- /* 1px */
189
- /* 2px */
190
- /* 3px */
191
- /* 4px */
192
- /* 5px */
193
- /* 6px */
194
- /* 7px */
195
- /* 8px */
196
- /* 9px */
197
- /* 10px */
198
- /* 11px */
199
- /* 12px */
200
- /* 13px */
201
- /* 14px */
202
- /* 15px */
203
- /* 16px */
204
- /* 17px */
205
- /* 18px */
206
- /* 19px */
207
- /* 20px */
208
- /* 21px */
209
- /* 22px */
210
- /* 23px */
211
- /* 24px */
212
- /* 25px */
213
- /* 26px */
214
- /* 27px */
215
- /* 28px */
216
- /* 29px */
217
- /* 30px */
218
- /* 31px */
219
- /* 32px */
220
- /* 33px */
221
- /* 34px */
222
- /* 35px */
223
- /* 36px */
224
- /* 37px */
225
- /* 38px */
226
- /* 39px */
227
- /* 40px */
228
- /* 41px */
229
- /* 42px */
230
- /* 43px */
231
- /* 44px */
232
- /* 45px */
233
- /* 46px */
234
- /* 47px */
235
- /* 48px */
236
- /* 49px */
237
- /* 50px */
238
- /* 5em */
239
- /* 65% */
240
- /* border */
241
- /* 0px */
242
- /* 1px */
243
- /* 1.5px */
244
- /* 2px */
245
- /* 3px */
246
- /* 4px */
247
- /* 5px */
248
- /* 6px */
249
- /* 7px */
250
- /* 8px */
251
- /* 9px */
252
- /* 10px */
253
- /* 11px */
254
- /* 12px */
255
- /* 13px */
256
- /* 14px */
257
- /* 15px */
258
- /* 16px */
259
-
260
-
261
- .e-ddt .e-chips {
262
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
263
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
264
- border-color: rgba(var(--color-sf-outline));
265
- border: 1px solid;
266
- }
267
- .e-ddt .e-chips .e-chips-close::before {
268
- color: rgba(var(--color-sf-on-surface));
269
- }
270
- .e-ddt .e-chips > .e-chipcontent {
271
- color: rgba(var(--color-sf-on-surface));
272
- }
273
- .e-ddt .e-overflow .e-remain {
274
- color: #757575;
275
- }
276
- .e-ddt.e-popup {
277
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
278
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
279
- border-color: rgba(var(--color-sf-outline-variant));
280
- }
281
- .e-ddt.e-popup .e-popup-content.e-no-data {
282
- color: rgba(var(--color-sf-on-surface));
283
- }
284
- .e-ddt.e-popup .e-selectall-parent {
285
- border-bottom-color: rgba(var(--color-sf-outline-variant));
286
- }
287
- .e-ddt.e-popup .e-selectall-parent:focus {
288
- background: rgba(var(--color-sf-on-surface), 0.05);
289
- }
290
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
291
- color: rgba(var(--color-sf-on-surface));
292
- }
293
-
294
-
295
-
296
-
297
-
298
-
299
-
300
-
301
-
302
185
  /* Font Family */
303
186
  /* Font Sizes */
304
187
  /* Radius */
@@ -687,6 +570,123 @@
687
570
 
688
571
 
689
572
 
573
+ /* Font Family */
574
+ /* Font Sizes */
575
+ /* Radius */
576
+ /* 1px */
577
+ /* 2px */
578
+ /* 3px */
579
+ /* 4px */
580
+ /* 5px */
581
+ /* 6px */
582
+ /* 7px */
583
+ /* 8px */
584
+ /* 9px */
585
+ /* 10px */
586
+ /* 11px */
587
+ /* 12px */
588
+ /* 13px */
589
+ /* 14px */
590
+ /* 15px */
591
+ /* 16px */
592
+ /* 17px */
593
+ /* 18px */
594
+ /* 19px */
595
+ /* 20px */
596
+ /* 21px */
597
+ /* 22px */
598
+ /* 23px */
599
+ /* 24px */
600
+ /* 25px */
601
+ /* 26px */
602
+ /* 27px */
603
+ /* 28px */
604
+ /* 29px */
605
+ /* 30px */
606
+ /* 31px */
607
+ /* 32px */
608
+ /* 33px */
609
+ /* 34px */
610
+ /* 35px */
611
+ /* 36px */
612
+ /* 37px */
613
+ /* 38px */
614
+ /* 39px */
615
+ /* 40px */
616
+ /* 41px */
617
+ /* 42px */
618
+ /* 43px */
619
+ /* 44px */
620
+ /* 45px */
621
+ /* 46px */
622
+ /* 47px */
623
+ /* 48px */
624
+ /* 49px */
625
+ /* 50px */
626
+ /* 5em */
627
+ /* 65% */
628
+ /* border */
629
+ /* 0px */
630
+ /* 1px */
631
+ /* 1.5px */
632
+ /* 2px */
633
+ /* 3px */
634
+ /* 4px */
635
+ /* 5px */
636
+ /* 6px */
637
+ /* 7px */
638
+ /* 8px */
639
+ /* 9px */
640
+ /* 10px */
641
+ /* 11px */
642
+ /* 12px */
643
+ /* 13px */
644
+ /* 14px */
645
+ /* 15px */
646
+ /* 16px */
647
+
648
+
649
+ .e-ddt .e-chips {
650
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
651
+ background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
652
+ border-color: rgba(var(--color-sf-outline));
653
+ border: 1px solid;
654
+ }
655
+ .e-ddt .e-chips .e-chips-close::before {
656
+ color: rgba(var(--color-sf-on-surface));
657
+ }
658
+ .e-ddt .e-chips > .e-chipcontent {
659
+ color: rgba(var(--color-sf-on-surface));
660
+ }
661
+ .e-ddt .e-overflow .e-remain {
662
+ color: #757575;
663
+ }
664
+ .e-ddt.e-popup {
665
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
666
+ background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
667
+ border-color: rgba(var(--color-sf-outline-variant));
668
+ }
669
+ .e-ddt.e-popup .e-popup-content.e-no-data {
670
+ color: rgba(var(--color-sf-on-surface));
671
+ }
672
+ .e-ddt.e-popup .e-selectall-parent {
673
+ border-bottom-color: rgba(var(--color-sf-outline-variant));
674
+ }
675
+ .e-ddt.e-popup .e-selectall-parent:focus {
676
+ background: rgba(var(--color-sf-on-surface), 0.05);
677
+ }
678
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
679
+ color: rgba(var(--color-sf-on-surface));
680
+ }
681
+
682
+
683
+
684
+
685
+
686
+
687
+
688
+
689
+
690
690
  /* Font Family */
691
691
  /* Font Sizes */
692
692
  /* Radius */
package/styles/drop-down-tree/tailwind-dark.css CHANGED
@@ -77,58 +77,6 @@
77
77
  content: "\e7e7";
78
78
  }
79
79
 
80
- /* stylelint-disable */
81
- .e-ddt .e-chips {
82
- background-color: #4b5563;
83
- }
84
- .e-ddt .e-chips .e-chips-close::before {
85
- color: #d1d5db;
86
- }
87
- .e-ddt .e-chips > .e-chipcontent {
88
- color: #fff;
89
- }
90
- .e-ddt .e-chips:hover {
91
- background-color: #6b7280;
92
- }
93
- .e-ddt .e-chips:hover .e-chips-close::before {
94
- color: #f3f4f6;
95
- }
96
- .e-ddt .e-chips:hover > .e-chipcontent {
97
- color: #fff;
98
- }
99
- .e-ddt.e-disabled {
100
- background-color: #4b5563;
101
- }
102
- .e-ddt.e-disabled .e-chips-close::before {
103
- color: #6b7280;
104
- }
105
- .e-ddt.e-disabled > .e-chipcontent {
106
- color: #6b7280;
107
- }
108
- .e-ddt .e-overflow .e-remain {
109
- color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
110
- }
111
- .e-ddt.e-input-group.e-control-wrapper .e-input[readonly].e-disabled, .e-ddt.e-float-input.e-control-wrapper input[readonly].e-disabled {
112
- background-color: rgb(27.323255814, 36.1372093023, 48.476744186);
113
- color: #6b7280;
114
- }
115
- .e-ddt.e-popup {
116
- background: #374151;
117
- border-color: #4b5563;
118
- }
119
- .e-ddt.e-popup .e-popup-content.e-no-data {
120
- color: #fff;
121
- }
122
- .e-ddt.e-popup .e-selectall-parent {
123
- border-bottom-color: #4b5563;
124
- }
125
- .e-ddt.e-popup .e-selectall-parent:focus {
126
- background: #4b5563;
127
- }
128
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
129
- color: #fff;
130
- }
131
-
132
80
  /* stylelint-disable */
133
81
  .e-ddt {
134
82
  cursor: pointer;
@@ -446,6 +394,58 @@
446
394
  display: none;
447
395
  }
448
396
 
397
+ /* stylelint-disable */
398
+ .e-ddt .e-chips {
399
+ background-color: #4b5563;
400
+ }
401
+ .e-ddt .e-chips .e-chips-close::before {
402
+ color: #d1d5db;
403
+ }
404
+ .e-ddt .e-chips > .e-chipcontent {
405
+ color: #fff;
406
+ }
407
+ .e-ddt .e-chips:hover {
408
+ background-color: #6b7280;
409
+ }
410
+ .e-ddt .e-chips:hover .e-chips-close::before {
411
+ color: #f3f4f6;
412
+ }
413
+ .e-ddt .e-chips:hover > .e-chipcontent {
414
+ color: #fff;
415
+ }
416
+ .e-ddt.e-disabled {
417
+ background-color: #4b5563;
418
+ }
419
+ .e-ddt.e-disabled .e-chips-close::before {
420
+ color: #6b7280;
421
+ }
422
+ .e-ddt.e-disabled > .e-chipcontent {
423
+ color: #6b7280;
424
+ }
425
+ .e-ddt .e-overflow .e-remain {
426
+ color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
427
+ }
428
+ .e-ddt.e-input-group.e-control-wrapper .e-input[readonly].e-disabled, .e-ddt.e-float-input.e-control-wrapper input[readonly].e-disabled {
429
+ background-color: rgb(27.323255814, 36.1372093023, 48.476744186);
430
+ color: #6b7280;
431
+ }
432
+ .e-ddt.e-popup {
433
+ background: #374151;
434
+ border-color: #4b5563;
435
+ }
436
+ .e-ddt.e-popup .e-popup-content.e-no-data {
437
+ color: #fff;
438
+ }
439
+ .e-ddt.e-popup .e-selectall-parent {
440
+ border-bottom-color: #4b5563;
441
+ }
442
+ .e-ddt.e-popup .e-selectall-parent:focus {
443
+ background: #4b5563;
444
+ }
445
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
446
+ color: #fff;
447
+ }
448
+
449
449
  /* stylelint-disable */
450
450
  .e-bigger .e-ddt .e-chips,
451
451
  .e-ddt.e-bigger .e-chips {
package/styles/drop-down-tree/tailwind.css CHANGED
@@ -77,58 +77,6 @@
77
77
  content: "\e7e7";
78
78
  }
79
79
 
80
- /* stylelint-disable */
81
- .e-ddt .e-chips {
82
- background-color: #e5e7eb;
83
- }
84
- .e-ddt .e-chips .e-chips-close::before {
85
- color: #6b7280;
86
- }
87
- .e-ddt .e-chips > .e-chipcontent {
88
- color: #111827;
89
- }
90
- .e-ddt .e-chips:hover {
91
- background-color: #d1d5db;
92
- }
93
- .e-ddt .e-chips:hover .e-chips-close::before {
94
- color: #374151;
95
- }
96
- .e-ddt .e-chips:hover > .e-chipcontent {
97
- color: #111827;
98
- }
99
- .e-ddt.e-disabled {
100
- background-color: #e5e7eb;
101
- }
102
- .e-ddt.e-disabled .e-chips-close::before {
103
- color: #9ca3af;
104
- }
105
- .e-ddt.e-disabled > .e-chipcontent {
106
- color: #9ca3af;
107
- }
108
- .e-ddt .e-overflow .e-remain {
109
- color: #9ca3af;
110
- }
111
- .e-ddt.e-input-group.e-control-wrapper .e-input[readonly].e-disabled, .e-ddt.e-float-input.e-control-wrapper input[readonly].e-disabled {
112
- background-color: #f9fafb;
113
- color: #9ca3af;
114
- }
115
- .e-ddt.e-popup {
116
- background: #fff;
117
- border-color: #e5e7eb;
118
- }
119
- .e-ddt.e-popup .e-popup-content.e-no-data {
120
- color: #111827;
121
- }
122
- .e-ddt.e-popup .e-selectall-parent {
123
- border-bottom-color: #e5e7eb;
124
- }
125
- .e-ddt.e-popup .e-selectall-parent:focus {
126
- background: #f3f4f6;
127
- }
128
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
129
- color: #111827;
130
- }
131
-
132
80
  /* stylelint-disable */
133
81
  .e-ddt {
134
82
  cursor: pointer;
@@ -446,6 +394,58 @@
446
394
  display: none;
447
395
  }
448
396
 
397
+ /* stylelint-disable */
398
+ .e-ddt .e-chips {
399
+ background-color: #e5e7eb;
400
+ }
401
+ .e-ddt .e-chips .e-chips-close::before {
402
+ color: #6b7280;
403
+ }
404
+ .e-ddt .e-chips > .e-chipcontent {
405
+ color: #111827;
406
+ }
407
+ .e-ddt .e-chips:hover {
408
+ background-color: #d1d5db;
409
+ }
410
+ .e-ddt .e-chips:hover .e-chips-close::before {
411
+ color: #374151;
412
+ }
413
+ .e-ddt .e-chips:hover > .e-chipcontent {
414
+ color: #111827;
415
+ }
416
+ .e-ddt.e-disabled {
417
+ background-color: #e5e7eb;
418
+ }
419
+ .e-ddt.e-disabled .e-chips-close::before {
420
+ color: #9ca3af;
421
+ }
422
+ .e-ddt.e-disabled > .e-chipcontent {
423
+ color: #9ca3af;
424
+ }
425
+ .e-ddt .e-overflow .e-remain {
426
+ color: #9ca3af;
427
+ }
428
+ .e-ddt.e-input-group.e-control-wrapper .e-input[readonly].e-disabled, .e-ddt.e-float-input.e-control-wrapper input[readonly].e-disabled {
429
+ background-color: #f9fafb;
430
+ color: #9ca3af;
431
+ }
432
+ .e-ddt.e-popup {
433
+ background: #fff;
434
+ border-color: #e5e7eb;
435
+ }
436
+ .e-ddt.e-popup .e-popup-content.e-no-data {
437
+ color: #111827;
438
+ }
439
+ .e-ddt.e-popup .e-selectall-parent {
440
+ border-bottom-color: #e5e7eb;
441
+ }
442
+ .e-ddt.e-popup .e-selectall-parent:focus {
443
+ background: #f3f4f6;
444
+ }
445
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
446
+ color: #111827;
447
+ }
448
+
449
449
  /* stylelint-disable */
450
450
  .e-bigger .e-ddt .e-chips,
451
451
  .e-ddt.e-bigger .e-chips {