@syncfusion/ej2-dropdowns 26.1.41 → 26.2.4

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 (66) hide show
  1. package/.eslintrc.json +261 -0
  2. package/dist/ej2-dropdowns.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +159 -68
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +160 -71
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/hotfix/26.1.35_Vol2.txt +1 -0
  13. package/package.json +12 -12
  14. package/src/drop-down-list/drop-down-list.js +13 -4
  15. package/src/drop-down-tree/drop-down-tree.js +8 -4
  16. package/src/list-box/list-box.js +67 -31
  17. package/src/mention/mention.js +2 -2
  18. package/src/multi-select/multi-select.d.ts +1 -0
  19. package/src/multi-select/multi-select.js +70 -30
  20. package/styles/auto-complete/fluent2.css +10 -10
  21. package/styles/bootstrap-dark.css +15 -14
  22. package/styles/bootstrap.css +15 -14
  23. package/styles/bootstrap4.css +15 -14
  24. package/styles/bootstrap5-dark.css +15 -14
  25. package/styles/bootstrap5.css +15 -14
  26. package/styles/combo-box/fluent2.css +10 -10
  27. package/styles/drop-down-base/fluent2.css +10 -10
  28. package/styles/drop-down-list/fluent2.css +10 -10
  29. package/styles/drop-down-tree/fluent2.css +10 -10
  30. package/styles/fabric-dark.css +15 -14
  31. package/styles/fabric.css +15 -14
  32. package/styles/fluent-dark.css +15 -14
  33. package/styles/fluent.css +15 -14
  34. package/styles/fluent2.css +27 -26
  35. package/styles/highcontrast-light.css +15 -14
  36. package/styles/highcontrast.css +15 -14
  37. package/styles/list-box/_layout.scss +17 -13
  38. package/styles/list-box/bootstrap-dark.css +15 -14
  39. package/styles/list-box/bootstrap.css +15 -14
  40. package/styles/list-box/bootstrap4.css +15 -14
  41. package/styles/list-box/bootstrap5-dark.css +15 -14
  42. package/styles/list-box/bootstrap5.css +15 -14
  43. package/styles/list-box/fabric-dark.css +15 -14
  44. package/styles/list-box/fabric.css +15 -14
  45. package/styles/list-box/fluent-dark.css +15 -14
  46. package/styles/list-box/fluent.css +15 -14
  47. package/styles/list-box/fluent2.css +27 -26
  48. package/styles/list-box/highcontrast-light.css +15 -14
  49. package/styles/list-box/highcontrast.css +15 -14
  50. package/styles/list-box/material-dark.css +15 -14
  51. package/styles/list-box/material.css +15 -14
  52. package/styles/list-box/material3-dark.css +15 -14
  53. package/styles/list-box/material3.css +15 -14
  54. package/styles/list-box/tailwind-dark.css +15 -14
  55. package/styles/list-box/tailwind.css +15 -14
  56. package/styles/material-dark.css +15 -14
  57. package/styles/material.css +16 -15
  58. package/styles/material3-dark.css +15 -14
  59. package/styles/material3.css +15 -14
  60. package/styles/mention/fluent2.css +10 -10
  61. package/styles/multi-select/_material-definition.scss +1 -1
  62. package/styles/multi-select/fluent2.css +10 -10
  63. package/styles/multi-select/material.css +1 -1
  64. package/styles/tailwind-dark.css +15 -14
  65. package/styles/tailwind.css +15 -14
  66. package/tslint.json +111 -0
package/styles/bootstrap4.css CHANGED
@@ -2735,20 +2735,6 @@ ejs-multiselect {
2735
2735
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2736
2736
  text-align: center;
2737
2737
  }
2738
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2739
- .e-listbox-wrapper .e-list-nrt,
2740
- .e-listbox-wrapper .e-selectall-parent,
2741
- .e-listbox-container:not(.e-list-template) .e-list-item,
2742
- .e-listbox-container .e-list-nrt,
2743
- .e-listbox-container .e-selectall-parent,
2744
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2745
- .e-listboxtool-wrapper .e-list-nrt,
2746
- .e-listboxtool-wrapper .e-selectall-parent {
2747
- height: 40px;
2748
- line-height: 1.5;
2749
- padding: 10px 16px 10px 16px;
2750
- position: relative;
2751
- }
2752
2738
  .e-listbox-wrapper .e-list-parent,
2753
2739
  .e-listbox-container .e-list-parent,
2754
2740
  .e-listboxtool-wrapper .e-list-parent {
@@ -3275,6 +3261,21 @@ ejs-listbox {
3275
3261
  margin: 0 0 0 12px;
3276
3262
  }
3277
3263
 
3264
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3265
+ .e-listbox-wrapper .e-list-nrt,
3266
+ .e-listbox-wrapper .e-selectall-parent,
3267
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3268
+ .e-listbox-container .e-list-nrt,
3269
+ .e-listbox-container .e-selectall-parent,
3270
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3271
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3272
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3273
+ height: 40px;
3274
+ line-height: 1.5;
3275
+ padding: 10px 16px 10px 16px;
3276
+ position: relative;
3277
+ }
3278
+
3278
3279
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3279
3280
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3280
3281
  height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/bootstrap5-dark.css CHANGED
@@ -2697,20 +2697,6 @@ ejs-multiselect {
2697
2697
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2698
2698
  text-align: center;
2699
2699
  }
2700
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2701
- .e-listbox-wrapper .e-list-nrt,
2702
- .e-listbox-wrapper .e-selectall-parent,
2703
- .e-listbox-container:not(.e-list-template) .e-list-item,
2704
- .e-listbox-container .e-list-nrt,
2705
- .e-listbox-container .e-selectall-parent,
2706
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2707
- .e-listboxtool-wrapper .e-list-nrt,
2708
- .e-listboxtool-wrapper .e-selectall-parent {
2709
- height: 36px;
2710
- line-height: 1;
2711
- padding: 10px 12px;
2712
- position: relative;
2713
- }
2714
2700
  .e-listbox-wrapper .e-list-parent,
2715
2701
  .e-listbox-container .e-list-parent,
2716
2702
  .e-listboxtool-wrapper .e-list-parent {
@@ -3193,6 +3179,21 @@ ejs-listbox {
3193
3179
  .e-listbox-container.e-bigger .e-list-header .e-text {
3194
3180
  font-size: 14px;
3195
3181
  }
3182
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3183
+ .e-listbox-wrapper .e-list-nrt,
3184
+ .e-listbox-wrapper .e-selectall-parent,
3185
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3186
+ .e-listbox-container .e-list-nrt,
3187
+ .e-listbox-container .e-selectall-parent,
3188
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3189
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3190
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3191
+ height: 36px;
3192
+ line-height: 1;
3193
+ padding: 10px 12px;
3194
+ position: relative;
3195
+ }
3196
+
3196
3197
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3197
3198
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3198
3199
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/bootstrap5.css CHANGED
@@ -2697,20 +2697,6 @@ ejs-multiselect {
2697
2697
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2698
2698
  text-align: center;
2699
2699
  }
2700
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2701
- .e-listbox-wrapper .e-list-nrt,
2702
- .e-listbox-wrapper .e-selectall-parent,
2703
- .e-listbox-container:not(.e-list-template) .e-list-item,
2704
- .e-listbox-container .e-list-nrt,
2705
- .e-listbox-container .e-selectall-parent,
2706
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2707
- .e-listboxtool-wrapper .e-list-nrt,
2708
- .e-listboxtool-wrapper .e-selectall-parent {
2709
- height: 36px;
2710
- line-height: 1;
2711
- padding: 10px 12px;
2712
- position: relative;
2713
- }
2714
2700
  .e-listbox-wrapper .e-list-parent,
2715
2701
  .e-listbox-container .e-list-parent,
2716
2702
  .e-listboxtool-wrapper .e-list-parent {
@@ -3193,6 +3179,21 @@ ejs-listbox {
3193
3179
  .e-listbox-container.e-bigger .e-list-header .e-text {
3194
3180
  font-size: 14px;
3195
3181
  }
3182
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3183
+ .e-listbox-wrapper .e-list-nrt,
3184
+ .e-listbox-wrapper .e-selectall-parent,
3185
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3186
+ .e-listbox-container .e-list-nrt,
3187
+ .e-listbox-container .e-selectall-parent,
3188
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3189
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3190
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3191
+ height: 36px;
3192
+ line-height: 1;
3193
+ padding: 10px 12px;
3194
+ position: relative;
3195
+ }
3196
+
3196
3197
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3197
3198
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3198
3199
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/combo-box/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/drop-down-base/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/drop-down-list/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/drop-down-tree/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/fabric-dark.css CHANGED
@@ -2506,20 +2506,6 @@ ejs-multiselect {
2506
2506
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2507
2507
  text-align: center;
2508
2508
  }
2509
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2510
- .e-listbox-wrapper .e-list-nrt,
2511
- .e-listbox-wrapper .e-selectall-parent,
2512
- .e-listbox-container:not(.e-list-template) .e-list-item,
2513
- .e-listbox-container .e-list-nrt,
2514
- .e-listbox-container .e-selectall-parent,
2515
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2516
- .e-listboxtool-wrapper .e-list-nrt,
2517
- .e-listboxtool-wrapper .e-selectall-parent {
2518
- height: 36px;
2519
- line-height: 1;
2520
- padding: 10px 16px;
2521
- position: relative;
2522
- }
2523
2509
  .e-listbox-wrapper .e-list-parent,
2524
2510
  .e-listbox-container .e-list-parent,
2525
2511
  .e-listboxtool-wrapper .e-list-parent {
@@ -2996,6 +2982,21 @@ ejs-listbox {
2996
2982
  .e-listbox-container.e-bigger .e-list-header .e-text {
2997
2983
  font-size: 15px;
2998
2984
  }
2985
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2986
+ .e-listbox-wrapper .e-list-nrt,
2987
+ .e-listbox-wrapper .e-selectall-parent,
2988
+ .e-listbox-container:not(.e-list-template) .e-list-item,
2989
+ .e-listbox-container .e-list-nrt,
2990
+ .e-listbox-container .e-selectall-parent,
2991
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2992
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
2993
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
2994
+ height: 36px;
2995
+ line-height: 1;
2996
+ padding: 10px 16px;
2997
+ position: relative;
2998
+ }
2999
+
2999
3000
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3000
3001
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3001
3002
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/fabric.css CHANGED
@@ -2500,20 +2500,6 @@ ejs-multiselect {
2500
2500
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2501
2501
  text-align: center;
2502
2502
  }
2503
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2504
- .e-listbox-wrapper .e-list-nrt,
2505
- .e-listbox-wrapper .e-selectall-parent,
2506
- .e-listbox-container:not(.e-list-template) .e-list-item,
2507
- .e-listbox-container .e-list-nrt,
2508
- .e-listbox-container .e-selectall-parent,
2509
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2510
- .e-listboxtool-wrapper .e-list-nrt,
2511
- .e-listboxtool-wrapper .e-selectall-parent {
2512
- height: 36px;
2513
- line-height: 1;
2514
- padding: 10px 16px;
2515
- position: relative;
2516
- }
2517
2503
  .e-listbox-wrapper .e-list-parent,
2518
2504
  .e-listbox-container .e-list-parent,
2519
2505
  .e-listboxtool-wrapper .e-list-parent {
@@ -2996,6 +2982,21 @@ ejs-listbox {
2996
2982
  .e-listbox-container.e-bigger .e-list-header .e-text {
2997
2983
  font-size: 15px;
2998
2984
  }
2985
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2986
+ .e-listbox-wrapper .e-list-nrt,
2987
+ .e-listbox-wrapper .e-selectall-parent,
2988
+ .e-listbox-container:not(.e-list-template) .e-list-item,
2989
+ .e-listbox-container .e-list-nrt,
2990
+ .e-listbox-container .e-selectall-parent,
2991
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2992
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
2993
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
2994
+ height: 36px;
2995
+ line-height: 1;
2996
+ padding: 10px 16px;
2997
+ position: relative;
2998
+ }
2999
+
2999
3000
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3000
3001
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3001
3002
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/fluent-dark.css CHANGED
@@ -2772,20 +2772,6 @@ ejs-multiselect {
2772
2772
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2773
2773
  text-align: center;
2774
2774
  }
2775
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2776
- .e-listbox-wrapper .e-list-nrt,
2777
- .e-listbox-wrapper .e-selectall-parent,
2778
- .e-listbox-container:not(.e-list-template) .e-list-item,
2779
- .e-listbox-container .e-list-nrt,
2780
- .e-listbox-container .e-selectall-parent,
2781
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2782
- .e-listboxtool-wrapper .e-list-nrt,
2783
- .e-listboxtool-wrapper .e-selectall-parent {
2784
- height: 36px;
2785
- line-height: 1;
2786
- padding: 10px 12px;
2787
- position: relative;
2788
- }
2789
2775
  .e-listbox-wrapper .e-list-parent,
2790
2776
  .e-listbox-container .e-list-parent,
2791
2777
  .e-listboxtool-wrapper .e-list-parent {
@@ -3268,6 +3254,21 @@ ejs-listbox {
3268
3254
  .e-listbox-container.e-bigger .e-list-header .e-text {
3269
3255
  font-size: 14px;
3270
3256
  }
3257
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3258
+ .e-listbox-wrapper .e-list-nrt,
3259
+ .e-listbox-wrapper .e-selectall-parent,
3260
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3261
+ .e-listbox-container .e-list-nrt,
3262
+ .e-listbox-container .e-selectall-parent,
3263
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3264
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3265
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3266
+ height: 36px;
3267
+ line-height: 1;
3268
+ padding: 10px 12px;
3269
+ position: relative;
3270
+ }
3271
+
3271
3272
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3272
3273
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3273
3274
  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/fluent.css CHANGED
@@ -2772,20 +2772,6 @@ ejs-multiselect {
2772
2772
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2773
2773
  text-align: center;
2774
2774
  }
2775
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2776
- .e-listbox-wrapper .e-list-nrt,
2777
- .e-listbox-wrapper .e-selectall-parent,
2778
- .e-listbox-container:not(.e-list-template) .e-list-item,
2779
- .e-listbox-container .e-list-nrt,
2780
- .e-listbox-container .e-selectall-parent,
2781
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2782
- .e-listboxtool-wrapper .e-list-nrt,
2783
- .e-listboxtool-wrapper .e-selectall-parent {
2784
- height: 36px;
2785
- line-height: 1;
2786
- padding: 10px 12px;
2787
- position: relative;
2788
- }
2789
2775
  .e-listbox-wrapper .e-list-parent,
2790
2776
  .e-listbox-container .e-list-parent,
2791
2777
  .e-listboxtool-wrapper .e-list-parent {
@@ -3268,6 +3254,21 @@ ejs-listbox {
3268
3254
  .e-listbox-container.e-bigger .e-list-header .e-text {
3269
3255
  font-size: 14px;
3270
3256
  }
3257
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3258
+ .e-listbox-wrapper .e-list-nrt,
3259
+ .e-listbox-wrapper .e-selectall-parent,
3260
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3261
+ .e-listbox-container .e-list-nrt,
3262
+ .e-listbox-container .e-selectall-parent,
3263
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3264
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3265
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3266
+ height: 36px;
3267
+ line-height: 1;
3268
+ padding: 10px 12px;
3269
+ position: relative;
3270
+ }
3271
+
3271
3272
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3272
3273
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3273
3274
  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/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);
@@ -3898,22 +3898,6 @@ ejs-multiselect {
3898
3898
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
3899
3899
  text-align: center;
3900
3900
  }
3901
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3902
- .e-listbox-wrapper .e-list-nrt,
3903
- .e-listbox-wrapper .e-selectall-parent,
3904
- .e-listbox-container:not(.e-list-template) .e-list-item,
3905
- .e-listbox-container .e-list-nrt,
3906
- .e-listbox-container .e-selectall-parent,
3907
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
3908
- .e-listboxtool-wrapper .e-list-nrt,
3909
- .e-listboxtool-wrapper .e-selectall-parent {
3910
- height: 32px;
3911
- line-height: 20px;
3912
- padding: 6px 12px;
3913
- position: relative;
3914
- font-size: 14px;
3915
- border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
3916
- }
3917
3901
  .e-listbox-wrapper .e-list-parent,
3918
3902
  .e-listbox-container .e-list-parent,
3919
3903
  .e-listboxtool-wrapper .e-list-parent {
@@ -4413,6 +4397,23 @@ ejs-listbox {
4413
4397
  .e-listbox-container.e-bigger .e-list-header .e-text {
4414
4398
  font-size: 14px;
4415
4399
  }
4400
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4401
+ .e-listbox-wrapper .e-list-nrt,
4402
+ .e-listbox-wrapper .e-selectall-parent,
4403
+ .e-listbox-container:not(.e-list-template) .e-list-item,
4404
+ .e-listbox-container .e-list-nrt,
4405
+ .e-listbox-container .e-selectall-parent,
4406
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4407
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
4408
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
4409
+ height: 32px;
4410
+ line-height: 20px;
4411
+ padding: 6px 12px;
4412
+ position: relative;
4413
+ font-size: 14px;
4414
+ border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
4415
+ }
4416
+
4416
4417
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4417
4418
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4418
4419
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/highcontrast-light.css CHANGED
@@ -2618,20 +2618,6 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2618
2618
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2619
2619
  text-align: center;
2620
2620
  }
2621
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2622
- .e-listbox-wrapper .e-list-nrt,
2623
- .e-listbox-wrapper .e-selectall-parent,
2624
- .e-listbox-container:not(.e-list-template) .e-list-item,
2625
- .e-listbox-container .e-list-nrt,
2626
- .e-listbox-container .e-selectall-parent,
2627
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2628
- .e-listboxtool-wrapper .e-list-nrt,
2629
- .e-listboxtool-wrapper .e-selectall-parent {
2630
- height: 36px;
2631
- line-height: 1;
2632
- padding: 9px 16px;
2633
- position: relative;
2634
- }
2635
2621
  .e-listbox-wrapper .e-list-parent,
2636
2622
  .e-listbox-container .e-list-parent,
2637
2623
  .e-listboxtool-wrapper .e-list-parent {
@@ -3108,6 +3094,21 @@ ejs-listbox {
3108
3094
  .e-listbox-container.e-bigger .e-list-header .e-text {
3109
3095
  font-size: 15px;
3110
3096
  }
3097
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3098
+ .e-listbox-wrapper .e-list-nrt,
3099
+ .e-listbox-wrapper .e-selectall-parent,
3100
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3101
+ .e-listbox-container .e-list-nrt,
3102
+ .e-listbox-container .e-selectall-parent,
3103
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3104
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3105
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3106
+ height: 36px;
3107
+ line-height: 1;
3108
+ padding: 9px 16px;
3109
+ position: relative;
3110
+ }
3111
+
3111
3112
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3112
3113
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3113
3114
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */