@syncfusion/ej2-react-dropdowns 19.2.62 → 19.3.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/ej2-react-dropdowns.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/auto-complete/bootstrap5-dark.css +141 -0
  5. package/styles/auto-complete/bootstrap5-dark.scss +1 -0
  6. package/styles/auto-complete/bootstrap5.css +141 -0
  7. package/styles/auto-complete/bootstrap5.scss +1 -0
  8. package/styles/auto-complete/material-dark.css +1 -1
  9. package/styles/bootstrap-dark.css +15 -4
  10. package/styles/bootstrap.css +15 -4
  11. package/styles/bootstrap4.css +16 -21
  12. package/styles/bootstrap5-dark.css +3408 -0
  13. package/styles/bootstrap5-dark.scss +7 -0
  14. package/styles/bootstrap5.css +3408 -0
  15. package/styles/bootstrap5.scss +7 -0
  16. package/styles/combo-box/bootstrap5-dark.css +141 -0
  17. package/styles/combo-box/bootstrap5-dark.scss +1 -0
  18. package/styles/combo-box/bootstrap5.css +141 -0
  19. package/styles/combo-box/bootstrap5.scss +1 -0
  20. package/styles/combo-box/material-dark.css +1 -1
  21. package/styles/drop-down-base/bootstrap-dark.css +1 -3
  22. package/styles/drop-down-base/bootstrap.css +1 -3
  23. package/styles/drop-down-base/bootstrap4.css +1 -3
  24. package/styles/drop-down-base/bootstrap5-dark.css +372 -0
  25. package/styles/drop-down-base/bootstrap5-dark.scss +1 -0
  26. package/styles/drop-down-base/bootstrap5.css +372 -0
  27. package/styles/drop-down-base/bootstrap5.scss +1 -0
  28. package/styles/drop-down-base/fabric-dark.css +1 -3
  29. package/styles/drop-down-base/fabric.css +1 -3
  30. package/styles/drop-down-base/highcontrast-light.css +1 -3
  31. package/styles/drop-down-base/highcontrast.css +1 -3
  32. package/styles/drop-down-base/material-dark.css +3 -5
  33. package/styles/drop-down-base/material.css +1 -3
  34. package/styles/drop-down-base/tailwind-dark.css +5 -7
  35. package/styles/drop-down-base/tailwind.css +1 -3
  36. package/styles/drop-down-list/bootstrap4.css +0 -16
  37. package/styles/drop-down-list/bootstrap5-dark.css +433 -0
  38. package/styles/drop-down-list/bootstrap5-dark.scss +1 -0
  39. package/styles/drop-down-list/bootstrap5.css +433 -0
  40. package/styles/drop-down-list/bootstrap5.scss +1 -0
  41. package/styles/drop-down-list/material-dark.css +2 -2
  42. package/styles/drop-down-tree/bootstrap-dark.css +4 -0
  43. package/styles/drop-down-tree/bootstrap.css +4 -0
  44. package/styles/drop-down-tree/bootstrap4.css +4 -0
  45. package/styles/drop-down-tree/bootstrap5-dark.css +580 -0
  46. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -0
  47. package/styles/drop-down-tree/bootstrap5.css +580 -0
  48. package/styles/drop-down-tree/bootstrap5.scss +1 -0
  49. package/styles/drop-down-tree/fabric-dark.css +4 -0
  50. package/styles/drop-down-tree/fabric.css +4 -0
  51. package/styles/drop-down-tree/highcontrast-light.css +4 -0
  52. package/styles/drop-down-tree/highcontrast.css +4 -0
  53. package/styles/drop-down-tree/material-dark.css +4 -8
  54. package/styles/drop-down-tree/material.css +4 -8
  55. package/styles/drop-down-tree/tailwind-dark.css +9 -5
  56. package/styles/drop-down-tree/tailwind.css +8 -4
  57. package/styles/fabric-dark.css +15 -4
  58. package/styles/fabric.css +15 -4
  59. package/styles/highcontrast-light.css +15 -4
  60. package/styles/highcontrast.css +15 -4
  61. package/styles/list-box/bootstrap5-dark.css +886 -0
  62. package/styles/list-box/bootstrap5-dark.scss +1 -0
  63. package/styles/list-box/bootstrap5.css +886 -0
  64. package/styles/list-box/bootstrap5.scss +1 -0
  65. package/styles/list-box/material-dark.css +3 -3
  66. package/styles/list-box/tailwind-dark.css +1 -1
  67. package/styles/list-box/tailwind.css +1 -1
  68. package/styles/material-dark.css +617 -58
  69. package/styles/material.css +12 -12
  70. package/styles/multi-select/bootstrap-dark.css +10 -1
  71. package/styles/multi-select/bootstrap.css +10 -1
  72. package/styles/multi-select/bootstrap4.css +11 -2
  73. package/styles/multi-select/bootstrap5-dark.css +1289 -0
  74. package/styles/multi-select/bootstrap5-dark.scss +1 -0
  75. package/styles/multi-select/bootstrap5.css +1289 -0
  76. package/styles/multi-select/bootstrap5.scss +1 -0
  77. package/styles/multi-select/fabric-dark.css +10 -1
  78. package/styles/multi-select/fabric.css +10 -1
  79. package/styles/multi-select/highcontrast-light.css +10 -1
  80. package/styles/multi-select/highcontrast.css +10 -1
  81. package/styles/multi-select/material-dark.css +605 -40
  82. package/styles/multi-select/material.css +7 -1
  83. package/styles/multi-select/tailwind-dark.css +13 -4
  84. package/styles/multi-select/tailwind.css +13 -4
  85. package/styles/tailwind-dark.css +28 -17
  86. package/styles/tailwind.css +23 -12
package/styles/material.css CHANGED
@@ -23,6 +23,7 @@
23
23
  .e-dropdownbase.e-bigger .e-list-group-item,
24
24
  .e-dropdownbase.e-bigger .e-fixed-head {
25
25
  line-height: 48px;
26
+ text-indent: 16px;
26
27
  }
27
28
 
28
29
  .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -97,17 +98,14 @@
97
98
 
98
99
  .e-small .e-dropdownbase.e-dd-group .e-list-item {
99
100
  padding-left: 2em;
100
- text-indent: 0;
101
101
  }
102
102
 
103
103
  .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
104
104
  padding-left: 2em;
105
- text-indent: 0;
106
105
  }
107
106
 
108
107
  .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
109
108
  padding-left: 2em;
110
- text-indent: 0;
111
109
  }
112
110
 
113
111
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
@@ -1148,6 +1146,10 @@ ejs-dropdownlist {
1148
1146
  padding: 0 14px 0 0;
1149
1147
  }
1150
1148
 
1149
+ .e-ddt-icon-hide {
1150
+ display: none;
1151
+ }
1152
+
1151
1153
  .e-bigger .e-ddt .e-chips,
1152
1154
  .e-ddt.e-bigger .e-chips {
1153
1155
  height: 31px;
@@ -1257,14 +1259,6 @@ ejs-dropdownlist {
1257
1259
  color: rgba(0, 0, 0, 0.54);
1258
1260
  }
1259
1261
 
1260
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1261
- background-color: #fff;
1262
- }
1263
-
1264
- .e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper .e-input-group-icon.e-ddt-icon {
1265
- background-color: #fff;
1266
- }
1267
-
1268
1262
  .e-ddt.e-popup {
1269
1263
  background: #fff;
1270
1264
  border-color: transparent;
@@ -2185,7 +2179,10 @@ ejs-dropdownlist {
2185
2179
  right: auto;
2186
2180
  }
2187
2181
 
2188
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2182
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2183
+ margin-top: -3em;
2184
+ }
2185
+
2189
2186
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2190
2187
  margin-top: -3em;
2191
2188
  }
@@ -2206,6 +2203,7 @@ ejs-dropdownlist {
2206
2203
  .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
2207
2204
  background: none;
2208
2205
  border: 0;
2206
+ color: inherit;
2209
2207
  font-family: inherit;
2210
2208
  font-size: 14px;
2211
2209
  font-weight: 400;
@@ -2295,6 +2293,7 @@ ejs-dropdownlist {
2295
2293
 
2296
2294
  .e-bigger .e-multi-select-wrapper .e-delim-values {
2297
2295
  line-height: 34px;
2296
+ padding-left: 0;
2298
2297
  }
2299
2298
 
2300
2299
  .e-multi-select-list-wrapper .e-hide-listitem {
@@ -2675,6 +2674,7 @@ ejs-multiselect {
2675
2674
  }
2676
2675
 
2677
2676
  .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
2677
+ color: inherit;
2678
2678
  font-size: inherit;
2679
2679
  min-height: 34px;
2680
2680
  padding: 8px 12px 9px;
package/styles/multi-select/bootstrap-dark.css CHANGED
@@ -365,7 +365,10 @@
365
365
  right: auto;
366
366
  }
367
367
 
368
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
368
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
369
+ margin-top: -4em;
370
+ }
371
+
369
372
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
370
373
  margin-top: -4em;
371
374
  }
@@ -386,6 +389,7 @@
386
389
  .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
387
390
  background: none;
388
391
  border: 0;
392
+ color: inherit;
389
393
  font-family: inherit;
390
394
  font-size: 14px;
391
395
  font-weight: 400;
@@ -454,6 +458,7 @@
454
458
 
455
459
  .e-bigger .e-multi-select-wrapper .e-delim-values {
456
460
  line-height: 36px;
461
+ padding-left: 6px;
457
462
  }
458
463
 
459
464
  .e-multi-select-list-wrapper .e-hide-listitem {
@@ -822,6 +827,10 @@ ejs-multiselect {
822
827
  min-height: 40px;
823
828
  }
824
829
 
830
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
831
+ color: inherit;
832
+ }
833
+
825
834
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
826
835
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
827
836
  -ms-flex-align: normal;
package/styles/multi-select/bootstrap.css CHANGED
@@ -363,7 +363,10 @@
363
363
  right: auto;
364
364
  }
365
365
 
366
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
366
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
367
+ margin-top: -4em;
368
+ }
369
+
367
370
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
368
371
  margin-top: -4em;
369
372
  }
@@ -384,6 +387,7 @@
384
387
  .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
385
388
  background: none;
386
389
  border: 0;
390
+ color: inherit;
387
391
  font-family: inherit;
388
392
  font-size: 14px;
389
393
  font-weight: 400;
@@ -452,6 +456,7 @@
452
456
 
453
457
  .e-bigger .e-multi-select-wrapper .e-delim-values {
454
458
  line-height: 36px;
459
+ padding-left: 6px;
455
460
  }
456
461
 
457
462
  .e-multi-select-list-wrapper .e-hide-listitem {
@@ -820,6 +825,10 @@ ejs-multiselect {
820
825
  min-height: 40px;
821
826
  }
822
827
 
828
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
829
+ color: inherit;
830
+ }
831
+
823
832
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
824
833
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
825
834
  -ms-flex-align: normal;
package/styles/multi-select/bootstrap4.css CHANGED
@@ -444,7 +444,10 @@
444
444
  right: auto;
445
445
  }
446
446
 
447
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
447
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
448
+ margin-top: -3.5em;
449
+ }
450
+
448
451
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
449
452
  margin-top: -3.5em;
450
453
  }
@@ -471,6 +474,7 @@
471
474
  .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
472
475
  background: none;
473
476
  border: 0;
477
+ color: inherit;
474
478
  font-family: inherit;
475
479
  font-size: 14px;
476
480
  font-weight: 400;
@@ -540,6 +544,7 @@
540
544
 
541
545
  .e-bigger .e-multi-select-wrapper .e-delim-values {
542
546
  line-height: 36px;
547
+ padding-left: 6px;
543
548
  }
544
549
 
545
550
  .e-bigger .e-multi-select-wrapper .e-delim-values .e-remain {
@@ -801,7 +806,7 @@
801
806
 
802
807
  .e-bigger .e-ddl.e-popup.e-multi-select-list-wrappe .e-filter-parent .e-input-filter,
803
808
  .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
804
- padding: 4px 0;
809
+ padding: 0;
805
810
  }
806
811
 
807
812
  .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
@@ -920,6 +925,10 @@ ejs-multiselect {
920
925
  min-height: 40px;
921
926
  }
922
927
 
928
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
929
+ color: inherit;
930
+ }
931
+
923
932
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
924
933
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
925
934
  -ms-flex-align: normal;