@syncfusion/ej2-react-dropdowns 22.2.12 → 23.1.38

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 (103) hide show
  1. package/CHANGELOG.md +9 -244
  2. package/diConfig.json +11 -2
  3. package/dist/ej2-react-dropdowns.min.js +3 -3
  4. package/dist/ej2-react-dropdowns.umd.min.js +3 -3
  5. package/dist/ej2-react-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-react-dropdowns.es2015.js +3 -3
  7. package/dist/es6/ej2-react-dropdowns.es2015.js.map +1 -1
  8. package/package.json +9 -9
  9. package/src/auto-complete/autocomplete.component.js +1 -1
  10. package/src/combo-box/combobox.component.js +1 -1
  11. package/src/drop-down-list/dropdownlist.component.js +1 -1
  12. package/styles/auto-complete/material-dark.css +0 -1
  13. package/styles/auto-complete/material.css +0 -1
  14. package/styles/auto-complete/material3-dark.css +0 -1
  15. package/styles/auto-complete/material3-dark.scss +1 -1
  16. package/styles/auto-complete/material3.css +0 -1
  17. package/styles/auto-complete/material3.scss +1 -1
  18. package/styles/auto-complete/tailwind-dark.css +0 -1
  19. package/styles/auto-complete/tailwind.css +0 -1
  20. package/styles/bootstrap-dark.css +70 -15
  21. package/styles/bootstrap.css +70 -15
  22. package/styles/bootstrap4.css +71 -16
  23. package/styles/bootstrap5-dark.css +71 -16
  24. package/styles/bootstrap5.css +71 -16
  25. package/styles/combo-box/material-dark.css +0 -1
  26. package/styles/combo-box/material.css +0 -1
  27. package/styles/combo-box/material3-dark.css +0 -1
  28. package/styles/combo-box/material3-dark.scss +1 -1
  29. package/styles/combo-box/material3.css +0 -1
  30. package/styles/combo-box/material3.scss +1 -1
  31. package/styles/combo-box/tailwind-dark.css +0 -1
  32. package/styles/combo-box/tailwind.css +0 -1
  33. package/styles/drop-down-base/material-dark.css +0 -1
  34. package/styles/drop-down-base/material.css +0 -1
  35. package/styles/drop-down-base/material3-dark.css +0 -1
  36. package/styles/drop-down-base/material3-dark.scss +1 -1
  37. package/styles/drop-down-base/material3.css +0 -1
  38. package/styles/drop-down-base/material3.scss +1 -1
  39. package/styles/drop-down-base/tailwind-dark.css +0 -1
  40. package/styles/drop-down-base/tailwind.css +0 -1
  41. package/styles/drop-down-list/material-dark.css +0 -1
  42. package/styles/drop-down-list/material.css +0 -1
  43. package/styles/drop-down-list/material3-dark.css +0 -1
  44. package/styles/drop-down-list/material3-dark.scss +1 -1
  45. package/styles/drop-down-list/material3.css +0 -1
  46. package/styles/drop-down-list/material3.scss +1 -1
  47. package/styles/drop-down-list/tailwind-dark.css +0 -1
  48. package/styles/drop-down-list/tailwind.css +0 -1
  49. package/styles/drop-down-tree/material-dark.css +0 -1
  50. package/styles/drop-down-tree/material.css +0 -1
  51. package/styles/drop-down-tree/material3-dark.css +0 -1
  52. package/styles/drop-down-tree/material3-dark.scss +1 -1
  53. package/styles/drop-down-tree/material3.css +0 -1
  54. package/styles/drop-down-tree/material3.scss +1 -1
  55. package/styles/drop-down-tree/tailwind-dark.css +0 -1
  56. package/styles/drop-down-tree/tailwind.css +0 -1
  57. package/styles/fabric-dark.css +70 -15
  58. package/styles/fabric.css +70 -15
  59. package/styles/fluent-dark.css +71 -16
  60. package/styles/fluent.css +71 -16
  61. package/styles/highcontrast-light.css +70 -15
  62. package/styles/highcontrast.css +70 -15
  63. package/styles/list-box/bootstrap-dark.css +70 -15
  64. package/styles/list-box/bootstrap.css +70 -15
  65. package/styles/list-box/bootstrap4.css +71 -16
  66. package/styles/list-box/bootstrap5-dark.css +71 -16
  67. package/styles/list-box/bootstrap5.css +71 -16
  68. package/styles/list-box/fabric-dark.css +70 -15
  69. package/styles/list-box/fabric.css +70 -15
  70. package/styles/list-box/fluent-dark.css +71 -16
  71. package/styles/list-box/fluent.css +71 -16
  72. package/styles/list-box/highcontrast-light.css +70 -15
  73. package/styles/list-box/highcontrast.css +70 -15
  74. package/styles/list-box/material-dark.css +71 -17
  75. package/styles/list-box/material.css +71 -17
  76. package/styles/list-box/material3-dark.css +71 -17
  77. package/styles/list-box/material3-dark.scss +1 -1
  78. package/styles/list-box/material3.css +71 -17
  79. package/styles/list-box/material3.scss +1 -1
  80. package/styles/list-box/tailwind-dark.css +71 -17
  81. package/styles/list-box/tailwind.css +71 -17
  82. package/styles/material-dark.css +71 -17
  83. package/styles/material.css +71 -17
  84. package/styles/material3-dark.css +71 -24
  85. package/styles/material3.css +71 -17
  86. package/styles/mention/material-dark.css +0 -1
  87. package/styles/mention/material.css +0 -1
  88. package/styles/mention/material3-dark.css +0 -1
  89. package/styles/mention/material3-dark.scss +1 -1
  90. package/styles/mention/material3.css +0 -1
  91. package/styles/mention/material3.scss +1 -1
  92. package/styles/mention/tailwind-dark.css +0 -1
  93. package/styles/mention/tailwind.css +0 -1
  94. package/styles/multi-select/material-dark.css +0 -1
  95. package/styles/multi-select/material.css +0 -1
  96. package/styles/multi-select/material3-dark.css +0 -1
  97. package/styles/multi-select/material3-dark.scss +1 -1
  98. package/styles/multi-select/material3.css +0 -1
  99. package/styles/multi-select/material3.scss +1 -1
  100. package/styles/multi-select/tailwind-dark.css +0 -1
  101. package/styles/multi-select/tailwind.css +0 -1
  102. package/styles/tailwind-dark.css +71 -24
  103. package/styles/tailwind.css +71 -24
@@ -2663,11 +2663,6 @@ ejs-multiselect {
2663
2663
  padding: 10px 12px;
2664
2664
  position: relative;
2665
2665
  }
2666
- .e-listbox-wrapper.e-filter-list,
2667
- .e-listbox-container.e-filter-list,
2668
- .e-listboxtool-wrapper.e-filter-list {
2669
- overflow: inherit;
2670
- }
2671
2666
  .e-listbox-wrapper .e-list-parent,
2672
2667
  .e-listbox-container .e-list-parent,
2673
2668
  .e-listboxtool-wrapper .e-list-parent {
@@ -2951,9 +2946,6 @@ ejs-listbox {
2951
2946
  overflow: auto;
2952
2947
  }
2953
2948
 
2954
- .e-listbox-wrapper.e-filter-list {
2955
- overflow: inherit;
2956
- }
2957
2949
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2958
2950
  overflow: auto;
2959
2951
  }
@@ -3155,27 +3147,66 @@ ejs-listbox {
3155
3147
  }
3156
3148
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3157
3149
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3158
- height: calc(100% - 45px);
3150
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3151
+ }
3152
+
3153
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3154
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3155
+ }
3156
+
3157
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3158
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3159
3159
  }
3160
3160
 
3161
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3162
3161
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3163
- height: calc(100% - 55px);
3162
+ height: 100%;
3164
3163
  }
3165
3164
 
3166
3165
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3167
3166
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3168
- height: calc(100% - 96px);
3167
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3168
+ }
3169
+
3170
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3171
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3172
+ }
3173
+
3174
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3175
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3176
+ }
3177
+
3178
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3179
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3180
+ }
3181
+
3182
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3183
+ height: 100%;
3169
3184
  }
3170
3185
 
3171
3186
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3187
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3188
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3189
+ }
3190
+
3172
3191
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3173
- height: calc(100% - 40px);
3192
+ height: 100%;
3174
3193
  }
3175
3194
 
3176
3195
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3196
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3197
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3198
+ }
3199
+
3200
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3201
+ height: calc(100% - 86px) !important; /* stylelint-disable-line declaration-no-important */
3202
+ }
3203
+
3204
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3205
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3206
+ }
3207
+
3177
3208
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3178
- height: calc(100% - 45px);
3209
+ height: 100%;
3179
3210
  }
3180
3211
 
3181
3212
  .e-listbox-wrapper,
@@ -3202,13 +3233,13 @@ ejs-listbox {
3202
3233
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3203
3234
  .e-listbox-container.e-filter-list .e-list-parent,
3204
3235
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3205
- height: calc(100% - 47px);
3236
+ height: calc(100% - 50px);
3206
3237
  }
3207
3238
 
3208
3239
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3209
3240
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3210
3241
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3211
- height: calc(100% - 86px);
3242
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3212
3243
  }
3213
3244
 
3214
3245
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3478,6 +3509,30 @@ ejs-listbox {
3478
3509
  padding-right: 16px;
3479
3510
  }
3480
3511
 
3512
+ .e-listbox-container.e-filter-list .e-list-parent {
3513
+ height: 100%;
3514
+ }
3515
+
3516
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3517
+ height: 100%;
3518
+ }
3519
+
3520
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3521
+ height: 100%;
3522
+ }
3523
+
3524
+ .e-listbox-container.e-filter-list .e-list-wrap {
3525
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3526
+ }
3527
+
3528
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3529
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3530
+ }
3531
+
3532
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3533
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3534
+ }
3535
+
3481
3536
  /* stylelint-disable-line no-empty-source */
3482
3537
  /* stylelint-disable property-no-vendor-prefix */
3483
3538
  @keyframes material-spinner-rotate {
@@ -2663,11 +2663,6 @@ ejs-multiselect {
2663
2663
  padding: 10px 12px;
2664
2664
  position: relative;
2665
2665
  }
2666
- .e-listbox-wrapper.e-filter-list,
2667
- .e-listbox-container.e-filter-list,
2668
- .e-listboxtool-wrapper.e-filter-list {
2669
- overflow: inherit;
2670
- }
2671
2666
  .e-listbox-wrapper .e-list-parent,
2672
2667
  .e-listbox-container .e-list-parent,
2673
2668
  .e-listboxtool-wrapper .e-list-parent {
@@ -2951,9 +2946,6 @@ ejs-listbox {
2951
2946
  overflow: auto;
2952
2947
  }
2953
2948
 
2954
- .e-listbox-wrapper.e-filter-list {
2955
- overflow: inherit;
2956
- }
2957
2949
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2958
2950
  overflow: auto;
2959
2951
  }
@@ -3155,27 +3147,66 @@ ejs-listbox {
3155
3147
  }
3156
3148
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3157
3149
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3158
- height: calc(100% - 45px);
3150
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3151
+ }
3152
+
3153
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3154
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3155
+ }
3156
+
3157
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3158
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3159
3159
  }
3160
3160
 
3161
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3162
3161
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3163
- height: calc(100% - 55px);
3162
+ height: 100%;
3164
3163
  }
3165
3164
 
3166
3165
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3167
3166
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3168
- height: calc(100% - 96px);
3167
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3168
+ }
3169
+
3170
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3171
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3172
+ }
3173
+
3174
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3175
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3176
+ }
3177
+
3178
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3179
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3180
+ }
3181
+
3182
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3183
+ height: 100%;
3169
3184
  }
3170
3185
 
3171
3186
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3187
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3188
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3189
+ }
3190
+
3172
3191
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3173
- height: calc(100% - 40px);
3192
+ height: 100%;
3174
3193
  }
3175
3194
 
3176
3195
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3196
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3197
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3198
+ }
3199
+
3200
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3201
+ height: calc(100% - 86px) !important; /* stylelint-disable-line declaration-no-important */
3202
+ }
3203
+
3204
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3205
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3206
+ }
3207
+
3177
3208
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3178
- height: calc(100% - 45px);
3209
+ height: 100%;
3179
3210
  }
3180
3211
 
3181
3212
  .e-listbox-wrapper,
@@ -3202,13 +3233,13 @@ ejs-listbox {
3202
3233
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3203
3234
  .e-listbox-container.e-filter-list .e-list-parent,
3204
3235
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3205
- height: calc(100% - 47px);
3236
+ height: calc(100% - 50px);
3206
3237
  }
3207
3238
 
3208
3239
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3209
3240
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3210
3241
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3211
- height: calc(100% - 86px);
3242
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3212
3243
  }
3213
3244
 
3214
3245
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3478,6 +3509,30 @@ ejs-listbox {
3478
3509
  padding-right: 16px;
3479
3510
  }
3480
3511
 
3512
+ .e-listbox-container.e-filter-list .e-list-parent {
3513
+ height: 100%;
3514
+ }
3515
+
3516
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3517
+ height: 100%;
3518
+ }
3519
+
3520
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3521
+ height: 100%;
3522
+ }
3523
+
3524
+ .e-listbox-container.e-filter-list .e-list-wrap {
3525
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3526
+ }
3527
+
3528
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3529
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3530
+ }
3531
+
3532
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3533
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3534
+ }
3535
+
3481
3536
  /* stylelint-disable-line no-empty-source */
3482
3537
  /* stylelint-disable property-no-vendor-prefix */
3483
3538
  @keyframes material-spinner-rotate {
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
2
  transform: rotate(0deg);
4
3
  transition: transform 300ms ease;
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
2
  transform: rotate(0deg);
4
3
  transition: transform 300ms ease;
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/combo-box/material3-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/combo-box/material3.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
2
  transform: rotate(0deg);
4
3
  transition: transform 300ms ease;
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
2
  transform: rotate(0deg);
4
3
  transition: transform 300ms ease;
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  .e-dropdownbase .e-list-item .e-list-icon {
3
2
  padding: 0 16px 0 0;
4
3
  }
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  .e-dropdownbase .e-list-item .e-list-icon {
3
2
  padding: 0 16px 0 0;
4
3
  }
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/drop-down-base/material3-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/drop-down-base/material3.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-dropdownbase .e-list-item.e-active,
3
2
  .e-dropdownbase .e-list-item.e-active.e-hover {
4
3
  font-weight: 500;
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-dropdownbase .e-list-item.e-active,
3
2
  .e-dropdownbase .e-list-item.e-active.e-hover {
4
3
  font-weight: 500;
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes e-input-ripple {
4
3
  100% {
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes e-input-ripple {
4
3
  100% {
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/drop-down-list/material3-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/drop-down-list/material3.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  /* stylelint-disable-line no-empty-source */
4
3
  /* stylelint-disable property-no-vendor-prefix */
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  /* stylelint-disable-line no-empty-source */
4
3
  /* stylelint-disable property-no-vendor-prefix */
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes e-input-ripple {
4
3
  100% {
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes e-input-ripple {
4
3
  100% {
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/drop-down-tree/material3-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/drop-down-tree/material3.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  /* stylelint-disable-line no-empty-source */
4
3
  /* stylelint-disable property-no-vendor-prefix */
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  /* stylelint-disable-line no-empty-source */
4
3
  /* stylelint-disable property-no-vendor-prefix */
@@ -2469,11 +2469,6 @@ ejs-multiselect {
2469
2469
  padding: 10px 16px;
2470
2470
  position: relative;
2471
2471
  }
2472
- .e-listbox-wrapper.e-filter-list,
2473
- .e-listbox-container.e-filter-list,
2474
- .e-listboxtool-wrapper.e-filter-list {
2475
- overflow: inherit;
2476
- }
2477
2472
  .e-listbox-wrapper .e-list-parent,
2478
2473
  .e-listbox-container .e-list-parent,
2479
2474
  .e-listboxtool-wrapper .e-list-parent {
@@ -2757,9 +2752,6 @@ ejs-listbox {
2757
2752
  overflow: auto;
2758
2753
  }
2759
2754
 
2760
- .e-listbox-wrapper.e-filter-list {
2761
- overflow: inherit;
2762
- }
2763
2755
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2764
2756
  overflow: auto;
2765
2757
  }
@@ -2955,27 +2947,66 @@ ejs-listbox {
2955
2947
  }
2956
2948
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2957
2949
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
2958
- height: calc(100% - 45px);
2950
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2951
+ }
2952
+
2953
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2954
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
2955
+ }
2956
+
2957
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2958
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
2959
2959
  }
2960
2960
 
2961
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2962
2961
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2963
- height: calc(100% - 59px);
2962
+ height: 100%;
2964
2963
  }
2965
2964
 
2966
2965
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2967
2966
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2968
- height: calc(100% - 104px);
2967
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2968
+ }
2969
+
2970
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2971
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2972
+ }
2973
+
2974
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2975
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
2976
+ }
2977
+
2978
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2979
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
2980
+ }
2981
+
2982
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2983
+ height: 100%;
2969
2984
  }
2970
2985
 
2971
2986
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2987
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
2988
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2989
+ }
2990
+
2972
2991
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2973
- height: calc(100% - 45px);
2992
+ height: 100%;
2974
2993
  }
2975
2994
 
2976
2995
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2996
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2997
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
2998
+ }
2999
+
3000
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3001
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
3002
+ }
3003
+
3004
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3005
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3006
+ }
3007
+
2977
3008
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2978
- height: calc(100% - 55px);
3009
+ height: 100%;
2979
3010
  }
2980
3011
 
2981
3012
  .e-listbox-wrapper,
@@ -3008,7 +3039,7 @@ ejs-listbox {
3008
3039
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3009
3040
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3010
3041
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3011
- height: calc(100% - 87px);
3042
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3012
3043
  }
3013
3044
 
3014
3045
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3284,6 +3315,30 @@ ejs-listbox {
3284
3315
  padding-right: 0.923em;
3285
3316
  }
3286
3317
 
3318
+ .e-listbox-container.e-filter-list .e-list-parent {
3319
+ height: 100%;
3320
+ }
3321
+
3322
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3323
+ height: 100%;
3324
+ }
3325
+
3326
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3327
+ height: 100%;
3328
+ }
3329
+
3330
+ .e-listbox-container.e-filter-list .e-list-wrap {
3331
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3332
+ }
3333
+
3334
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3335
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3336
+ }
3337
+
3338
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3339
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3340
+ }
3341
+
3287
3342
  /* stylelint-disable property-no-vendor-prefix */
3288
3343
  @keyframes material-spinner-rotate {
3289
3344
  0% {