@syncfusion/ej2-angular-dropdowns 20.4.54 → 21.1.35

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 (105) hide show
  1. package/package.json +9 -9
  2. package/schematics/utils/lib-details.d.ts +2 -2
  3. package/schematics/utils/lib-details.js +2 -2
  4. package/schematics/utils/lib-details.ts +2 -2
  5. package/styles/bootstrap-dark.css +2 -15
  6. package/styles/bootstrap.css +2 -5
  7. package/styles/bootstrap4.css +3 -14
  8. package/styles/bootstrap5-dark.css +5 -8
  9. package/styles/bootstrap5.css +5 -8
  10. package/styles/drop-down-base/_bootstrap4-definition.scss +0 -8
  11. package/styles/drop-down-base/_bootstrap5-definition.scss +2 -2
  12. package/styles/drop-down-base/_fluent-definition.scss +2 -2
  13. package/styles/drop-down-base/_tailwind-definition.scss +2 -2
  14. package/styles/drop-down-base/_theme.scss +63 -10
  15. package/styles/drop-down-base/bootstrap-dark.css +2 -2
  16. package/styles/drop-down-base/bootstrap.css +2 -2
  17. package/styles/drop-down-base/bootstrap4.css +2 -10
  18. package/styles/drop-down-base/bootstrap5-dark.css +2 -2
  19. package/styles/drop-down-base/bootstrap5.css +2 -2
  20. package/styles/drop-down-base/fabric-dark.css +2 -2
  21. package/styles/drop-down-base/fabric.css +2 -2
  22. package/styles/drop-down-base/fluent-dark.css +2 -2
  23. package/styles/drop-down-base/fluent.css +2 -2
  24. package/styles/drop-down-base/highcontrast-light.css +2 -2
  25. package/styles/drop-down-base/highcontrast.css +2 -2
  26. package/styles/drop-down-base/material-dark.css +2 -2
  27. package/styles/drop-down-base/material.css +2 -2
  28. package/styles/drop-down-base/tailwind-dark.css +2 -2
  29. package/styles/drop-down-base/tailwind.css +2 -2
  30. package/styles/drop-down-list/_bootstrap4-definition.scss +1 -1
  31. package/styles/drop-down-list/_bootstrap5-definition.scss +6 -6
  32. package/styles/drop-down-list/_fluent-definition.scss +5 -5
  33. package/styles/drop-down-list/_layout.scss +1 -4
  34. package/styles/drop-down-list/_tailwind-definition.scss +1 -1
  35. package/styles/drop-down-list/bootstrap-dark.css +0 -3
  36. package/styles/drop-down-list/bootstrap.css +0 -3
  37. package/styles/drop-down-list/bootstrap4.css +1 -12
  38. package/styles/drop-down-list/bootstrap5-dark.css +0 -3
  39. package/styles/drop-down-list/bootstrap5.css +0 -3
  40. package/styles/drop-down-list/fabric-dark.css +0 -3
  41. package/styles/drop-down-list/fabric.css +0 -3
  42. package/styles/drop-down-list/fluent-dark.css +0 -3
  43. package/styles/drop-down-list/fluent.css +0 -3
  44. package/styles/drop-down-list/highcontrast-light.css +0 -3
  45. package/styles/drop-down-list/highcontrast.css +0 -3
  46. package/styles/drop-down-list/icons/_material3.scss +1 -1
  47. package/styles/drop-down-list/material-dark.css +1 -3
  48. package/styles/drop-down-list/material.css +0 -3
  49. package/styles/drop-down-list/tailwind-dark.css +1 -4
  50. package/styles/drop-down-list/tailwind.css +1 -4
  51. package/styles/drop-down-tree/_layout.scss +34 -14
  52. package/styles/drop-down-tree/_tailwind-definition.scss +1 -1
  53. package/styles/drop-down-tree/_theme.scss +1 -1
  54. package/styles/drop-down-tree/bootstrap4.css +0 -8
  55. package/styles/drop-down-tree/material-dark.css +1 -0
  56. package/styles/fabric-dark.css +2 -15
  57. package/styles/fabric.css +2 -5
  58. package/styles/fluent-dark.css +6 -9
  59. package/styles/fluent.css +6 -9
  60. package/styles/highcontrast-light.css +9 -15
  61. package/styles/highcontrast.css +15 -11
  62. package/styles/list-box/_bootstrap-dark-definition.scss +0 -3
  63. package/styles/list-box/_bootstrap-definition.scss +0 -3
  64. package/styles/list-box/_bootstrap4-definition.scss +0 -3
  65. package/styles/list-box/_bootstrap5-definition.scss +0 -3
  66. package/styles/list-box/_fabric-dark-definition.scss +0 -3
  67. package/styles/list-box/_fabric-definition.scss +0 -3
  68. package/styles/list-box/_fluent-definition.scss +0 -3
  69. package/styles/list-box/_fusionnew-definition.scss +0 -3
  70. package/styles/list-box/_highcontrast-definition.scss +0 -3
  71. package/styles/list-box/_highcontrast-light-definition.scss +0 -3
  72. package/styles/list-box/_material-dark-definition.scss +0 -3
  73. package/styles/list-box/_material-definition.scss +0 -3
  74. package/styles/list-box/_tailwind-definition.scss +0 -3
  75. package/styles/list-box/bootstrap4.css +0 -8
  76. package/styles/material-dark.css +4 -15
  77. package/styles/material.css +2 -5
  78. package/styles/mention/bootstrap4.css +0 -8
  79. package/styles/multi-select/_bootstrap5-definition.scss +6 -6
  80. package/styles/multi-select/_fluent-definition.scss +7 -7
  81. package/styles/multi-select/_highcontrast-definition.scss +8 -6
  82. package/styles/multi-select/_highcontrast-light-definition.scss +2 -0
  83. package/styles/multi-select/_layout.scss +94 -77
  84. package/styles/multi-select/_tailwind-definition.scss +2 -2
  85. package/styles/multi-select/_theme.scss +110 -22
  86. package/styles/multi-select/bootstrap4.css +0 -8
  87. package/styles/multi-select/bootstrap5-dark.css +3 -3
  88. package/styles/multi-select/bootstrap5.css +3 -3
  89. package/styles/multi-select/fluent-dark.css +4 -4
  90. package/styles/multi-select/fluent.css +4 -4
  91. package/styles/multi-select/highcontrast-light.css +7 -0
  92. package/styles/multi-select/highcontrast.css +13 -6
  93. package/styles/multi-select/icons/_material3.scss +670 -3
  94. package/styles/multi-select/tailwind-dark.css +2 -1
  95. package/styles/multi-select/tailwind.css +2 -1
  96. package/styles/tailwind-dark.css +5 -7
  97. package/styles/tailwind.css +5 -7
  98. package/styles/auto-complete/_material3-definition.scss +0 -2
  99. package/styles/combo-box/_material3-definition.scss +0 -2
  100. package/styles/drop-down-base/_material3-definition.scss +0 -117
  101. package/styles/drop-down-list/_material3-definition.scss +0 -201
  102. package/styles/drop-down-tree/_material3-definition.scss +0 -60
  103. package/styles/list-box/_material3-definition.scss +0 -120
  104. package/styles/mention/_material3-definition.scss +0 -1
  105. package/styles/multi-select/_material3-definition.scss +0 -226
package/styles/drop-down-base/bootstrap5-dark.css CHANGED
@@ -217,7 +217,6 @@
217
217
  .e-dropdownbase .e-list-item {
218
218
  /* stylelint-disable property-no-vendor-prefix */
219
219
  -webkit-tap-highlight-color: transparent;
220
- background-color: #343a40;
221
220
  border-bottom: 0;
222
221
  border-color: #444c54;
223
222
  color: #fff;
@@ -227,11 +226,11 @@
227
226
  min-height: 30px;
228
227
  padding-right: 16px;
229
228
  text-indent: 12px;
229
+ background-color: #343a40;
230
230
  }
231
231
 
232
232
  .e-dropdownbase .e-list-group-item,
233
233
  .e-fixed-head {
234
- background-color: #343a40;
235
234
  border-color: #444c54;
236
235
  color: #7b848d;
237
236
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -241,6 +240,7 @@
241
240
  min-height: 30px;
242
241
  padding-left: 12px;
243
242
  padding-right: 16px;
243
+ background-color: #343a40;
244
244
  }
245
245
 
246
246
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
package/styles/drop-down-base/bootstrap5.css CHANGED
@@ -217,7 +217,6 @@
217
217
  .e-dropdownbase .e-list-item {
218
218
  /* stylelint-disable property-no-vendor-prefix */
219
219
  -webkit-tap-highlight-color: transparent;
220
- background-color: #fff;
221
220
  border-bottom: 0;
222
221
  border-color: #dee2e6;
223
222
  color: #212529;
@@ -227,11 +226,11 @@
227
226
  min-height: 30px;
228
227
  padding-right: 16px;
229
228
  text-indent: 12px;
229
+ background-color: #fff;
230
230
  }
231
231
 
232
232
  .e-dropdownbase .e-list-group-item,
233
233
  .e-fixed-head {
234
- background-color: #fff;
235
234
  border-color: #dee2e6;
236
235
  color: #6c757d;
237
236
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -241,6 +240,7 @@
241
240
  min-height: 30px;
242
241
  padding-left: 12px;
243
242
  padding-right: 16px;
243
+ background-color: #fff;
244
244
  }
245
245
 
246
246
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
package/styles/drop-down-base/fabric-dark.css CHANGED
@@ -190,7 +190,6 @@
190
190
  .e-dropdownbase .e-list-item {
191
191
  /* stylelint-disable property-no-vendor-prefix */
192
192
  -webkit-tap-highlight-color: transparent;
193
- background-color: #282727;
194
193
  border-bottom: 1px;
195
194
  border-color: transparent;
196
195
  color: #dadada;
@@ -200,11 +199,11 @@
200
199
  min-height: 36px;
201
200
  padding-right: 16px;
202
201
  text-indent: 10px;
202
+ background-color: #282727;
203
203
  }
204
204
 
205
205
  .e-dropdownbase .e-list-group-item,
206
206
  .e-fixed-head {
207
- background-color: #282727;
208
207
  border-color: transparent;
209
208
  color: #38a9ff;
210
209
  font-family: inherit;
@@ -214,6 +213,7 @@
214
213
  min-height: 36px;
215
214
  padding-left: 10px;
216
215
  padding-right: 16px;
216
+ background-color: #282727;
217
217
  }
218
218
 
219
219
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
package/styles/drop-down-base/fabric.css CHANGED
@@ -190,7 +190,6 @@
190
190
  .e-dropdownbase .e-list-item {
191
191
  /* stylelint-disable property-no-vendor-prefix */
192
192
  -webkit-tap-highlight-color: transparent;
193
- background-color: #fff;
194
193
  border-bottom: 1px;
195
194
  border-color: transparent;
196
195
  color: rgba(51, 51, 51, 0.87);
@@ -200,11 +199,11 @@
200
199
  min-height: 36px;
201
200
  padding-right: 16px;
202
201
  text-indent: 10px;
202
+ background-color: #fff;
203
203
  }
204
204
 
205
205
  .e-dropdownbase .e-list-group-item,
206
206
  .e-fixed-head {
207
- background-color: #fff;
208
207
  border-color: transparent;
209
208
  color: #0078d6;
210
209
  font-family: inherit;
@@ -214,6 +213,7 @@
214
213
  min-height: 36px;
215
214
  padding-left: 10px;
216
215
  padding-right: 16px;
216
+ background-color: #fff;
217
217
  }
218
218
 
219
219
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
package/styles/drop-down-base/fluent-dark.css CHANGED
@@ -234,7 +234,6 @@
234
234
  .e-dropdownbase .e-list-item {
235
235
  /* stylelint-disable property-no-vendor-prefix */
236
236
  -webkit-tap-highlight-color: transparent;
237
- background-color: #252423;
238
237
  border-bottom: 0;
239
238
  border-color: #292827;
240
239
  color: #f3f2f1;
@@ -244,11 +243,11 @@
244
243
  min-height: 36px;
245
244
  padding-right: 16px;
246
245
  text-indent: 8px;
246
+ background-color: #252423;
247
247
  }
248
248
 
249
249
  .e-dropdownbase .e-list-group-item,
250
250
  .e-fixed-head {
251
- background-color: #252423;
252
251
  border-color: #292827;
253
252
  color: #0078d4;
254
253
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
@@ -258,6 +257,7 @@
258
257
  min-height: 36px;
259
258
  padding-left: 12px;
260
259
  padding-right: 16px;
260
+ background-color: #252423;
261
261
  }
262
262
 
263
263
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
package/styles/drop-down-base/fluent.css CHANGED
@@ -234,7 +234,6 @@
234
234
  .e-dropdownbase .e-list-item {
235
235
  /* stylelint-disable property-no-vendor-prefix */
236
236
  -webkit-tap-highlight-color: transparent;
237
- background-color: #fff;
238
237
  border-bottom: 0;
239
238
  border-color: #edebe9;
240
239
  color: #201f1e;
@@ -244,11 +243,11 @@
244
243
  min-height: 36px;
245
244
  padding-right: 16px;
246
245
  text-indent: 8px;
246
+ background-color: #fff;
247
247
  }
248
248
 
249
249
  .e-dropdownbase .e-list-group-item,
250
250
  .e-fixed-head {
251
- background-color: #fff;
252
251
  border-color: #edebe9;
253
252
  color: #0078d4;
254
253
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
@@ -258,6 +257,7 @@
258
257
  min-height: 36px;
259
258
  padding-left: 12px;
260
259
  padding-right: 16px;
260
+ background-color: #fff;
261
261
  }
262
262
 
263
263
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
package/styles/drop-down-base/highcontrast-light.css CHANGED
@@ -204,7 +204,6 @@
204
204
  .e-dropdownbase .e-list-item {
205
205
  /* stylelint-disable property-no-vendor-prefix */
206
206
  -webkit-tap-highlight-color: transparent;
207
- background-color: #fff;
208
207
  border-bottom: 2px;
209
208
  border-color: transparent;
210
209
  color: #000;
@@ -214,11 +213,11 @@
214
213
  min-height: 36px;
215
214
  padding-right: 16px;
216
215
  text-indent: 10px;
216
+ background-color: #fff;
217
217
  }
218
218
 
219
219
  .e-dropdownbase .e-list-group-item,
220
220
  .e-fixed-head {
221
- background-color: #fff;
222
221
  border-color: transparent;
223
222
  color: #23726c;
224
223
  font-family: inherit;
@@ -228,6 +227,7 @@
228
227
  min-height: 36px;
229
228
  padding-left: 10px;
230
229
  padding-right: 16px;
230
+ background-color: #fff;
231
231
  }
232
232
 
233
233
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
package/styles/drop-down-base/highcontrast.css CHANGED
@@ -204,7 +204,6 @@
204
204
  .e-dropdownbase .e-list-item {
205
205
  /* stylelint-disable property-no-vendor-prefix */
206
206
  -webkit-tap-highlight-color: transparent;
207
- background-color: #000;
208
207
  border-bottom: 2px;
209
208
  border-color: transparent;
210
209
  color: #fff;
@@ -214,11 +213,11 @@
214
213
  min-height: 36px;
215
214
  padding-right: 16px;
216
215
  text-indent: 10px;
216
+ background-color: #000;
217
217
  }
218
218
 
219
219
  .e-dropdownbase .e-list-group-item,
220
220
  .e-fixed-head {
221
- background-color: #000;
222
221
  border-color: transparent;
223
222
  color: #ffd939;
224
223
  font-family: inherit;
@@ -228,6 +227,7 @@
228
227
  min-height: 36px;
229
228
  padding-left: 10px;
230
229
  padding-right: 16px;
230
+ background-color: #000;
231
231
  }
232
232
 
233
233
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
package/styles/drop-down-base/material-dark.css CHANGED
@@ -190,7 +190,6 @@
190
190
  .e-dropdownbase .e-list-item {
191
191
  /* stylelint-disable property-no-vendor-prefix */
192
192
  -webkit-tap-highlight-color: transparent;
193
- background-color: #424242;
194
193
  border-bottom: 0;
195
194
  border-color: transparent;
196
195
  color: #fff;
@@ -200,11 +199,11 @@
200
199
  min-height: 36px;
201
200
  padding-right: 16px;
202
201
  text-indent: 16px;
202
+ background-color: #424242;
203
203
  }
204
204
 
205
205
  .e-dropdownbase .e-list-group-item,
206
206
  .e-fixed-head {
207
- background-color: #424242;
208
207
  border-color: transparent;
209
208
  color: rgba(255, 255, 255, 0.7);
210
209
  font-family: inherit;
@@ -214,6 +213,7 @@
214
213
  min-height: 36px;
215
214
  padding-left: 16px;
216
215
  padding-right: 16px;
216
+ background-color: #424242;
217
217
  }
218
218
 
219
219
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
package/styles/drop-down-base/material.css CHANGED
@@ -190,7 +190,6 @@
190
190
  .e-dropdownbase .e-list-item {
191
191
  /* stylelint-disable property-no-vendor-prefix */
192
192
  -webkit-tap-highlight-color: transparent;
193
- background-color: #fff;
194
193
  border-bottom: 0;
195
194
  border-color: #fff;
196
195
  color: rgba(0, 0, 0, 0.87);
@@ -200,11 +199,11 @@
200
199
  min-height: 36px;
201
200
  padding-right: 16px;
202
201
  text-indent: 16px;
202
+ background-color: #fff;
203
203
  }
204
204
 
205
205
  .e-dropdownbase .e-list-group-item,
206
206
  .e-fixed-head {
207
- background-color: #fff;
208
207
  border-color: #fff;
209
208
  color: rgba(0, 0, 0, 0.54);
210
209
  font-family: inherit;
@@ -214,6 +213,7 @@
214
213
  min-height: 36px;
215
214
  padding-left: 16px;
216
215
  padding-right: 16px;
216
+ background-color: #fff;
217
217
  }
218
218
 
219
219
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
package/styles/drop-down-base/tailwind-dark.css CHANGED
@@ -296,7 +296,6 @@
296
296
  .e-dropdownbase .e-list-item {
297
297
  /* stylelint-disable property-no-vendor-prefix */
298
298
  -webkit-tap-highlight-color: transparent;
299
- background-color: #374151;
300
299
  border-bottom: 0;
301
300
  border-color: #4b5563;
302
301
  color: #fff;
@@ -306,11 +305,11 @@
306
305
  min-height: 30px;
307
306
  padding-right: 16px;
308
307
  text-indent: 12px;
308
+ background-color: #374151;
309
309
  }
310
310
 
311
311
  .e-dropdownbase .e-list-group-item,
312
312
  .e-fixed-head {
313
- background-color: #374151;
314
313
  border-color: #4b5563;
315
314
  color: #9ca3af;
316
315
  font-family: "Inter";
@@ -320,6 +319,7 @@
320
319
  min-height: 30px;
321
320
  padding-left: 12px;
322
321
  padding-right: 16px;
322
+ background-color: #374151;
323
323
  }
324
324
 
325
325
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
package/styles/drop-down-base/tailwind.css CHANGED
@@ -296,7 +296,6 @@
296
296
  .e-dropdownbase .e-list-item {
297
297
  /* stylelint-disable property-no-vendor-prefix */
298
298
  -webkit-tap-highlight-color: transparent;
299
- background-color: #fff;
300
299
  border-bottom: 0;
301
300
  border-color: #e5e7eb;
302
301
  color: #111827;
@@ -306,11 +305,11 @@
306
305
  min-height: 30px;
307
306
  padding-right: 16px;
308
307
  text-indent: 12px;
308
+ background-color: #fff;
309
309
  }
310
310
 
311
311
  .e-dropdownbase .e-list-group-item,
312
312
  .e-fixed-head {
313
- background-color: #fff;
314
313
  border-color: #e5e7eb;
315
314
  color: #6b7280;
316
315
  font-family: "Inter";
@@ -320,6 +319,7 @@
320
319
  min-height: 30px;
321
320
  padding-left: 12px;
322
321
  padding-right: 16px;
322
+ background-color: #fff;
323
323
  }
324
324
 
325
325
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
package/styles/drop-down-list/_bootstrap4-definition.scss CHANGED
@@ -16,7 +16,7 @@ $ddl-popup-background-color: $content-popup-bg !default;
16
16
  $ddl-filter-border: rgba($black, .12) !default;
17
17
  $ddl-filter-bg: rgba($black, .03) !default;
18
18
  $ddl-filter-top-border: 0 !default;
19
- $ddl-filter-padding: 0 !default;
19
+ $ddl-filter-padding: 6px !default;
20
20
  $ddl-filter-box-shadow: none !default;
21
21
  $ddl-filter-background-color: $white !default;
22
22
  $ddl-default-border-color: rgba($black, .15) !default;
package/styles/drop-down-list/_bootstrap5-definition.scss CHANGED
@@ -73,7 +73,7 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
73
73
  .e-bigger #{&}.e-popup.e-ddl {
74
74
  @at-root {
75
75
  #{if(&, '&', '*')} .e-list-item {
76
- font-size: 16px;
76
+ font-size: $text-base;
77
77
  line-height: 32px;
78
78
  padding-left: 0;
79
79
  text-indent: 16px;
@@ -81,7 +81,7 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
81
81
 
82
82
  #{if(&, '&', '*')} .e-list-group-item,
83
83
  #{if(&, '&', '*')} .e-fixed-head {
84
- font-size: 14px;
84
+ font-size: $text-sm;
85
85
  line-height: 32px;
86
86
  padding-left: 0;
87
87
  text-indent: 16px;
@@ -93,7 +93,7 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
93
93
 
94
94
  #{if(&, '&', '*')} .e-input-group input,
95
95
  #{if(&, '&', '*')} .e-input-group input.e-input {
96
- font-size: 16px;
96
+ font-size: $text-base;
97
97
  height: 36px;
98
98
  }
99
99
  }
@@ -166,11 +166,11 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
166
166
  }
167
167
 
168
168
  .e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon {
169
- font-size: 14px;
169
+ font-size: $text-sm;
170
170
  }
171
171
 
172
172
  .e-bigger .e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon {
173
- font-size: 16px;
173
+ font-size: $text-base;
174
174
  }
175
175
 
176
176
  .e-bigger.e-small .e-ddl#{&}.e-popup {
@@ -178,7 +178,7 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
178
178
  #{if(&, '&', '*')} .e-list-item,
179
179
  #{if(&, '&', '*')} .e-list-group-item,
180
180
  #{if(&, '&', '*')} .e-fixed-head {
181
- font-size: 14px;
181
+ font-size: $text-sm;
182
182
  line-height: 34px;
183
183
  padding-left: 0;
184
184
  text-indent: 16px;
package/styles/drop-down-list/_fluent-definition.scss CHANGED
@@ -74,7 +74,7 @@ $ddl-filter-box-shadow: none !default;
74
74
  .e-bigger #{&}.e-popup.e-ddl {
75
75
  @at-root {
76
76
  #{if(&, '&', '*')} .e-list-item {
77
- font-size: 16px;
77
+ font-size: $text-base;
78
78
  line-height: 32px;
79
79
  padding-left: 0;
80
80
  text-indent: 16px;
@@ -82,7 +82,7 @@ $ddl-filter-box-shadow: none !default;
82
82
 
83
83
  #{if(&, '&', '*')} .e-list-group-item,
84
84
  #{if(&, '&', '*')} .e-fixed-head {
85
- font-size: 14px;
85
+ font-size: $text-sm;
86
86
  line-height: 32px;
87
87
  padding-left: 0;
88
88
  text-indent: 16px;
@@ -150,11 +150,11 @@ $ddl-filter-box-shadow: none !default;
150
150
  }
151
151
 
152
152
  .e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon {
153
- font-size: 14px;
153
+ font-size: $text-sm;
154
154
  }
155
155
 
156
156
  .e-bigger .e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon {
157
- font-size: 16px;
157
+ font-size: $text-base;
158
158
  }
159
159
 
160
160
  .e-bigger.e-small .e-ddl#{&}.e-popup {
@@ -162,7 +162,7 @@ $ddl-filter-box-shadow: none !default;
162
162
  #{if(&, '&', '*')} .e-list-item,
163
163
  #{if(&, '&', '*')} .e-list-group-item,
164
164
  #{if(&, '&', '*')} .e-fixed-head {
165
- font-size: 14px;
165
+ font-size: $text-sm;
166
166
  line-height: 34px;
167
167
  padding-left: 0;
168
168
  text-indent: 16px;
package/styles/drop-down-list/_layout.scss CHANGED
@@ -54,9 +54,6 @@
54
54
  #{&}.e-ddl.e-popup.e-ddl-device-filter {
55
55
  margin: $ddl-filter-margin;
56
56
  }
57
- #{&}.e-ios {
58
- position: fixed;
59
- }
60
57
  }
61
58
 
62
59
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
@@ -107,7 +104,7 @@
107
104
 
108
105
  .e-ddl#{&}.e-popup {
109
106
  background: $ddl-popup-background-color;
110
- @if $skin-name != 'material' {
107
+ @if $skin-name != 'material' and $skin-name != 'Material3' {
111
108
  border: 1px solid $ddl-default-border-color;
112
109
  }
113
110
  position: absolute;
package/styles/drop-down-list/_tailwind-definition.scss CHANGED
@@ -9,7 +9,7 @@ $ddl-list-search-icon-padding: 12px 8px 8px !default;
9
9
  $ddl-list-filter-text-indent: 8px 16px 8px !default;
10
10
  $ddl-filter-border: 0 !default;
11
11
  $ddl-filter-top-border: 0 !default;
12
- $ddl-filter-padding: 0 !default;
12
+ $ddl-filter-padding: 6px !default;
13
13
  $ddl-clear-icon-margin-right: 66px !default;
14
14
  $ddl-back-icon-margin: 0 10px 0 -52px !default;
15
15
  $ddl-back-icon-padding: 0 8px !default;
package/styles/drop-down-list/bootstrap-dark.css CHANGED
@@ -183,9 +183,6 @@
183
183
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
184
184
  margin: 0;
185
185
  }
186
- .e-popup-full-page .e-popup-full-page.e-ios {
187
- position: fixed;
188
- }
189
186
 
190
187
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
191
188
  position: relative;
package/styles/drop-down-list/bootstrap.css CHANGED
@@ -183,9 +183,6 @@
183
183
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
184
184
  margin: 0;
185
185
  }
186
- .e-popup-full-page .e-popup-full-page.e-ios {
187
- position: fixed;
188
- }
189
186
 
190
187
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
191
188
  position: relative;
package/styles/drop-down-list/bootstrap4.css CHANGED
@@ -20,14 +20,6 @@
20
20
  padding: 0 8px 0 0;
21
21
  }
22
22
 
23
- .e-bigger .e-content.e-dropdownbase {
24
- padding: 8px 0;
25
- }
26
-
27
- .e-content.e-dropdownbase {
28
- padding: 6px 0;
29
- }
30
-
31
23
  .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
32
24
  font-size: 16px;
33
25
  }
@@ -227,9 +219,6 @@
227
219
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
228
220
  margin: 0;
229
221
  }
230
- .e-popup-full-page .e-popup-full-page.e-ios {
231
- position: fixed;
232
- }
233
222
 
234
223
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
235
224
  position: relative;
@@ -258,7 +247,7 @@
258
247
  border-top-width: 0;
259
248
  box-shadow: none;
260
249
  display: block;
261
- padding: 0;
250
+ padding: 6px;
262
251
  }
263
252
 
264
253
  .e-ddl.e-input-group:not(.e-disabled) {
package/styles/drop-down-list/bootstrap5-dark.css CHANGED
@@ -243,9 +243,6 @@
243
243
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
244
244
  margin: 0;
245
245
  }
246
- .e-popup-full-page .e-popup-full-page.e-ios {
247
- position: fixed;
248
- }
249
246
 
250
247
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
251
248
  position: relative;
package/styles/drop-down-list/bootstrap5.css CHANGED
@@ -243,9 +243,6 @@
243
243
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
244
244
  margin: 0;
245
245
  }
246
- .e-popup-full-page .e-popup-full-page.e-ios {
247
- position: fixed;
248
- }
249
246
 
250
247
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
251
248
  position: relative;
package/styles/drop-down-list/fabric-dark.css CHANGED
@@ -159,9 +159,6 @@
159
159
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
160
160
  margin: 0;
161
161
  }
162
- .e-popup-full-page .e-popup-full-page.e-ios {
163
- position: fixed;
164
- }
165
162
 
166
163
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
167
164
  position: relative;
package/styles/drop-down-list/fabric.css CHANGED
@@ -152,9 +152,6 @@
152
152
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
153
153
  margin: 0;
154
154
  }
155
- .e-popup-full-page .e-popup-full-page.e-ios {
156
- position: fixed;
157
- }
158
155
 
159
156
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
160
157
  position: relative;
package/styles/drop-down-list/fluent-dark.css CHANGED
@@ -223,9 +223,6 @@
223
223
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
224
224
  margin: 0;
225
225
  }
226
- .e-popup-full-page .e-popup-full-page.e-ios {
227
- position: fixed;
228
- }
229
226
 
230
227
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
231
228
  position: relative;
package/styles/drop-down-list/fluent.css CHANGED
@@ -223,9 +223,6 @@
223
223
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
224
224
  margin: 0;
225
225
  }
226
- .e-popup-full-page .e-popup-full-page.e-ios {
227
- position: fixed;
228
- }
229
226
 
230
227
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
231
228
  position: relative;
package/styles/drop-down-list/highcontrast-light.css CHANGED
@@ -170,9 +170,6 @@
170
170
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
171
171
  margin: 0;
172
172
  }
173
- .e-popup-full-page .e-popup-full-page.e-ios {
174
- position: fixed;
175
- }
176
173
 
177
174
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
178
175
  position: relative;
package/styles/drop-down-list/highcontrast.css CHANGED
@@ -170,9 +170,6 @@
170
170
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
171
171
  margin: 0;
172
172
  }
173
- .e-popup-full-page .e-popup-full-page.e-ios {
174
- position: fixed;
175
- }
176
173
 
177
174
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
178
175
  position: relative;
package/styles/drop-down-list/icons/_material3.scss CHANGED
@@ -8,7 +8,7 @@
8
8
  }
9
9
 
10
10
  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
11
- content: '\e729';
11
+ content: '\e70d';
12
12
  font-family: 'e-icons';
13
13
  }
14
14
  }
package/styles/drop-down-list/material-dark.css CHANGED
@@ -190,9 +190,6 @@
190
190
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
191
191
  margin: 0;
192
192
  }
193
- .e-popup-full-page .e-popup-full-page.e-ios {
194
- position: fixed;
195
- }
196
193
 
197
194
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
198
195
  position: relative;
@@ -234,6 +231,7 @@
234
231
 
235
232
  .e-ddl.e-popup {
236
233
  background: #424242;
234
+ border: 1px solid transparent;
237
235
  position: absolute;
238
236
  }
239
237
  .e-ddl.e-popup .e-search-icon {
package/styles/drop-down-list/material.css CHANGED
@@ -223,9 +223,6 @@
223
223
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
224
224
  margin: 0;
225
225
  }
226
- .e-popup-full-page .e-popup-full-page.e-ios {
227
- position: fixed;
228
- }
229
226
 
230
227
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
231
228
  position: relative;
package/styles/drop-down-list/tailwind-dark.css CHANGED
@@ -195,9 +195,6 @@
195
195
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
196
196
  margin: 0;
197
197
  }
198
- .e-popup-full-page .e-popup-full-page.e-ios {
199
- position: fixed;
200
- }
201
198
 
202
199
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
203
200
  position: relative;
@@ -226,7 +223,7 @@
226
223
  border-top-width: 0;
227
224
  box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
228
225
  display: block;
229
- padding: 0;
226
+ padding: 6px;
230
227
  }
231
228
 
232
229
  .e-ddl.e-input-group:not(.e-disabled) {