@syncfusion/blazor-themes 27.1.56 → 27.1.58

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 (47) hide show
  1. package/SCSS-Themes/bds-dark.scss +4 -4
  2. package/SCSS-Themes/bds.scss +4 -4
  3. package/SCSS-Themes/bootstrap-dark.scss +4 -4
  4. package/SCSS-Themes/bootstrap.scss +4 -4
  5. package/SCSS-Themes/bootstrap4.scss +4 -4
  6. package/SCSS-Themes/bootstrap5-dark.scss +4 -4
  7. package/SCSS-Themes/bootstrap5.3-dark.scss +4 -4
  8. package/SCSS-Themes/bootstrap5.3.scss +4 -4
  9. package/SCSS-Themes/bootstrap5.scss +4 -4
  10. package/SCSS-Themes/dropdowns/multi-select/bds-dark.scss +4 -4
  11. package/SCSS-Themes/dropdowns/multi-select/bds.scss +4 -4
  12. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +4 -4
  13. package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss +4 -4
  14. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +4 -4
  15. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +4 -4
  16. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.3-dark.scss +4 -4
  17. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.3.scss +4 -4
  18. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +4 -4
  19. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +4 -4
  20. package/SCSS-Themes/dropdowns/multi-select/fabric.scss +4 -4
  21. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +4 -4
  22. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +4 -4
  23. package/SCSS-Themes/dropdowns/multi-select/fluent2-dark.scss +4 -4
  24. package/SCSS-Themes/dropdowns/multi-select/fluent2-highcontrast.scss +4 -4
  25. package/SCSS-Themes/dropdowns/multi-select/fluent2.scss +4 -4
  26. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +4 -4
  27. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +4 -4
  28. package/SCSS-Themes/dropdowns/multi-select/material.scss +4 -4
  29. package/SCSS-Themes/dropdowns/multi-select/material3-dark.scss +14 -14
  30. package/SCSS-Themes/dropdowns/multi-select/material3.scss +14 -14
  31. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +4 -4
  32. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +4 -4
  33. package/SCSS-Themes/fabric-dark.scss +4 -4
  34. package/SCSS-Themes/fabric.scss +4 -4
  35. package/SCSS-Themes/fluent-dark.scss +4 -4
  36. package/SCSS-Themes/fluent.scss +4 -4
  37. package/SCSS-Themes/fluent2-dark.scss +4 -4
  38. package/SCSS-Themes/fluent2-highcontrast.scss +4 -4
  39. package/SCSS-Themes/fluent2.scss +4 -4
  40. package/SCSS-Themes/highcontrast.scss +4 -4
  41. package/SCSS-Themes/material-dark.scss +4 -4
  42. package/SCSS-Themes/material.scss +4 -4
  43. package/SCSS-Themes/material3-dark.scss +14 -14
  44. package/SCSS-Themes/material3.scss +14 -14
  45. package/SCSS-Themes/tailwind-dark.scss +4 -4
  46. package/SCSS-Themes/tailwind.scss +4 -4
  47. package/package.json +1 -1
package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss CHANGED
@@ -3320,11 +3320,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3320
3320
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
3321
3321
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
3322
3322
  @if $ddl-multiselect-skin-name == 'Material3' {
3323
- height: 54px;
3323
+ height: 40px;
3324
3324
  margin-top: -55px;
3325
- right: 16px;
3325
+ right: 6px;
3326
3326
  top: 100%;
3327
- width: 20px;
3327
+ width: 40px;
3328
3328
  }
3329
3329
  }
3330
3330
 
@@ -3738,7 +3738,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3738
3738
 
3739
3739
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
3740
3740
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
3741
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
3741
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
3742
3742
  height: 54px;
3743
3743
  margin-top: -55px;
3744
3744
  right: 16px;
package/SCSS-Themes/dropdowns/multi-select/material-dark.scss CHANGED
@@ -3582,11 +3582,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3582
3582
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
3583
3583
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
3584
3584
  @if $ddl-multiselect-skin-name == 'Material3' {
3585
- height: 54px;
3585
+ height: 40px;
3586
3586
  margin-top: -55px;
3587
- right: 16px;
3587
+ right: 6px;
3588
3588
  top: 100%;
3589
- width: 20px;
3589
+ width: 40px;
3590
3590
  }
3591
3591
  }
3592
3592
 
@@ -4000,7 +4000,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
4000
4000
 
4001
4001
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
4002
4002
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
4003
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
4003
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
4004
4004
  height: 54px;
4005
4005
  margin-top: -55px;
4006
4006
  right: 16px;
package/SCSS-Themes/dropdowns/multi-select/material.scss CHANGED
@@ -3575,11 +3575,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3575
3575
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
3576
3576
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
3577
3577
  @if $ddl-multiselect-skin-name == 'Material3' {
3578
- height: 54px;
3578
+ height: 40px;
3579
3579
  margin-top: -55px;
3580
- right: 16px;
3580
+ right: 6px;
3581
3581
  top: 100%;
3582
- width: 20px;
3582
+ width: 40px;
3583
3583
  }
3584
3584
  }
3585
3585
 
@@ -3993,7 +3993,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3993
3993
 
3994
3994
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
3995
3995
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
3996
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
3996
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
3997
3997
  height: 54px;
3998
3998
  margin-top: -55px;
3999
3999
  right: 16px;
package/SCSS-Themes/dropdowns/multi-select/material3-dark.scss CHANGED
@@ -134,7 +134,7 @@ $ddl-multi-list-hover-bg-color: ($flyout-bg-color-hover, .05) !default;
134
134
  $ddl-delim-text-padding-right: 6px !default;
135
135
  $ddl-list-rtl-padding-right: 15px !default;
136
136
  $ddl-close-rtl-icon-left: 19px !default;
137
- $ddl-chip-close-rtl-left: -7px !default;
137
+ $ddl-chip-close-rtl-left: 0 !default;
138
138
  $ddl-delim-font-color: rgba($content-text-color) !default;
139
139
  $ddl-close-icon-color: rgba($icon-color) !default;
140
140
  $ddl-chip-border: 1px solid rgba($border) !default;
@@ -227,7 +227,7 @@ $outline-multiselect-chip-bg-color: transparent !default;
227
227
  $outline-multiselect-chip-hover-bg-color: ($content-bg-color-hover, 5%) !default;
228
228
  $outline-multiselect-sel-chip-bg-color: transparent !default;
229
229
  $outline-multiselect-sel-hover-chip-bg-color: ($content-bg-color-hover, 5%) !default;
230
- $outline-multiselect-close-icon-bg-color: rgba($icon-color, .54) !default;
230
+ $outline-multiselect-close-icon-bg-color: rgba($icon-color) !default;
231
231
  $outline-multiselect-close-icon-hover-bg-color: rgba($icon-color-hover, .87) !default;
232
232
  $outline-multiselect-remains-font-color: rgba($content-text-color, .6) !default;
233
233
  $outline-multiselect-disabled-font-color: rgba($content-text-color, .38) !default;
@@ -2135,11 +2135,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2135
2135
 
2136
2136
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2137
2137
  @if $ddl-multiselect-skin-name == 'Material3' {
2138
- height: 38px;
2139
- margin-top: -38px;
2140
- right: 18px;
2138
+ height: 32px;
2139
+ margin-top: -35px;
2140
+ right: 4px;
2141
2141
  top: 100%;
2142
- width: 16px;
2142
+ width: 32px;
2143
2143
  }
2144
2144
  }
2145
2145
 
@@ -2169,11 +2169,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2169
2169
  .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2170
2170
  .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2171
2171
  @if $ddl-multiselect-skin-name == 'Material3' {
2172
- height: 34px;
2173
- margin-top: -35px;
2174
- right: 16px;
2172
+ height: 24px;
2173
+ margin-top: -29px;
2174
+ right: 2px;
2175
2175
  top: 100%;
2176
- width: 14px;
2176
+ width: 24px;
2177
2177
  }
2178
2178
  }
2179
2179
 
@@ -3569,11 +3569,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3569
3569
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
3570
3570
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
3571
3571
  @if $ddl-multiselect-skin-name == 'Material3' {
3572
- height: 54px;
3572
+ height: 40px;
3573
3573
  margin-top: -55px;
3574
- right: 16px;
3574
+ right: 6px;
3575
3575
  top: 100%;
3576
- width: 20px;
3576
+ width: 40px;
3577
3577
  }
3578
3578
  }
3579
3579
 
@@ -3987,7 +3987,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3987
3987
 
3988
3988
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
3989
3989
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
3990
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
3990
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
3991
3991
  height: 54px;
3992
3992
  margin-top: -55px;
3993
3993
  right: 16px;
package/SCSS-Themes/dropdowns/multi-select/material3.scss CHANGED
@@ -134,7 +134,7 @@ $ddl-multi-list-hover-bg-color: ($flyout-bg-color-hover, .05) !default;
134
134
  $ddl-delim-text-padding-right: 6px !default;
135
135
  $ddl-list-rtl-padding-right: 15px !default;
136
136
  $ddl-close-rtl-icon-left: 19px !default;
137
- $ddl-chip-close-rtl-left: -7px !default;
137
+ $ddl-chip-close-rtl-left: 0 !default;
138
138
  $ddl-delim-font-color: rgba($content-text-color) !default;
139
139
  $ddl-close-icon-color: rgba($icon-color) !default;
140
140
  $ddl-chip-border: 1px solid rgba($border) !default;
@@ -227,7 +227,7 @@ $outline-multiselect-chip-bg-color: transparent !default;
227
227
  $outline-multiselect-chip-hover-bg-color: ($content-bg-color-hover, 5%) !default;
228
228
  $outline-multiselect-sel-chip-bg-color: transparent !default;
229
229
  $outline-multiselect-sel-hover-chip-bg-color: ($content-bg-color-hover, 5%) !default;
230
- $outline-multiselect-close-icon-bg-color: rgba($icon-color, .54) !default;
230
+ $outline-multiselect-close-icon-bg-color: rgba($icon-color) !default;
231
231
  $outline-multiselect-close-icon-hover-bg-color: rgba($icon-color-hover, .87) !default;
232
232
  $outline-multiselect-remains-font-color: rgba($content-text-color, .6) !default;
233
233
  $outline-multiselect-disabled-font-color: rgba($content-text-color, .38) !default;
@@ -2135,11 +2135,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2135
2135
 
2136
2136
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2137
2137
  @if $ddl-multiselect-skin-name == 'Material3' {
2138
- height: 38px;
2139
- margin-top: -38px;
2140
- right: 18px;
2138
+ height: 32px;
2139
+ margin-top: -35px;
2140
+ right: 4px;
2141
2141
  top: 100%;
2142
- width: 16px;
2142
+ width: 32px;
2143
2143
  }
2144
2144
  }
2145
2145
 
@@ -2169,11 +2169,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2169
2169
  .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2170
2170
  .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2171
2171
  @if $ddl-multiselect-skin-name == 'Material3' {
2172
- height: 34px;
2173
- margin-top: -35px;
2174
- right: 16px;
2172
+ height: 24px;
2173
+ margin-top: -29px;
2174
+ right: 2px;
2175
2175
  top: 100%;
2176
- width: 14px;
2176
+ width: 24px;
2177
2177
  }
2178
2178
  }
2179
2179
 
@@ -3569,11 +3569,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3569
3569
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
3570
3570
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
3571
3571
  @if $ddl-multiselect-skin-name == 'Material3' {
3572
- height: 54px;
3572
+ height: 40px;
3573
3573
  margin-top: -55px;
3574
- right: 16px;
3574
+ right: 6px;
3575
3575
  top: 100%;
3576
- width: 20px;
3576
+ width: 40px;
3577
3577
  }
3578
3578
  }
3579
3579
 
@@ -3987,7 +3987,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3987
3987
 
3988
3988
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
3989
3989
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
3990
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
3990
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
3991
3991
  height: 54px;
3992
3992
  margin-top: -55px;
3993
3993
  right: 16px;
package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss CHANGED
@@ -3248,11 +3248,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3248
3248
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
3249
3249
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
3250
3250
  @if $ddl-multiselect-skin-name == 'Material3' {
3251
- height: 54px;
3251
+ height: 40px;
3252
3252
  margin-top: -55px;
3253
- right: 16px;
3253
+ right: 6px;
3254
3254
  top: 100%;
3255
- width: 20px;
3255
+ width: 40px;
3256
3256
  }
3257
3257
  }
3258
3258
 
@@ -3666,7 +3666,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3666
3666
 
3667
3667
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
3668
3668
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
3669
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
3669
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
3670
3670
  height: 54px;
3671
3671
  margin-top: -55px;
3672
3672
  right: 16px;
package/SCSS-Themes/dropdowns/multi-select/tailwind.scss CHANGED
@@ -3248,11 +3248,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3248
3248
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
3249
3249
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
3250
3250
  @if $ddl-multiselect-skin-name == 'Material3' {
3251
- height: 54px;
3251
+ height: 40px;
3252
3252
  margin-top: -55px;
3253
- right: 16px;
3253
+ right: 6px;
3254
3254
  top: 100%;
3255
- width: 20px;
3255
+ width: 40px;
3256
3256
  }
3257
3257
  }
3258
3258
 
@@ -3666,7 +3666,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
3666
3666
 
3667
3667
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
3668
3668
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
3669
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
3669
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
3670
3670
  height: 54px;
3671
3671
  margin-top: -55px;
3672
3672
  right: 16px;
package/SCSS-Themes/fabric-dark.scss CHANGED
@@ -66656,11 +66656,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
66656
66656
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
66657
66657
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
66658
66658
  @if $ddl-multiselect-skin-name == 'Material3' {
66659
- height: 54px;
66659
+ height: 40px;
66660
66660
  margin-top: -55px;
66661
- right: 16px;
66661
+ right: 6px;
66662
66662
  top: 100%;
66663
- width: 20px;
66663
+ width: 40px;
66664
66664
  }
66665
66665
  }
66666
66666
 
@@ -67074,7 +67074,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
67074
67074
 
67075
67075
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
67076
67076
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
67077
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
67077
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
67078
67078
  height: 54px;
67079
67079
  margin-top: -55px;
67080
67080
  right: 16px;
package/SCSS-Themes/fabric.scss CHANGED
@@ -66434,11 +66434,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
66434
66434
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
66435
66435
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
66436
66436
  @if $ddl-multiselect-skin-name == 'Material3' {
66437
- height: 54px;
66437
+ height: 40px;
66438
66438
  margin-top: -55px;
66439
- right: 16px;
66439
+ right: 6px;
66440
66440
  top: 100%;
66441
- width: 20px;
66441
+ width: 40px;
66442
66442
  }
66443
66443
  }
66444
66444
 
@@ -66852,7 +66852,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
66852
66852
 
66853
66853
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
66854
66854
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
66855
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
66855
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
66856
66856
  height: 54px;
66857
66857
  margin-top: -55px;
66858
66858
  right: 16px;
package/SCSS-Themes/fluent-dark.scss CHANGED
@@ -66990,11 +66990,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
66990
66990
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
66991
66991
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
66992
66992
  @if $ddl-multiselect-skin-name == 'Material3' {
66993
- height: 54px;
66993
+ height: 40px;
66994
66994
  margin-top: -55px;
66995
- right: 16px;
66995
+ right: 6px;
66996
66996
  top: 100%;
66997
- width: 20px;
66997
+ width: 40px;
66998
66998
  }
66999
66999
  }
67000
67000
 
@@ -67408,7 +67408,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
67408
67408
 
67409
67409
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
67410
67410
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
67411
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
67411
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
67412
67412
  height: 54px;
67413
67413
  margin-top: -55px;
67414
67414
  right: 16px;
package/SCSS-Themes/fluent.scss CHANGED
@@ -66990,11 +66990,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
66990
66990
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
66991
66991
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
66992
66992
  @if $ddl-multiselect-skin-name == 'Material3' {
66993
- height: 54px;
66993
+ height: 40px;
66994
66994
  margin-top: -55px;
66995
- right: 16px;
66995
+ right: 6px;
66996
66996
  top: 100%;
66997
- width: 20px;
66997
+ width: 40px;
66998
66998
  }
66999
66999
  }
67000
67000
 
@@ -67408,7 +67408,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
67408
67408
 
67409
67409
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
67410
67410
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
67411
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
67411
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
67412
67412
  height: 54px;
67413
67413
  margin-top: -55px;
67414
67414
  right: 16px;
package/SCSS-Themes/fluent2-dark.scss CHANGED
@@ -68896,11 +68896,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
68896
68896
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
68897
68897
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
68898
68898
  @if $ddl-multiselect-skin-name == 'Material3' {
68899
- height: 54px;
68899
+ height: 40px;
68900
68900
  margin-top: -55px;
68901
- right: 16px;
68901
+ right: 6px;
68902
68902
  top: 100%;
68903
- width: 20px;
68903
+ width: 40px;
68904
68904
  }
68905
68905
  }
68906
68906
 
@@ -69314,7 +69314,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
69314
69314
 
69315
69315
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
69316
69316
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
69317
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
69317
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
69318
69318
  height: 54px;
69319
69319
  margin-top: -55px;
69320
69320
  right: 16px;
package/SCSS-Themes/fluent2-highcontrast.scss CHANGED
@@ -68896,11 +68896,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
68896
68896
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
68897
68897
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
68898
68898
  @if $ddl-multiselect-skin-name == 'Material3' {
68899
- height: 54px;
68899
+ height: 40px;
68900
68900
  margin-top: -55px;
68901
- right: 16px;
68901
+ right: 6px;
68902
68902
  top: 100%;
68903
- width: 20px;
68903
+ width: 40px;
68904
68904
  }
68905
68905
  }
68906
68906
 
@@ -69314,7 +69314,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
69314
69314
 
69315
69315
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
69316
69316
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
69317
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
69317
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
69318
69318
  height: 54px;
69319
69319
  margin-top: -55px;
69320
69320
  right: 16px;
package/SCSS-Themes/fluent2.scss CHANGED
@@ -69668,11 +69668,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
69668
69668
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
69669
69669
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
69670
69670
  @if $ddl-multiselect-skin-name == 'Material3' {
69671
- height: 54px;
69671
+ height: 40px;
69672
69672
  margin-top: -55px;
69673
- right: 16px;
69673
+ right: 6px;
69674
69674
  top: 100%;
69675
- width: 20px;
69675
+ width: 40px;
69676
69676
  }
69677
69677
  }
69678
69678
 
@@ -70086,7 +70086,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
70086
70086
 
70087
70087
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
70088
70088
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
70089
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
70089
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
70090
70090
  height: 54px;
70091
70091
  margin-top: -55px;
70092
70092
  right: 16px;
package/SCSS-Themes/highcontrast.scss CHANGED
@@ -66681,11 +66681,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
66681
66681
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
66682
66682
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
66683
66683
  @if $ddl-multiselect-skin-name == 'Material3' {
66684
- height: 54px;
66684
+ height: 40px;
66685
66685
  margin-top: -55px;
66686
- right: 16px;
66686
+ right: 6px;
66687
66687
  top: 100%;
66688
- width: 20px;
66688
+ width: 40px;
66689
66689
  }
66690
66690
  }
66691
66691
 
@@ -67099,7 +67099,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
67099
67099
 
67100
67100
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
67101
67101
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
67102
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
67102
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
67103
67103
  height: 54px;
67104
67104
  margin-top: -55px;
67105
67105
  right: 16px;
package/SCSS-Themes/material-dark.scss CHANGED
@@ -67569,11 +67569,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
67569
67569
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
67570
67570
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
67571
67571
  @if $ddl-multiselect-skin-name == 'Material3' {
67572
- height: 54px;
67572
+ height: 40px;
67573
67573
  margin-top: -55px;
67574
- right: 16px;
67574
+ right: 6px;
67575
67575
  top: 100%;
67576
- width: 20px;
67576
+ width: 40px;
67577
67577
  }
67578
67578
  }
67579
67579
 
@@ -67987,7 +67987,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
67987
67987
 
67988
67988
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
67989
67989
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
67990
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
67990
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
67991
67991
  height: 54px;
67992
67992
  margin-top: -55px;
67993
67993
  right: 16px;
package/SCSS-Themes/material.scss CHANGED
@@ -67305,11 +67305,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
67305
67305
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
67306
67306
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
67307
67307
  @if $ddl-multiselect-skin-name == 'Material3' {
67308
- height: 54px;
67308
+ height: 40px;
67309
67309
  margin-top: -55px;
67310
- right: 16px;
67310
+ right: 6px;
67311
67311
  top: 100%;
67312
- width: 20px;
67312
+ width: 40px;
67313
67313
  }
67314
67314
  }
67315
67315
 
@@ -67723,7 +67723,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
67723
67723
 
67724
67724
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
67725
67725
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
67726
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
67726
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
67727
67727
  height: 54px;
67728
67728
  margin-top: -55px;
67729
67729
  right: 16px;
package/SCSS-Themes/material3-dark.scss CHANGED
@@ -63869,7 +63869,7 @@ $ddl-multi-list-hover-bg-color: ($flyout-bg-color-hover, .05) !default;
63869
63869
  $ddl-delim-text-padding-right: 6px !default;
63870
63870
  $ddl-list-rtl-padding-right: 15px !default;
63871
63871
  $ddl-close-rtl-icon-left: 19px !default;
63872
- $ddl-chip-close-rtl-left: -7px !default;
63872
+ $ddl-chip-close-rtl-left: 0 !default;
63873
63873
  $ddl-delim-font-color: rgba($content-text-color) !default;
63874
63874
  $ddl-close-icon-color: rgba($icon-color) !default;
63875
63875
  $ddl-chip-border: 1px solid rgba($border) !default;
@@ -63962,7 +63962,7 @@ $outline-multiselect-chip-bg-color: transparent !default;
63962
63962
  $outline-multiselect-chip-hover-bg-color: ($content-bg-color-hover, 5%) !default;
63963
63963
  $outline-multiselect-sel-chip-bg-color: transparent !default;
63964
63964
  $outline-multiselect-sel-hover-chip-bg-color: ($content-bg-color-hover, 5%) !default;
63965
- $outline-multiselect-close-icon-bg-color: rgba($icon-color, .54) !default;
63965
+ $outline-multiselect-close-icon-bg-color: rgba($icon-color) !default;
63966
63966
  $outline-multiselect-close-icon-hover-bg-color: rgba($icon-color-hover, .87) !default;
63967
63967
  $outline-multiselect-remains-font-color: rgba($content-text-color, .6) !default;
63968
63968
  $outline-multiselect-disabled-font-color: rgba($content-text-color, .38) !default;
@@ -65870,11 +65870,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
65870
65870
 
65871
65871
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
65872
65872
  @if $ddl-multiselect-skin-name == 'Material3' {
65873
- height: 38px;
65874
- margin-top: -38px;
65875
- right: 18px;
65873
+ height: 32px;
65874
+ margin-top: -35px;
65875
+ right: 4px;
65876
65876
  top: 100%;
65877
- width: 16px;
65877
+ width: 32px;
65878
65878
  }
65879
65879
  }
65880
65880
 
@@ -65904,11 +65904,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
65904
65904
  .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
65905
65905
  .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
65906
65906
  @if $ddl-multiselect-skin-name == 'Material3' {
65907
- height: 34px;
65908
- margin-top: -35px;
65909
- right: 16px;
65907
+ height: 24px;
65908
+ margin-top: -29px;
65909
+ right: 2px;
65910
65910
  top: 100%;
65911
- width: 14px;
65911
+ width: 24px;
65912
65912
  }
65913
65913
  }
65914
65914
 
@@ -67304,11 +67304,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
67304
67304
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
67305
67305
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
67306
67306
  @if $ddl-multiselect-skin-name == 'Material3' {
67307
- height: 54px;
67307
+ height: 40px;
67308
67308
  margin-top: -55px;
67309
- right: 16px;
67309
+ right: 6px;
67310
67310
  top: 100%;
67311
- width: 20px;
67311
+ width: 40px;
67312
67312
  }
67313
67313
  }
67314
67314
 
@@ -67722,7 +67722,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
67722
67722
 
67723
67723
  .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
67724
67724
  .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
67725
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
67725
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
67726
67726
  height: 54px;
67727
67727
  margin-top: -55px;
67728
67728
  right: 16px;