@syncfusion/ej2-dropdowns 26.1.42 → 26.2.5

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 (61) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +18 -4
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +18 -4
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/hotfix/26.1.35_Vol2.txt +1 -0
  12. package/package.json +12 -12
  13. package/src/drop-down-base/drop-down-base.js +11 -2
  14. package/src/drop-down-list/drop-down-list.js +1 -1
  15. package/src/drop-down-tree/drop-down-tree.js +6 -1
  16. package/styles/auto-complete/fluent2.css +10 -10
  17. package/styles/bootstrap-dark.css +15 -14
  18. package/styles/bootstrap.css +15 -14
  19. package/styles/bootstrap4.css +15 -14
  20. package/styles/bootstrap5-dark.css +15 -14
  21. package/styles/bootstrap5.css +15 -14
  22. package/styles/combo-box/fluent2.css +10 -10
  23. package/styles/drop-down-base/fluent2.css +10 -10
  24. package/styles/drop-down-list/fluent2.css +10 -10
  25. package/styles/drop-down-tree/fluent2.css +10 -10
  26. package/styles/fabric-dark.css +15 -14
  27. package/styles/fabric.css +15 -14
  28. package/styles/fluent-dark.css +15 -14
  29. package/styles/fluent.css +15 -14
  30. package/styles/fluent2.css +27 -26
  31. package/styles/highcontrast-light.css +15 -14
  32. package/styles/highcontrast.css +15 -14
  33. package/styles/list-box/_layout.scss +17 -13
  34. package/styles/list-box/bootstrap-dark.css +15 -14
  35. package/styles/list-box/bootstrap.css +15 -14
  36. package/styles/list-box/bootstrap4.css +15 -14
  37. package/styles/list-box/bootstrap5-dark.css +15 -14
  38. package/styles/list-box/bootstrap5.css +15 -14
  39. package/styles/list-box/fabric-dark.css +15 -14
  40. package/styles/list-box/fabric.css +15 -14
  41. package/styles/list-box/fluent-dark.css +15 -14
  42. package/styles/list-box/fluent.css +15 -14
  43. package/styles/list-box/fluent2.css +27 -26
  44. package/styles/list-box/highcontrast-light.css +15 -14
  45. package/styles/list-box/highcontrast.css +15 -14
  46. package/styles/list-box/material-dark.css +15 -14
  47. package/styles/list-box/material.css +15 -14
  48. package/styles/list-box/material3-dark.css +15 -14
  49. package/styles/list-box/material3.css +15 -14
  50. package/styles/list-box/tailwind-dark.css +15 -14
  51. package/styles/list-box/tailwind.css +15 -14
  52. package/styles/material-dark.css +15 -14
  53. package/styles/material.css +16 -15
  54. package/styles/material3-dark.css +15 -14
  55. package/styles/material3.css +15 -14
  56. package/styles/mention/fluent2.css +10 -10
  57. package/styles/multi-select/_material-definition.scss +1 -1
  58. package/styles/multi-select/fluent2.css +10 -10
  59. package/styles/multi-select/material.css +1 -1
  60. package/styles/tailwind-dark.css +15 -14
  61. package/styles/tailwind.css +15 -14
package/styles/mention/fluent2.css CHANGED
@@ -47,7 +47,7 @@
47
47
  --color-sf-flyout-bg-color-pressed: #e0e0e0;
48
48
  --color-sf-flyout-bg-color-selected: #ebebeb;
49
49
  --color-sf-flyout-bg-color-focus: #f5f5f5;
50
- --color-sf-overlay-bg-color: #000;
50
+ --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
51
51
  --color-sf-table-bg-color-hover: #f5f5f5;
52
52
  --color-sf-table-bg-color-pressed: #e0e0e0;
53
53
  --color-sf-table-bg-color-selected: #ebf3fc;
@@ -369,7 +369,7 @@
369
369
  --color-sf-flyout-bg-color-pressed: var(--color-sf-black);
370
370
  --color-sf-flyout-bg-color-selected: #383838;
371
371
  --color-sf-flyout-bg-color-focus: var(--color-sf-flyout-bg-color-hover);
372
- --color-sf-overlay-bg-color: rgba($black, .4);
372
+ --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
373
373
  --color-sf-table-bg-color-hover: #383838;
374
374
  --color-sf-table-bg-color-pressed: #2e2e2e;
375
375
  --color-sf-table-bg-color-selected: #082338;
@@ -711,9 +711,9 @@
711
711
  --color-sf-flyout-bg-color-pressed: var(--color-sf-content-bg-color-hover);
712
712
  --color-sf-flyout-bg-color-selected: var(--color-sf-content-bg-color-hover);
713
713
  --color-sf-flyout-bg-color-focus: var(--color-sf-content-bg-color-hover);
714
- --color-sf-overlay-bg-color: rgba($black, .4);
715
- --color-sf-table-bg-color-hover: var(--color-sf-black);
716
- --color-sf-table-bg-color-pressed: var(--color-sf-black);
714
+ --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
715
+ --color-sf-table-bg-color-hover: #1a3bff;
716
+ --color-sf-table-bg-color-pressed: #1a3bff;
717
717
  --color-sf-table-bg-color-selected: #1a3bff;
718
718
  --color-sf-content-text-color: #fff;
719
719
  --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
@@ -732,12 +732,12 @@
732
732
  --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color-hover);
733
733
  --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color-hover);
734
734
  --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
735
- --color-sf-table-text-color-hover: var(--color-sf-content-text-color-hover);
736
- --color-sf-table-text-color-pressed: var(--color-sf-content-text-color-hover);
737
- --color-sf-table-text-color-selected: var(--color-sf-content-text-color-hover);
735
+ --color-sf-table-text-color-hover: #000;
736
+ --color-sf-table-text-color-pressed: #000;
737
+ --color-sf-table-text-color-selected: #000;
738
738
  --color-sf-icon-color: #fff;
739
- --color-sf-icon-color-hover: var(--color-sf-content-text-color-hover);
740
- --color-sf-icon-color-pressed: var(--color-sf-content-text-color-hover);
739
+ --color-sf-icon-color-hover: #000;
740
+ --color-sf-icon-color-pressed: #000;
741
741
  --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
742
742
  --color-sf-border-light: #fff;
743
743
  --color-sf-border: var(--color-sf-border-light);
package/styles/multi-select/_material-definition.scss CHANGED
@@ -88,7 +88,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
88
88
  $ddl-chip-sel-mobile-close-height: 40px !default;
89
89
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
90
90
  $ddl-input-text-indent: 0 !default;
91
- $ddl-input-placeholder-padding: 4px 0 4px 0 !default;
91
+ $ddl-input-placeholder-padding: 0 !default;
92
92
  $ddl-rtl-chip-sel-close-left: -12px !default;
93
93
  $ddl-popup-active-focus-bg-color: $grey-300 !default;
94
94
  $ddl-popup-active-focus-font-color: $accent !default;
package/styles/multi-select/fluent2.css CHANGED
@@ -47,7 +47,7 @@
47
47
  --color-sf-flyout-bg-color-pressed: #e0e0e0;
48
48
  --color-sf-flyout-bg-color-selected: #ebebeb;
49
49
  --color-sf-flyout-bg-color-focus: #f5f5f5;
50
- --color-sf-overlay-bg-color: #000;
50
+ --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
51
51
  --color-sf-table-bg-color-hover: #f5f5f5;
52
52
  --color-sf-table-bg-color-pressed: #e0e0e0;
53
53
  --color-sf-table-bg-color-selected: #ebf3fc;
@@ -369,7 +369,7 @@
369
369
  --color-sf-flyout-bg-color-pressed: var(--color-sf-black);
370
370
  --color-sf-flyout-bg-color-selected: #383838;
371
371
  --color-sf-flyout-bg-color-focus: var(--color-sf-flyout-bg-color-hover);
372
- --color-sf-overlay-bg-color: rgba($black, .4);
372
+ --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
373
373
  --color-sf-table-bg-color-hover: #383838;
374
374
  --color-sf-table-bg-color-pressed: #2e2e2e;
375
375
  --color-sf-table-bg-color-selected: #082338;
@@ -711,9 +711,9 @@
711
711
  --color-sf-flyout-bg-color-pressed: var(--color-sf-content-bg-color-hover);
712
712
  --color-sf-flyout-bg-color-selected: var(--color-sf-content-bg-color-hover);
713
713
  --color-sf-flyout-bg-color-focus: var(--color-sf-content-bg-color-hover);
714
- --color-sf-overlay-bg-color: rgba($black, .4);
715
- --color-sf-table-bg-color-hover: var(--color-sf-black);
716
- --color-sf-table-bg-color-pressed: var(--color-sf-black);
714
+ --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
715
+ --color-sf-table-bg-color-hover: #1a3bff;
716
+ --color-sf-table-bg-color-pressed: #1a3bff;
717
717
  --color-sf-table-bg-color-selected: #1a3bff;
718
718
  --color-sf-content-text-color: #fff;
719
719
  --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
@@ -732,12 +732,12 @@
732
732
  --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color-hover);
733
733
  --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color-hover);
734
734
  --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
735
- --color-sf-table-text-color-hover: var(--color-sf-content-text-color-hover);
736
- --color-sf-table-text-color-pressed: var(--color-sf-content-text-color-hover);
737
- --color-sf-table-text-color-selected: var(--color-sf-content-text-color-hover);
735
+ --color-sf-table-text-color-hover: #000;
736
+ --color-sf-table-text-color-pressed: #000;
737
+ --color-sf-table-text-color-selected: #000;
738
738
  --color-sf-icon-color: #fff;
739
- --color-sf-icon-color-hover: var(--color-sf-content-text-color-hover);
740
- --color-sf-icon-color-pressed: var(--color-sf-content-text-color-hover);
739
+ --color-sf-icon-color-hover: #000;
740
+ --color-sf-icon-color-pressed: #000;
741
741
  --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
742
742
  --color-sf-border-light: #fff;
743
743
  --color-sf-border: var(--color-sf-border-light);
package/styles/multi-select/material.css CHANGED
@@ -983,7 +983,7 @@
983
983
  height: 28px;
984
984
  min-height: 28px;
985
985
  outline: none;
986
- padding: 4px 0 4px 0;
986
+ padding: 0;
987
987
  text-indent: 0;
988
988
  }
989
989
 
package/styles/tailwind-dark.css CHANGED
@@ -2713,20 +2713,6 @@ ejs-multiselect {
2713
2713
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2714
2714
  text-align: center;
2715
2715
  }
2716
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2717
- .e-listbox-wrapper .e-list-nrt,
2718
- .e-listbox-wrapper .e-selectall-parent,
2719
- .e-listbox-container:not(.e-list-template) .e-list-item,
2720
- .e-listbox-container .e-list-nrt,
2721
- .e-listbox-container .e-selectall-parent,
2722
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2723
- .e-listboxtool-wrapper .e-list-nrt,
2724
- .e-listboxtool-wrapper .e-selectall-parent {
2725
- height: 38px;
2726
- line-height: 1;
2727
- padding: 12px 12px;
2728
- position: relative;
2729
- }
2730
2716
  .e-listbox-wrapper .e-list-parent,
2731
2717
  .e-listbox-container .e-list-parent,
2732
2718
  .e-listboxtool-wrapper .e-list-parent {
@@ -3199,6 +3185,21 @@ ejs-listbox {
3199
3185
  .e-listbox-container.e-bigger .e-list-header .e-text {
3200
3186
  font-size: 14px;
3201
3187
  }
3188
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3189
+ .e-listbox-wrapper .e-list-nrt,
3190
+ .e-listbox-wrapper .e-selectall-parent,
3191
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3192
+ .e-listbox-container .e-list-nrt,
3193
+ .e-listbox-container .e-selectall-parent,
3194
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3195
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3196
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3197
+ height: 38px;
3198
+ line-height: 1;
3199
+ padding: 12px 12px;
3200
+ position: relative;
3201
+ }
3202
+
3202
3203
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3203
3204
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3204
3205
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/tailwind.css CHANGED
@@ -2713,20 +2713,6 @@ ejs-multiselect {
2713
2713
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2714
2714
  text-align: center;
2715
2715
  }
2716
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2717
- .e-listbox-wrapper .e-list-nrt,
2718
- .e-listbox-wrapper .e-selectall-parent,
2719
- .e-listbox-container:not(.e-list-template) .e-list-item,
2720
- .e-listbox-container .e-list-nrt,
2721
- .e-listbox-container .e-selectall-parent,
2722
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2723
- .e-listboxtool-wrapper .e-list-nrt,
2724
- .e-listboxtool-wrapper .e-selectall-parent {
2725
- height: 38px;
2726
- line-height: 1;
2727
- padding: 12px 12px;
2728
- position: relative;
2729
- }
2730
2716
  .e-listbox-wrapper .e-list-parent,
2731
2717
  .e-listbox-container .e-list-parent,
2732
2718
  .e-listboxtool-wrapper .e-list-parent {
@@ -3199,6 +3185,21 @@ ejs-listbox {
3199
3185
  .e-listbox-container.e-bigger .e-list-header .e-text {
3200
3186
  font-size: 14px;
3201
3187
  }
3188
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3189
+ .e-listbox-wrapper .e-list-nrt,
3190
+ .e-listbox-wrapper .e-selectall-parent,
3191
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3192
+ .e-listbox-container .e-list-nrt,
3193
+ .e-listbox-container .e-selectall-parent,
3194
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3195
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3196
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3197
+ height: 38px;
3198
+ line-height: 1;
3199
+ padding: 12px 12px;
3200
+ position: relative;
3201
+ }
3202
+
3202
3203
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3203
3204
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3204
3205
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */