@syncfusion/ej2-dropdowns 19.4.38 → 19.4.40

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 (67) hide show
  1. package/README.md +1 -1
  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 +31 -72
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +31 -73
  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/package.json +7 -6
  12. package/src/combo-box/combo-box.js +2 -2
  13. package/src/common/incremental-search.d.ts +1 -1
  14. package/src/common/incremental-search.js +1 -1
  15. package/src/drop-down-base/drop-down-base.js +1 -13
  16. package/src/list-box/list-box.d.ts +4 -0
  17. package/src/list-box/list-box.js +3 -0
  18. package/src/multi-select/multi-select-model.d.ts +1 -1
  19. package/src/multi-select/multi-select.d.ts +0 -2
  20. package/src/multi-select/multi-select.js +24 -57
  21. package/styles/_all.scss +3 -0
  22. package/styles/auto-complete/bootstrap5-dark.css +1 -0
  23. package/styles/auto-complete/bootstrap5.css +1 -0
  24. package/styles/bootstrap5-dark.css +6 -12
  25. package/styles/bootstrap5.css +6 -12
  26. package/styles/combo-box/bootstrap5-dark.css +1 -0
  27. package/styles/combo-box/bootstrap5.css +1 -0
  28. package/styles/drop-down-list/_bootstrap5-definition.scss +1 -0
  29. package/styles/drop-down-list/bootstrap5-dark.css +1 -0
  30. package/styles/drop-down-list/bootstrap5.css +1 -0
  31. package/styles/drop-down-list/icons/_bootstrap5.scss +1 -0
  32. package/styles/drop-down-tree/_bootstrap5-definition.scss +58 -59
  33. package/styles/drop-down-tree/_layout.scss +4 -12
  34. package/styles/drop-down-tree/_tailwind-definition.scss +0 -1
  35. package/styles/drop-down-tree/bootstrap5-dark.css +4 -11
  36. package/styles/drop-down-tree/bootstrap5.css +4 -11
  37. package/styles/drop-down-tree/icons/_bootstrap5.scss +11 -11
  38. package/styles/drop-down-tree/icons/_tailwind-dark.scss +11 -11
  39. package/styles/drop-down-tree/tailwind-dark.css +0 -1
  40. package/styles/drop-down-tree/tailwind.css +0 -1
  41. package/styles/list-box/_bootstrap5-definition.scss +2 -2
  42. package/styles/list-box/_layout.scss +6 -1
  43. package/styles/list-box/bootstrap5-dark.css +1 -1
  44. package/styles/list-box/bootstrap5.css +1 -1
  45. package/styles/list-box/icons/_tailwind-dark.scss +2 -2
  46. package/styles/list-box/tailwind-dark.css +3 -3
  47. package/styles/list-box/tailwind.css +1 -1
  48. package/styles/material-dark.css +94 -0
  49. package/styles/material.css +94 -0
  50. package/styles/multi-select/_layout.scss +116 -0
  51. package/styles/multi-select/_material-dark-definition.scss +22 -0
  52. package/styles/multi-select/_material-definition.scss +22 -0
  53. package/styles/multi-select/material-dark.css +94 -0
  54. package/styles/multi-select/material.css +94 -0
  55. package/styles/tailwind-dark.css +3 -4
  56. package/styles/tailwind.css +1 -2
  57. package/styles/auto-complete/_fluent-definition.scss +0 -2
  58. package/styles/combo-box/_fluent-definition.scss +0 -2
  59. package/styles/drop-down-base/_fluent-definition.scss +0 -109
  60. package/styles/drop-down-list/_fluent-definition.scss +0 -193
  61. package/styles/drop-down-list/icons/_fluent.scss +0 -14
  62. package/styles/drop-down-tree/_fluent-definition.scss +0 -71
  63. package/styles/drop-down-tree/icons/_fluent.scss +0 -11
  64. package/styles/list-box/_fluent-definition.scss +0 -115
  65. package/styles/list-box/icons/_fluent.scss +0 -25
  66. package/styles/multi-select/_fluent-definition.scss +0 -214
  67. package/styles/multi-select/icons/_fluent.scss +0 -27
package/styles/drop-down-tree/bootstrap5-dark.css CHANGED
@@ -402,16 +402,8 @@
402
402
  .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
403
403
  .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
404
404
  .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
405
- bottom: auto;
406
- right: 36px;
407
- }
408
-
409
- .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon,
410
- .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon,
411
- .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon,
412
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon,
413
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon {
414
- bottom: 0;
405
+ bottom: 6px;
406
+ right: 33px;
415
407
  }
416
408
 
417
409
  .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
@@ -425,7 +417,8 @@
425
417
  .e-bigger .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper .e-clear-icon,
426
418
  .e-ddt.e-bigger.e-input-group.e-control-wrapper .e-clear-icon,
427
419
  .e-ddt.e-bigger.e-float-input.e-control-wrapper .e-clear-icon {
428
- min-height: 36px;
420
+ min-width: 0;
421
+ padding: 6px;
429
422
  }
430
423
 
431
424
  .e-bigger .e-ddt.e-show-chip .e-chips-close,
package/styles/drop-down-tree/bootstrap5.css CHANGED
@@ -402,16 +402,8 @@
402
402
  .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
403
403
  .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
404
404
  .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
405
- bottom: auto;
406
- right: 36px;
407
- }
408
-
409
- .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon,
410
- .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon,
411
- .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon,
412
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon,
413
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon {
414
- bottom: 0;
405
+ bottom: 6px;
406
+ right: 33px;
415
407
  }
416
408
 
417
409
  .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
@@ -425,7 +417,8 @@
425
417
  .e-bigger .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper .e-clear-icon,
426
418
  .e-ddt.e-bigger.e-input-group.e-control-wrapper .e-clear-icon,
427
419
  .e-ddt.e-bigger.e-float-input.e-control-wrapper .e-clear-icon {
428
- min-height: 36px;
420
+ min-width: 0;
421
+ padding: 6px;
429
422
  }
430
423
 
431
424
  .e-bigger .e-ddt.e-show-chip .e-chips-close,
package/styles/drop-down-tree/icons/_bootstrap5.scss CHANGED
@@ -1,11 +1,11 @@
1
- @include export-module('dropdowntree-bootstrap5-icons') {
2
- .e-ddt {
3
- .e-ddt-icon::before {
4
- content: '\e734';
5
- }
6
-
7
- .e-chips-close::before {
8
- content: '\e7e7';
9
- }
10
- }
11
- }
1
+ @include export-module('dropdowntree-bootstrap5-icons') {
2
+ .e-ddt {
3
+ .e-ddt-icon::before {
4
+ content: '\e734';
5
+ }
6
+
7
+ .e-chips-close::before {
8
+ content: '\e7e7';
9
+ }
10
+ }
11
+ }
package/styles/drop-down-tree/icons/_tailwind-dark.scss CHANGED
@@ -1,11 +1,11 @@
1
- @include export-module('dropdowntree-tailwind-dark-icons') {
2
- .e-ddt {
3
- .e-ddt-icon::before {
4
- content: '\e706';
5
- }
6
-
7
- .e-chips-close::before {
8
- content: '\e771';
9
- }
10
- }
11
- }
1
+ @include export-module('dropdowntree-tailwind-dark-icons') {
2
+ .e-ddt {
3
+ .e-ddt-icon::before {
4
+ content: '\e706';
5
+ }
6
+
7
+ .e-chips-close::before {
8
+ content: '\e771';
9
+ }
10
+ }
11
+ }
package/styles/drop-down-tree/tailwind-dark.css CHANGED
@@ -135,7 +135,6 @@
135
135
  }
136
136
 
137
137
  .e-ddt.e-show-chip .e-chips-close {
138
- line-height: 10px;
139
138
  min-height: 16px;
140
139
  min-width: 16px;
141
140
  text-align: center;
package/styles/drop-down-tree/tailwind.css CHANGED
@@ -135,7 +135,6 @@
135
135
  }
136
136
 
137
137
  .e-ddt.e-show-chip .e-chips-close {
138
- line-height: 10px;
139
138
  min-height: 16px;
140
139
  min-width: 16px;
141
140
  text-align: center;
package/styles/list-box/_bootstrap5-definition.scss CHANGED
@@ -85,7 +85,7 @@ $badge-bgcolor: $primary !default;
85
85
  $select-all-border-color: $border-light !default;
86
86
  $listview-text-color: $content-text-color !default;
87
87
  $listview-text-disabled: $content-text-color-disabled !default;
88
- $listview-icon-color: $icon-color !default;
88
+ $listview-icon-color: $flyout-text-color-pressed !default;
89
89
  $listview-icon-disabled: $icon-color-disabled !default;
90
90
  $listview-item-hover-bg: $content-bg-color-alt2 !default;
91
91
  $listview-background: $transparent !default;
@@ -107,7 +107,7 @@ $listview-header-border: rgba($black, .12) !default;
107
107
  $checkmark-bgcolor: $primary !default;
108
108
  $checkmark-border-color: transparent !default;
109
109
  $checkmark-color: $primary-text-color !default;
110
- $listview-groupheader-text-color: $black !default;
110
+ $listview-groupheader-text-color: $content-text-color-alt3 !default;
111
111
  $listview-groupheader-bg: $content-bg-color-alt2 !default;
112
112
  $listview-groupheader-border: $black !default;
113
113
  $listview-groupheader-icon: $icon-color !default;
package/styles/list-box/_layout.scss CHANGED
@@ -424,7 +424,12 @@
424
424
 
425
425
  .e-list-group-item {
426
426
  height: $listview-touch-groupheader-height;
427
- line-height: $listview-touch-groupheader-line-height;
427
+ @if ($skin-name == 'tailwind') {
428
+ line-height: 14px;
429
+ }
430
+ @else {
431
+ line-height: $listview-touch-groupheader-line-height;
432
+ }
428
433
  @if ($skin-name == 'bootstrap4') {
429
434
  font-size: 16px;
430
435
  padding: 12px 20px;
package/styles/list-box/bootstrap5-dark.css CHANGED
@@ -686,7 +686,7 @@ ejs-listbox {
686
686
  .e-listbox-container .e-list-group-item {
687
687
  background-color: #343a40;
688
688
  border-color: rgba(0, 0, 0, 0.12);
689
- color: #000;
689
+ color: #7b848d;
690
690
  font-size: 12px;
691
691
  }
692
692
 
package/styles/list-box/bootstrap5.css CHANGED
@@ -686,7 +686,7 @@ ejs-listbox {
686
686
  .e-listbox-container .e-list-group-item {
687
687
  background-color: #e9ecef;
688
688
  border-color: rgba(0, 0, 0, 0.12);
689
- color: #000;
689
+ color: #6c757d;
690
690
  font-size: 12px;
691
691
  }
692
692
 
package/styles/list-box/icons/_tailwind-dark.scss CHANGED
@@ -4,11 +4,11 @@
4
4
  }
5
5
 
6
6
  .e-listbox-tool .e-movedown::before {
7
- content: '\e706';
7
+ content: '\e652';
8
8
  }
9
9
 
10
10
  .e-listbox-tool .e-moveto::before {
11
- content: '\e7b7';
11
+ content: '\e706';
12
12
  }
13
13
 
14
14
  .e-listbox-tool .e-movefrom::before {
package/styles/list-box/tailwind-dark.css CHANGED
@@ -49,11 +49,11 @@
49
49
  }
50
50
 
51
51
  .e-listbox-tool .e-movedown::before {
52
- content: '\e706';
52
+ content: '\e652';
53
53
  }
54
54
 
55
55
  .e-listbox-tool .e-moveto::before {
56
- content: '\e7b7';
56
+ content: '\e706';
57
57
  }
58
58
 
59
59
  .e-listbox-tool .e-movefrom::before {
@@ -565,7 +565,7 @@ ejs-listbox {
565
565
  .e-bigger .e-listbox-container .e-list-group-item,
566
566
  .e-listbox-container.e-bigger .e-list-group-item {
567
567
  height: 38px;
568
- line-height: 35px;
568
+ line-height: 14px;
569
569
  }
570
570
 
571
571
  .e-bigger .e-listbox-wrapper .e-list-header,
package/styles/list-box/tailwind.css CHANGED
@@ -565,7 +565,7 @@ ejs-listbox {
565
565
  .e-bigger .e-listbox-container .e-list-group-item,
566
566
  .e-listbox-container.e-bigger .e-list-group-item {
567
567
  height: 38px;
568
- line-height: 35px;
568
+ line-height: 14px;
569
569
  }
570
570
 
571
571
  .e-bigger .e-listbox-wrapper .e-list-header,
package/styles/material-dark.css CHANGED
@@ -3091,6 +3091,100 @@ ejs-multiselect {
3091
3091
  padding: 3px 38px 1px 0;
3092
3092
  }
3093
3093
 
3094
+ .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3095
+ .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3096
+ .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3097
+ .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3098
+ margin-top: -1.6em;
3099
+ }
3100
+
3101
+ .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3102
+ .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3103
+ .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3104
+ .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3105
+ margin-top: -2.8em;
3106
+ right: 36px;
3107
+ }
3108
+
3109
+ .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3110
+ .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3111
+ .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3112
+ .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3113
+ margin-top: -1.4em;
3114
+ }
3115
+
3116
+ .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3117
+ .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3118
+ .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3119
+ .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3120
+ margin-right: 6px;
3121
+ margin-top: -1.6em;
3122
+ }
3123
+
3124
+ .e-bigger .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3125
+ .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3126
+ .e-bigger.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3127
+ .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3128
+ .e-bigger .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3129
+ .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3130
+ .e-bigger.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3131
+ .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3132
+ margin-top: -3em;
3133
+ right: 43px;
3134
+ }
3135
+
3136
+ .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3137
+ .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3138
+ .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3139
+ .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3140
+ margin-top: -1.4em;
3141
+ }
3142
+
3143
+ .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3144
+ .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3145
+ .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3146
+ .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3147
+ margin-top: -1.6em;
3148
+ }
3149
+
3150
+ .e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3151
+ .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3152
+ .e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3153
+ .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3154
+ .e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3155
+ .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3156
+ .e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3157
+ .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3158
+ margin-top: -2.6em;
3159
+ right: 31px;
3160
+ }
3161
+
3162
+ .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3163
+ .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3164
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3165
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3166
+ margin-right: 6px;
3167
+ margin-top: -1.7em;
3168
+ }
3169
+
3170
+ .e-bigger.e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3171
+ .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3172
+ .e-bigger.e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3173
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3174
+ .e-bigger.e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3175
+ .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3176
+ .e-bigger.e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3177
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3178
+ margin-top: -1.7em;
3179
+ right: 36px;
3180
+ }
3181
+
3182
+ .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
3183
+ .e-bigger.e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
3184
+ .e-bigger .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon {
3185
+ padding: 11px 12px 0;
3186
+ }
3187
+
3094
3188
  .e-multiselect.e-outline .e-multi-select-wrapper {
3095
3189
  min-height: 34px;
3096
3190
  padding: 3px 38px 1px 0;
package/styles/material.css CHANGED
@@ -3152,6 +3152,100 @@ ejs-multiselect {
3152
3152
  padding: 3px 38px 1px 0;
3153
3153
  }
3154
3154
 
3155
+ .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3156
+ .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3157
+ .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3158
+ .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3159
+ margin-top: -1.6em;
3160
+ }
3161
+
3162
+ .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3163
+ .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3164
+ .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3165
+ .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3166
+ margin-top: -2.8em;
3167
+ right: 36px;
3168
+ }
3169
+
3170
+ .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3171
+ .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3172
+ .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3173
+ .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3174
+ margin-top: -1.4em;
3175
+ }
3176
+
3177
+ .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3178
+ .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3179
+ .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3180
+ .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3181
+ margin-right: 6px;
3182
+ margin-top: -1.6em;
3183
+ }
3184
+
3185
+ .e-bigger .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3186
+ .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3187
+ .e-bigger.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3188
+ .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3189
+ .e-bigger .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3190
+ .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3191
+ .e-bigger.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3192
+ .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3193
+ margin-top: -3em;
3194
+ right: 43px;
3195
+ }
3196
+
3197
+ .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3198
+ .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3199
+ .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3200
+ .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3201
+ margin-top: -1.4em;
3202
+ }
3203
+
3204
+ .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3205
+ .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3206
+ .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3207
+ .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3208
+ margin-top: -1.6em;
3209
+ }
3210
+
3211
+ .e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3212
+ .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3213
+ .e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3214
+ .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3215
+ .e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3216
+ .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3217
+ .e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3218
+ .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3219
+ margin-top: -2.6em;
3220
+ right: 31px;
3221
+ }
3222
+
3223
+ .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3224
+ .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3225
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3226
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3227
+ margin-right: 6px;
3228
+ margin-top: -1.7em;
3229
+ }
3230
+
3231
+ .e-bigger.e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3232
+ .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3233
+ .e-bigger.e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3234
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3235
+ .e-bigger.e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3236
+ .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3237
+ .e-bigger.e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3238
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3239
+ margin-top: -1.7em;
3240
+ right: 36px;
3241
+ }
3242
+
3243
+ .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
3244
+ .e-bigger.e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
3245
+ .e-bigger .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon {
3246
+ padding: 11px 12px 0;
3247
+ }
3248
+
3155
3249
  .e-multiselect.e-outline .e-multi-select-wrapper {
3156
3250
  min-height: 34px;
3157
3251
  padding: 3px 38px 1px 0;
package/styles/multi-select/_layout.scss CHANGED
@@ -1003,6 +1003,122 @@ ejs-multiselect {
1003
1003
  }
1004
1004
  }
1005
1005
 
1006
+ .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1007
+ .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1008
+ .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1009
+ .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1010
+ @if $ddl-multiselect-skin-name == 'material' {
1011
+ margin-top: $outline-filled-multiselect-drop-icon-margin-top;
1012
+ }
1013
+ }
1014
+
1015
+ .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1016
+ .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1017
+ .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1018
+ .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1019
+ @if $ddl-multiselect-skin-name == 'material' {
1020
+ margin-top: $outline-filled-multiselect-close-icon-margin-top;
1021
+ right: $outline-filled-multiselect-close-icon-right;
1022
+ }
1023
+ }
1024
+
1025
+ .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1026
+ .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1027
+ .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1028
+ .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1029
+ @if $ddl-multiselect-skin-name == 'material' {
1030
+ margin-top: $outline-multiselect-bigger-drop-icon-margin-top;
1031
+ }
1032
+ }
1033
+
1034
+ .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1035
+ .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1036
+ .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1037
+ .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1038
+ @if $ddl-multiselect-skin-name == 'material' {
1039
+ margin-right: $filled-multiselect-bigger-drop-icon-margin-right;
1040
+ margin-top: $filled-multiselect-bigger-drop-icon-margin-top;
1041
+ }
1042
+ }
1043
+
1044
+ .e-bigger .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1045
+ .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1046
+ .e-bigger.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1047
+ .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1048
+ .e-bigger .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1049
+ .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1050
+ .e-bigger.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1051
+ .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1052
+ @if $ddl-multiselect-skin-name == 'material' {
1053
+ margin-top: $outline-filled-multiselect-bigger-close-icon-margin-top;
1054
+ right: $outline-filled-multiselect-bigger-close-icon-right;
1055
+ }
1056
+ }
1057
+
1058
+ .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1059
+ .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1060
+ .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1061
+ .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1062
+ @if $ddl-multiselect-skin-name == 'material' {
1063
+ margin-top: $outline-multiselect-small-drop-icon-margin-top;
1064
+ }
1065
+ }
1066
+
1067
+ .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1068
+ .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1069
+ .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1070
+ .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1071
+ @if $ddl-multiselect-skin-name == 'material' {
1072
+ margin-top: $filled-multiselect-small-drop-icon-margin-top;
1073
+ }
1074
+ }
1075
+
1076
+ .e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1077
+ .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1078
+ .e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1079
+ .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1080
+ .e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1081
+ .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1082
+ .e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1083
+ .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1084
+ @if $ddl-multiselect-skin-name == 'material' {
1085
+ margin-top: $outline-filled-multiselect-small-close-icon-margin-top;
1086
+ right: $outline-filled-multiselect-small-close-icon-right;
1087
+ }
1088
+ }
1089
+
1090
+ .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1091
+ .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1092
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1093
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1094
+ @if $ddl-multiselect-skin-name == 'material' {
1095
+ margin-right: $filled-multiselect-bigger-small-drop-icon-margin-right;
1096
+ margin-top: $filled-multiselect-bigger-small-drop-icon-margin-top;
1097
+ }
1098
+ }
1099
+
1100
+ .e-bigger.e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1101
+ .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1102
+ .e-bigger.e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1103
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1104
+ .e-bigger.e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1105
+ .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1106
+ .e-bigger.e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1107
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1108
+ @if $ddl-multiselect-skin-name == 'material' {
1109
+ margin-top: $outline-filled-multiselect-bigger-small-close-icon-margin-top;
1110
+ right: $outline-filled-multiselect-bigger-small-close-icon-margin-right;
1111
+ }
1112
+ }
1113
+
1114
+ .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
1115
+ .e-bigger.e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
1116
+ .e-bigger .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon {
1117
+ @if $ddl-multiselect-skin-name == 'material' {
1118
+ padding: $filled-multiselect-overall-padding;
1119
+ }
1120
+ }
1121
+
1006
1122
  .e-multiselect.e-outline .e-multi-select-wrapper {
1007
1123
  @if $ddl-multiselect-skin-name == 'material' {
1008
1124
  min-height: $ddl-outline-multiselect-height;
package/styles/multi-select/_material-dark-definition.scss CHANGED
@@ -155,6 +155,28 @@ $ddl-delimviewheight-bigger-small: 34px !default;
155
155
  $ddl-closer-margin-top-bigger-small: -2.5em !default;
156
156
  //enddefault
157
157
 
158
+ $outline-filled-multiselect-drop-icon-margin-top: -1.6em !default;
159
+ $outline-filled-multiselect-close-icon-margin-top: -2.8em !default;
160
+ $outline-filled-multiselect-close-icon-right: 36px !default;
161
+
162
+ $outline-multiselect-bigger-drop-icon-margin-top: -1.4em !default;
163
+ $filled-multiselect-bigger-drop-icon-margin-top: -1.6em !default;
164
+ $filled-multiselect-bigger-drop-icon-margin-right: 6px !default;
165
+ $outline-filled-multiselect-bigger-close-icon-margin-top: -3em !default;
166
+ $outline-filled-multiselect-bigger-close-icon-right: 43px !default;
167
+
168
+ $outline-multiselect-small-drop-icon-margin-top: -1.4em !default;
169
+ $filled-multiselect-small-drop-icon-margin-top: -1.6em !default;
170
+ $outline-filled-multiselect-small-close-icon-margin-top: -2.6em !default;
171
+ $outline-filled-multiselect-small-close-icon-right: 31px !default;
172
+
173
+ $filled-multiselect-bigger-small-drop-icon-margin-top: -1.7em !default;
174
+ $filled-multiselect-bigger-small-drop-icon-margin-right: 6px !default;
175
+ $outline-filled-multiselect-bigger-small-close-icon-margin-top: -1.7em !default;
176
+ $outline-filled-multiselect-bigger-small-close-icon-margin-right: 36px !default;
177
+
178
+ $filled-multiselect-overall-padding: 11px 12px 0 !default;
179
+
158
180
  $ddl-outline-multiselect-height: 34px !default;
159
181
  $outline-multiselect-bigger-height: 40px !default;
160
182
  $outline-multiselect-small-height: 30px !default;
package/styles/multi-select/_material-definition.scss CHANGED
@@ -165,6 +165,28 @@ $ddl-delim-bigger-small-font-size: 13px !default;
165
165
  $ddl-delimviewheight-bigger-small: 28px !default;
166
166
  $ddl-closer-margin-top-bigger-small: -2.5em !default;
167
167
 
168
+ $outline-filled-multiselect-drop-icon-margin-top: -1.6em !default;
169
+ $outline-filled-multiselect-close-icon-margin-top: -2.8em !default;
170
+ $outline-filled-multiselect-close-icon-right: 36px !default;
171
+
172
+ $outline-multiselect-bigger-drop-icon-margin-top: -1.4em !default;
173
+ $filled-multiselect-bigger-drop-icon-margin-top: -1.6em !default;
174
+ $filled-multiselect-bigger-drop-icon-margin-right: 6px !default;
175
+ $outline-filled-multiselect-bigger-close-icon-margin-top: -3em !default;
176
+ $outline-filled-multiselect-bigger-close-icon-right: 43px !default;
177
+
178
+ $outline-multiselect-small-drop-icon-margin-top: -1.4em !default;
179
+ $filled-multiselect-small-drop-icon-margin-top: -1.6em !default;
180
+ $outline-filled-multiselect-small-close-icon-margin-top: -2.6em !default;
181
+ $outline-filled-multiselect-small-close-icon-right: 31px !default;
182
+
183
+ $filled-multiselect-bigger-small-drop-icon-margin-top: -1.7em !default;
184
+ $filled-multiselect-bigger-small-drop-icon-margin-right: 6px !default;
185
+ $outline-filled-multiselect-bigger-small-close-icon-margin-top: -1.7em !default;
186
+ $outline-filled-multiselect-bigger-small-close-icon-margin-right: 36px !default;
187
+
188
+ $filled-multiselect-overall-padding: 11px 12px 0 !default;
189
+
168
190
  $ddl-outline-multiselect-height: 34px !default;
169
191
  $outline-multiselect-bigger-height: 40px !default;
170
192
  $outline-multiselect-small-height: 30px !default;