@syncfusion/blazor-themes 20.3.48 → 20.3.50

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 (59) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +24 -12
  2. package/SCSS-Themes/bootstrap.scss +24 -12
  3. package/SCSS-Themes/bootstrap4.scss +32 -19
  4. package/SCSS-Themes/bootstrap5-dark.scss +27 -14
  5. package/SCSS-Themes/bootstrap5.scss +27 -14
  6. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +22 -5
  7. package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss +22 -5
  8. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +30 -12
  9. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +23 -5
  10. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +23 -5
  11. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +26 -9
  12. package/SCSS-Themes/dropdowns/multi-select/fabric.scss +26 -9
  13. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +24 -6
  14. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +24 -6
  15. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +27 -10
  16. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +22 -5
  17. package/SCSS-Themes/dropdowns/multi-select/material.scss +22 -5
  18. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +23 -5
  19. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +23 -5
  20. package/SCSS-Themes/fabric-dark.scss +28 -16
  21. package/SCSS-Themes/fabric.scss +28 -16
  22. package/SCSS-Themes/fluent-dark.scss +26 -13
  23. package/SCSS-Themes/fluent.scss +26 -13
  24. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +2 -2
  25. package/SCSS-Themes/grids/grid/bootstrap.scss +2 -2
  26. package/SCSS-Themes/grids/grid/bootstrap4.scss +2 -2
  27. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +2 -2
  28. package/SCSS-Themes/grids/grid/bootstrap5.scss +2 -2
  29. package/SCSS-Themes/grids/grid/fabric-dark.scss +2 -2
  30. package/SCSS-Themes/grids/grid/fabric.scss +2 -2
  31. package/SCSS-Themes/grids/grid/fluent-dark.scss +2 -2
  32. package/SCSS-Themes/grids/grid/fluent.scss +2 -2
  33. package/SCSS-Themes/grids/grid/highcontrast.scss +2 -2
  34. package/SCSS-Themes/grids/grid/material-dark.scss +2 -2
  35. package/SCSS-Themes/grids/grid/material.scss +2 -2
  36. package/SCSS-Themes/grids/grid/tailwind-dark.scss +2 -2
  37. package/SCSS-Themes/grids/grid/tailwind.scss +2 -2
  38. package/SCSS-Themes/highcontrast.scss +29 -17
  39. package/SCSS-Themes/material-dark.scss +24 -12
  40. package/SCSS-Themes/material.scss +24 -12
  41. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +0 -5
  42. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +0 -5
  43. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +0 -5
  44. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +0 -5
  45. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +0 -5
  46. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +0 -5
  47. package/SCSS-Themes/pivotview/pivotview/fabric.scss +0 -5
  48. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +0 -5
  49. package/SCSS-Themes/pivotview/pivotview/fluent.scss +0 -5
  50. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +0 -5
  51. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +0 -5
  52. package/SCSS-Themes/pivotview/pivotview/material.scss +0 -5
  53. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +0 -5
  54. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +0 -5
  55. package/SCSS-Themes/popups/dialog/bootstrap5-dark.scss +2 -2
  56. package/SCSS-Themes/popups/dialog/bootstrap5.scss +2 -2
  57. package/SCSS-Themes/tailwind-dark.scss +25 -12
  58. package/SCSS-Themes/tailwind.scss +25 -12
  59. package/package.json +1 -1
@@ -58005,11 +58005,14 @@ $ddl-chip-mobile-content-padding: 6px 8px 6px 0 !default;
58005
58005
  $ddl-rtl-chip-mobile-content-padding: 6px 0 6px 8px !default;
58006
58006
  $ddl-chip-padding: 0 0 0 8px !default;
58007
58007
  $ddl-chip-close-top: 8px !default;
58008
- $ddl-chip-close-left: 8px !default;
58009
- $ddl-chip-close-margin: 0 !default;
58008
+ $ddl-chip-close-left: 0 !default;
58009
+ $ddl-chip-close-margin: 10px 10px 10px 0 !default;
58010
+ $ddl-chip-close-rtl-margin: 8px 0 8px 20px !default;
58010
58011
  $ddl-chip-mobile-close-margin: 3px 0 0 !default;
58011
58012
  $ddl-chip-close-square: 26px !default;
58013
+ $ddl-chip-close-width: auto !default;
58012
58014
  $ddl-chip-hooker-square: 30px !default;
58015
+ $ddl-chip-hooker-width: auto !default;
58013
58016
  $ddl-chip-close-font: 10px !default;
58014
58017
  $ddl-chip-close-mobile-top: 0 !default;
58015
58018
  $ddl-chip-height: 26px !default;
@@ -58050,7 +58053,7 @@ $ddl-rtl-hooker-left: -4px !default;
58050
58053
  $ddl-chip-close-mob-top: 0 !default;
58051
58054
  $ddl-control-placholder-padding: 0 32px 0 2px !default;
58052
58055
  $ddl-overall-close-top: 10px !default;
58053
- $ddl-overall-close-left: 10px !default;
58056
+ $ddl-overall-close-left: 0 !default;
58054
58057
  $ddl-sel-chip-close-mobile-top: 0 !default;
58055
58058
  $ddl-sel-chip-close-mobile-left: 12px !default;
58056
58059
  $ddl-chip-sel-mobile-close-height: 26px !default;
@@ -58109,12 +58112,14 @@ $ddl-select-all-height-small: 26px !default;
58109
58112
  $ddl-small-chip-height: 20px !default;
58110
58113
  $ddl-chip-small-font-size: 12px !default;
58111
58114
  $ddl-small-chip-close-square: 22px !default;
58115
+ $ddl-small-chip-close-width: auto !default;
58112
58116
  $ddl-small-chip-close-font: 8px !default;
58113
58117
  $ddl-control-small-height: 24px !default;
58114
58118
  $ddl-small-input-height: 24px !default;
58115
58119
  $ddl-delim-small-font-size: 13px !default;
58116
- $ddl-small-closer-margin-top: -2.9em !default;
58120
+ $ddl-small-closer-margin-top: -3.2em !default;
58117
58121
  $ddl-chip-close-hooker-small-left: 7px !default;
58122
+ $ddl-chip-close-hooker-small-bigger-left: -35px !default;
58118
58123
  $ddl-delimviewheight-small: 24px !default;
58119
58124
 
58120
58125
  // Touch Small size
@@ -58122,12 +58127,13 @@ $ddl-select-all-height-bigger-small: 40px !default;
58122
58127
  $ddl-bigger-small-chip-height: 26px !default;
58123
58128
  $ddl-chip-bigger-small-font-size: 12px !default;
58124
58129
  $ddl-bigger-small-chip-close-square: 26px !default;
58130
+ $ddl-bigger-small-chip-close-width: auto !default;
58125
58131
  $ddl-bigger-small-chip-close-font: 10px !default;
58126
58132
  $ddl-control-bigger-small-height: 26px !default;
58127
58133
  $ddl-bigger-small-input-height: 34px !default;
58128
58134
  $ddl-delim-bigger-small-font-size: 14px !default;
58129
58135
  $ddl-delimviewheight-bigger-small: 34px !default;
58130
- $ddl-closer-margin-top-bigger-small: -3.2em !default;
58136
+ $ddl-closer-margin-top-bigger-small: -3.4em !default;
58131
58137
 
58132
58138
  @include export-module('multiselect-highcontrast') {
58133
58139
  .e-multi-select-wrapper {
@@ -58525,7 +58531,11 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
58525
58531
  font-family: 'e-icons';
58526
58532
  height: $ddl-chip-close-square;
58527
58533
  margin: $ddl-chip-close-margin;
58528
- width: $ddl-chip-close-square;
58534
+ width: $ddl-chip-close-width;
58535
+ }
58536
+
58537
+ .e-rtl .e-multi-select-wrapper .e-chips-close {
58538
+ margin: $ddl-chip-close-rtl-margin;
58529
58539
  }
58530
58540
 
58531
58541
  .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -58540,7 +58550,7 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
58540
58550
  position: absolute;
58541
58551
  right: $ddl-chip-hooker-right;
58542
58552
  top: $ddl-closer-hooker-top;
58543
- width: $ddl-chip-hooker-square;
58553
+ width: $ddl-chip-hooker-width;
58544
58554
  }
58545
58555
 
58546
58556
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -59256,7 +59266,7 @@ ejs-multiselect {
59256
59266
  .e-bigger .e-multi-select-wrapper .e-chips-close {
59257
59267
  @if $ddl-multiselect-skin-name == 'tailwind' {
59258
59268
  height: $ddl-bigger-chip-close-square;
59259
- width: $ddl-bigger-chip-close-square;
59269
+ width: $ddl-bigger-chip-close-width;
59260
59270
  }
59261
59271
  }
59262
59272
 
@@ -59278,7 +59288,7 @@ ejs-multiselect {
59278
59288
 
59279
59289
  .e-small .e-multi-select-wrapper .e-chips-close {
59280
59290
  height: $ddl-small-chip-close-square;
59281
- width: $ddl-small-chip-close-square;
59291
+ width: $ddl-small-chip-close-width;
59282
59292
  }
59283
59293
 
59284
59294
  .e-small .e-multi-select-wrapper {
@@ -59347,7 +59357,10 @@ ejs-multiselect {
59347
59357
 
59348
59358
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
59349
59359
  height: $ddl-bigger-small-chip-close-square;
59350
- width: $ddl-bigger-small-chip-close-square;
59360
+ width: $ddl-bigger-small-chip-close-width;
59361
+ @if $ddl-multiselect-skin-name == 'bootstrap4' {
59362
+ margin: 3px 10px 10px 0;
59363
+ }
59351
59364
  }
59352
59365
 
59353
59366
  .e-bigger.e-small .e-multi-select-wrapper {
@@ -60570,6 +60583,10 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
60570
60583
  left: $ddl-chip-close-hooker-small-left;
60571
60584
  }
60572
60585
 
60586
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
60587
+ left: $ddl-chip-close-hooker-small-bigger-left;
60588
+ }
60589
+
60573
60590
  .e-small .e-multi-select-wrapper .e-down-icon .e-close-hooker::before {
60574
60591
  @if $ddl-multiselect-skin-name == 'FluentUI' {
60575
60592
  left: $ddl-small-down-icon-left;
@@ -76306,7 +76323,7 @@ $grid-dropitems-count-margin-left: -8px !default;
76306
76323
 
76307
76324
  #{&}.e-grid-min-height {
76308
76325
  .e-rowcell {
76309
- line-height: 0;
76326
+ line-height: normal;
76310
76327
  padding-bottom: 0;
76311
76328
  padding-top: 0;
76312
76329
  }
@@ -76389,7 +76406,7 @@ $grid-dropitems-count-margin-left: -8px !default;
76389
76406
  .e-rowcell,
76390
76407
  .e-rowcell:first-child,
76391
76408
  .e-rowcell:last-child {
76392
- line-height: 0;
76409
+ line-height: normal;
76393
76410
  padding-bottom: 0;
76394
76411
  padding-top: 0;
76395
76412
  }
@@ -103127,7 +103144,6 @@ $pivotpager-single-size-title-padding: 4px !default;
103127
103144
 
103128
103145
  .e-valuescontent {
103129
103146
  padding-right: 8px;
103130
- text-align: right;
103131
103147
  }
103132
103148
 
103133
103149
  .e-grid .e-rowcell {
@@ -104429,10 +104445,6 @@ $pivotpager-single-size-title-padding: 4px !default;
104429
104445
  margin-right: 7px;
104430
104446
  }
104431
104447
 
104432
- .e-valuescontent {
104433
- text-align: left;
104434
- }
104435
-
104436
104448
  .e-group-values,
104437
104449
  .e-group-columns,
104438
104450
  .e-group-filters,
@@ -58690,8 +58690,11 @@ $ddl-chip-padding: 0 4px 0 8px !default;
58690
58690
  $ddl-chip-close-top: 0 !default;
58691
58691
  $ddl-chip-close-left: 0 !default;
58692
58692
  $ddl-chip-close-margin: 0 0 0 !default;
58693
+ $ddl-chip-close-rtl-margin: 0 0 0 !default;
58693
58694
  $ddl-chip-close-square: 16px !default;
58695
+ $ddl-chip-close-width: 16px !default;
58694
58696
  $ddl-chip-hooker-square: 24px !default;
58697
+ $ddl-chip-hooker-width: 24px !default;
58695
58698
  $ddl-chip-close-font: 16px !default;
58696
58699
  $ddl-chip-height: 24px !default;
58697
58700
  $ddl-chip-mobile-height: 28px !default;
@@ -58790,12 +58793,14 @@ $ddl-select-all-height-bigger-small: 40px !default;
58790
58793
  $ddl-small-chip-height: 20px !default;
58791
58794
  $ddl-chip-small-font-size: 12px !default;
58792
58795
  $ddl-small-chip-close-square: 14px !default;
58796
+ $ddl-small-chip-close-width: 14px !default;
58793
58797
  $ddl-small-chip-close-font: 14px !default;
58794
58798
  $ddl-control-small-height: 24px !default;
58795
58799
  $ddl-small-input-height: 26px !default;
58796
58800
  $ddl-delim-small-font-size: 12px !default;
58797
58801
  $ddl-small-closer-margin-top: -2.5em !default;
58798
58802
  $ddl-chip-close-hooker-small-left: 6px !default;
58803
+ $ddl-chip-close-hooker-small-bigger-left: 6px !default;
58799
58804
  $ddl-delimviewheight-small: 26px !default;
58800
58805
 
58801
58806
  // Touch Small size
@@ -58803,6 +58808,7 @@ $ddl-select-all-height-bigger-small: 40px !default;
58803
58808
  $ddl-bigger-small-chip-height: 24px !default;
58804
58809
  $ddl-chip-bigger-small-font-size: 13px !default;
58805
58810
  $ddl-bigger-small-chip-close-square: 16px !default;
58811
+ $ddl-bigger-small-chip-close-width: 16px !default;
58806
58812
  $ddl-bigger-small-chip-close-font: 16px !default;
58807
58813
  $ddl-control-bigger-small-height: 28px !default;
58808
58814
  $ddl-bigger-small-input-height: 34px !default;
@@ -59140,7 +59146,11 @@ $filled-multiselect-chip-hover-bg-color: $grey-700 !default;
59140
59146
  font-family: 'e-icons';
59141
59147
  height: $ddl-chip-close-square;
59142
59148
  margin: $ddl-chip-close-margin;
59143
- width: $ddl-chip-close-square;
59149
+ width: $ddl-chip-close-width;
59150
+ }
59151
+
59152
+ .e-rtl .e-multi-select-wrapper .e-chips-close {
59153
+ margin: $ddl-chip-close-rtl-margin;
59144
59154
  }
59145
59155
 
59146
59156
  .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -59155,7 +59165,7 @@ $filled-multiselect-chip-hover-bg-color: $grey-700 !default;
59155
59165
  position: absolute;
59156
59166
  right: $ddl-chip-hooker-right;
59157
59167
  top: $ddl-closer-hooker-top;
59158
- width: $ddl-chip-hooker-square;
59168
+ width: $ddl-chip-hooker-width;
59159
59169
  }
59160
59170
 
59161
59171
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -59871,7 +59881,7 @@ ejs-multiselect {
59871
59881
  .e-bigger .e-multi-select-wrapper .e-chips-close {
59872
59882
  @if $ddl-multiselect-skin-name == 'tailwind' {
59873
59883
  height: $ddl-bigger-chip-close-square;
59874
- width: $ddl-bigger-chip-close-square;
59884
+ width: $ddl-bigger-chip-close-width;
59875
59885
  }
59876
59886
  }
59877
59887
 
@@ -59893,7 +59903,7 @@ ejs-multiselect {
59893
59903
 
59894
59904
  .e-small .e-multi-select-wrapper .e-chips-close {
59895
59905
  height: $ddl-small-chip-close-square;
59896
- width: $ddl-small-chip-close-square;
59906
+ width: $ddl-small-chip-close-width;
59897
59907
  }
59898
59908
 
59899
59909
  .e-small .e-multi-select-wrapper {
@@ -59962,7 +59972,10 @@ ejs-multiselect {
59962
59972
 
59963
59973
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
59964
59974
  height: $ddl-bigger-small-chip-close-square;
59965
- width: $ddl-bigger-small-chip-close-square;
59975
+ width: $ddl-bigger-small-chip-close-width;
59976
+ @if $ddl-multiselect-skin-name == 'bootstrap4' {
59977
+ margin: 3px 10px 10px 0;
59978
+ }
59966
59979
  }
59967
59980
 
59968
59981
  .e-bigger.e-small .e-multi-select-wrapper {
@@ -61185,6 +61198,10 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
61185
61198
  left: $ddl-chip-close-hooker-small-left;
61186
61199
  }
61187
61200
 
61201
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
61202
+ left: $ddl-chip-close-hooker-small-bigger-left;
61203
+ }
61204
+
61188
61205
  .e-small .e-multi-select-wrapper .e-down-icon .e-close-hooker::before {
61189
61206
  @if $ddl-multiselect-skin-name == 'FluentUI' {
61190
61207
  left: $ddl-small-down-icon-left;
@@ -77618,7 +77635,7 @@ $grid-dropitems-count-margin-left: -8px !default;
77618
77635
 
77619
77636
  #{&}.e-grid-min-height {
77620
77637
  .e-rowcell {
77621
- line-height: 0;
77638
+ line-height: normal;
77622
77639
  padding-bottom: 0;
77623
77640
  padding-top: 0;
77624
77641
  }
@@ -77701,7 +77718,7 @@ $grid-dropitems-count-margin-left: -8px !default;
77701
77718
  .e-rowcell,
77702
77719
  .e-rowcell:first-child,
77703
77720
  .e-rowcell:last-child {
77704
- line-height: 0;
77721
+ line-height: normal;
77705
77722
  padding-bottom: 0;
77706
77723
  padding-top: 0;
77707
77724
  }
@@ -104502,7 +104519,6 @@ $pivotpager-single-size-title-padding: 14px !default;
104502
104519
 
104503
104520
  .e-valuescontent {
104504
104521
  padding-right: 8px;
104505
- text-align: right;
104506
104522
  }
104507
104523
 
104508
104524
  .e-grid .e-rowcell {
@@ -105804,10 +105820,6 @@ $pivotpager-single-size-title-padding: 14px !default;
105804
105820
  margin-right: 7px;
105805
105821
  }
105806
105822
 
105807
- .e-valuescontent {
105808
- text-align: left;
105809
- }
105810
-
105811
105823
  .e-group-values,
105812
105824
  .e-group-columns,
105813
105825
  .e-group-filters,
@@ -58428,8 +58428,11 @@ $ddl-chip-padding: 0 4px 0 8px !default;
58428
58428
  $ddl-chip-close-top: 0 !default;
58429
58429
  $ddl-chip-close-left: 0 !default;
58430
58430
  $ddl-chip-close-margin: 0 0 0 !default;
58431
+ $ddl-chip-close-rtl-margin: 0 0 0 !default;
58431
58432
  $ddl-chip-close-square: 16px !default;
58433
+ $ddl-chip-close-width: 16px !default;
58432
58434
  $ddl-chip-hooker-square: 24px !default;
58435
+ $ddl-chip-hooker-width: 24px !default;
58433
58436
  $ddl-chip-close-font: 16px !default;
58434
58437
  $ddl-chip-height: 24px !default;
58435
58438
  $ddl-chip-mobile-height: 28px !default;
@@ -58532,12 +58535,14 @@ $ddl-select-all-height-small: 26px !default;
58532
58535
  $ddl-small-chip-height: 20px !default;
58533
58536
  $ddl-chip-small-font-size: 12px !default;
58534
58537
  $ddl-small-chip-close-square: 14px !default;
58538
+ $ddl-small-chip-close-width: 14px !default;
58535
58539
  $ddl-small-chip-close-font: 14px !default;
58536
58540
  $ddl-control-small-height: 24px !default;
58537
58541
  $ddl-small-input-height: 26px !default;
58538
58542
  $ddl-delim-small-font-size: 12px !default;
58539
58543
  $ddl-small-closer-margin-top: -2.5em !default;
58540
58544
  $ddl-chip-close-hooker-small-left: 6px !default;
58545
+ $ddl-chip-close-hooker-small-bigger-left: 6px !default;
58541
58546
  $ddl-delimviewheight-small: 26px !default;
58542
58547
  $ddl-multiselect-filled-input-min-height-small: 32px !default;
58543
58548
  $ddl-multiselect-filled-float-input-min-height-small: 22px !default;
@@ -58554,6 +58559,7 @@ $ddl-select-all-height-bigger-small: 40px !default;
58554
58559
  $ddl-bigger-small-chip-height: 22px !default;
58555
58560
  $ddl-chip-bigger-small-font-size: 13px !default;
58556
58561
  $ddl-bigger-small-chip-close-square: 16px !default;
58562
+ $ddl-bigger-small-chip-close-width: 16px !default;
58557
58563
  $ddl-bigger-small-chip-close-font: 16px !default;
58558
58564
  $ddl-control-bigger-small-height: 28px !default;
58559
58565
  $ddl-bigger-small-input-height: 28px !default;
@@ -58872,7 +58878,11 @@ $filled-multiselect-chip-hover-bg-color: darken($grey-300, 7%) !default;
58872
58878
  font-family: 'e-icons';
58873
58879
  height: $ddl-chip-close-square;
58874
58880
  margin: $ddl-chip-close-margin;
58875
- width: $ddl-chip-close-square;
58881
+ width: $ddl-chip-close-width;
58882
+ }
58883
+
58884
+ .e-rtl .e-multi-select-wrapper .e-chips-close {
58885
+ margin: $ddl-chip-close-rtl-margin;
58876
58886
  }
58877
58887
 
58878
58888
  .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -58887,7 +58897,7 @@ $filled-multiselect-chip-hover-bg-color: darken($grey-300, 7%) !default;
58887
58897
  position: absolute;
58888
58898
  right: $ddl-chip-hooker-right;
58889
58899
  top: $ddl-closer-hooker-top;
58890
- width: $ddl-chip-hooker-square;
58900
+ width: $ddl-chip-hooker-width;
58891
58901
  }
58892
58902
 
58893
58903
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -59603,7 +59613,7 @@ ejs-multiselect {
59603
59613
  .e-bigger .e-multi-select-wrapper .e-chips-close {
59604
59614
  @if $ddl-multiselect-skin-name == 'tailwind' {
59605
59615
  height: $ddl-bigger-chip-close-square;
59606
- width: $ddl-bigger-chip-close-square;
59616
+ width: $ddl-bigger-chip-close-width;
59607
59617
  }
59608
59618
  }
59609
59619
 
@@ -59625,7 +59635,7 @@ ejs-multiselect {
59625
59635
 
59626
59636
  .e-small .e-multi-select-wrapper .e-chips-close {
59627
59637
  height: $ddl-small-chip-close-square;
59628
- width: $ddl-small-chip-close-square;
59638
+ width: $ddl-small-chip-close-width;
59629
59639
  }
59630
59640
 
59631
59641
  .e-small .e-multi-select-wrapper {
@@ -59694,7 +59704,10 @@ ejs-multiselect {
59694
59704
 
59695
59705
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
59696
59706
  height: $ddl-bigger-small-chip-close-square;
59697
- width: $ddl-bigger-small-chip-close-square;
59707
+ width: $ddl-bigger-small-chip-close-width;
59708
+ @if $ddl-multiselect-skin-name == 'bootstrap4' {
59709
+ margin: 3px 10px 10px 0;
59710
+ }
59698
59711
  }
59699
59712
 
59700
59713
  .e-bigger.e-small .e-multi-select-wrapper {
@@ -60917,6 +60930,10 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
60917
60930
  left: $ddl-chip-close-hooker-small-left;
60918
60931
  }
60919
60932
 
60933
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
60934
+ left: $ddl-chip-close-hooker-small-bigger-left;
60935
+ }
60936
+
60920
60937
  .e-small .e-multi-select-wrapper .e-down-icon .e-close-hooker::before {
60921
60938
  @if $ddl-multiselect-skin-name == 'FluentUI' {
60922
60939
  left: $ddl-small-down-icon-left;
@@ -77336,7 +77353,7 @@ $grid-dropitems-count-margin-left: -8px !default;
77336
77353
 
77337
77354
  #{&}.e-grid-min-height {
77338
77355
  .e-rowcell {
77339
- line-height: 0;
77356
+ line-height: normal;
77340
77357
  padding-bottom: 0;
77341
77358
  padding-top: 0;
77342
77359
  }
@@ -77419,7 +77436,7 @@ $grid-dropitems-count-margin-left: -8px !default;
77419
77436
  .e-rowcell,
77420
77437
  .e-rowcell:first-child,
77421
77438
  .e-rowcell:last-child {
77422
- line-height: 0;
77439
+ line-height: normal;
77423
77440
  padding-bottom: 0;
77424
77441
  padding-top: 0;
77425
77442
  }
@@ -104207,7 +104224,6 @@ $pivotpager-single-size-title-padding: 14px !default;
104207
104224
 
104208
104225
  .e-valuescontent {
104209
104226
  padding-right: 8px;
104210
- text-align: right;
104211
104227
  }
104212
104228
 
104213
104229
  .e-grid .e-rowcell {
@@ -105509,10 +105525,6 @@ $pivotpager-single-size-title-padding: 14px !default;
105509
105525
  margin-right: 7px;
105510
105526
  }
105511
105527
 
105512
- .e-valuescontent {
105513
- text-align: left;
105514
- }
105515
-
105516
105528
  .e-group-values,
105517
105529
  .e-group-columns,
105518
105530
  .e-group-filters,
@@ -1308,7 +1308,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1308
1308
 
1309
1309
  .e-valuescontent {
1310
1310
  padding-right: 8px;
1311
- text-align: right;
1312
1311
  }
1313
1312
 
1314
1313
  .e-grid .e-rowcell {
@@ -2610,10 +2609,6 @@ $pivotpager-single-size-title-padding: 8px !default;
2610
2609
  margin-right: 7px;
2611
2610
  }
2612
2611
 
2613
- .e-valuescontent {
2614
- text-align: left;
2615
- }
2616
-
2617
2612
  .e-group-values,
2618
2613
  .e-group-columns,
2619
2614
  .e-group-filters,
@@ -1305,7 +1305,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1305
1305
 
1306
1306
  .e-valuescontent {
1307
1307
  padding-right: 8px;
1308
- text-align: right;
1309
1308
  }
1310
1309
 
1311
1310
  .e-grid .e-rowcell {
@@ -2607,10 +2606,6 @@ $pivotpager-single-size-title-padding: 8px !default;
2607
2606
  margin-right: 7px;
2608
2607
  }
2609
2608
 
2610
- .e-valuescontent {
2611
- text-align: left;
2612
- }
2613
-
2614
2609
  .e-group-values,
2615
2610
  .e-group-columns,
2616
2611
  .e-group-filters,
@@ -1305,7 +1305,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1305
1305
 
1306
1306
  .e-valuescontent {
1307
1307
  padding-right: 8px;
1308
- text-align: right;
1309
1308
  }
1310
1309
 
1311
1310
  .e-grid .e-rowcell {
@@ -2607,10 +2606,6 @@ $pivotpager-single-size-title-padding: 8px !default;
2607
2606
  margin-right: 7px;
2608
2607
  }
2609
2608
 
2610
- .e-valuescontent {
2611
- text-align: left;
2612
- }
2613
-
2614
2609
  .e-group-values,
2615
2610
  .e-group-columns,
2616
2611
  .e-group-filters,
@@ -1310,7 +1310,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1310
1310
 
1311
1311
  .e-valuescontent {
1312
1312
  padding-right: 8px;
1313
- text-align: right;
1314
1313
  }
1315
1314
 
1316
1315
  .e-grid .e-rowcell {
@@ -2612,10 +2611,6 @@ $pivotpager-single-size-title-padding: 8px !default;
2612
2611
  margin-right: 7px;
2613
2612
  }
2614
2613
 
2615
- .e-valuescontent {
2616
- text-align: left;
2617
- }
2618
-
2619
2614
  .e-group-values,
2620
2615
  .e-group-columns,
2621
2616
  .e-group-filters,
@@ -1310,7 +1310,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1310
1310
 
1311
1311
  .e-valuescontent {
1312
1312
  padding-right: 8px;
1313
- text-align: right;
1314
1313
  }
1315
1314
 
1316
1315
  .e-grid .e-rowcell {
@@ -2612,10 +2611,6 @@ $pivotpager-single-size-title-padding: 8px !default;
2612
2611
  margin-right: 7px;
2613
2612
  }
2614
2613
 
2615
- .e-valuescontent {
2616
- text-align: left;
2617
- }
2618
-
2619
2614
  .e-group-values,
2620
2615
  .e-group-columns,
2621
2616
  .e-group-filters,
@@ -1307,7 +1307,6 @@ $pivotpager-single-size-title-padding: 4px !default;
1307
1307
 
1308
1308
  .e-valuescontent {
1309
1309
  padding-right: 8px;
1310
- text-align: right;
1311
1310
  }
1312
1311
 
1313
1312
  .e-grid .e-rowcell {
@@ -2609,10 +2608,6 @@ $pivotpager-single-size-title-padding: 4px !default;
2609
2608
  margin-right: 7px;
2610
2609
  }
2611
2610
 
2612
- .e-valuescontent {
2613
- text-align: left;
2614
- }
2615
-
2616
2611
  .e-group-values,
2617
2612
  .e-group-columns,
2618
2613
  .e-group-filters,
@@ -1304,7 +1304,6 @@ $pivotpager-single-size-title-padding: 4px !default;
1304
1304
 
1305
1305
  .e-valuescontent {
1306
1306
  padding-right: 8px;
1307
- text-align: right;
1308
1307
  }
1309
1308
 
1310
1309
  .e-grid .e-rowcell {
@@ -2606,10 +2605,6 @@ $pivotpager-single-size-title-padding: 4px !default;
2606
2605
  margin-right: 7px;
2607
2606
  }
2608
2607
 
2609
- .e-valuescontent {
2610
- text-align: left;
2611
- }
2612
-
2613
2608
  .e-group-values,
2614
2609
  .e-group-columns,
2615
2610
  .e-group-filters,
@@ -1310,7 +1310,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1310
1310
 
1311
1311
  .e-valuescontent {
1312
1312
  padding-right: 8px;
1313
- text-align: right;
1314
1313
  }
1315
1314
 
1316
1315
  .e-grid .e-rowcell {
@@ -2612,10 +2611,6 @@ $pivotpager-single-size-title-padding: 8px !default;
2612
2611
  margin-right: 7px;
2613
2612
  }
2614
2613
 
2615
- .e-valuescontent {
2616
- text-align: left;
2617
- }
2618
-
2619
2614
  .e-group-values,
2620
2615
  .e-group-columns,
2621
2616
  .e-group-filters,
@@ -1310,7 +1310,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1310
1310
 
1311
1311
  .e-valuescontent {
1312
1312
  padding-right: 8px;
1313
- text-align: right;
1314
1313
  }
1315
1314
 
1316
1315
  .e-grid .e-rowcell {
@@ -2612,10 +2611,6 @@ $pivotpager-single-size-title-padding: 8px !default;
2612
2611
  margin-right: 7px;
2613
2612
  }
2614
2613
 
2615
- .e-valuescontent {
2616
- text-align: left;
2617
- }
2618
-
2619
2614
  .e-group-values,
2620
2615
  .e-group-columns,
2621
2616
  .e-group-filters,
@@ -1303,7 +1303,6 @@ $pivotpager-single-size-title-padding: 4px !default;
1303
1303
 
1304
1304
  .e-valuescontent {
1305
1305
  padding-right: 8px;
1306
- text-align: right;
1307
1306
  }
1308
1307
 
1309
1308
  .e-grid .e-rowcell {
@@ -2605,10 +2604,6 @@ $pivotpager-single-size-title-padding: 4px !default;
2605
2604
  margin-right: 7px;
2606
2605
  }
2607
2606
 
2608
- .e-valuescontent {
2609
- text-align: left;
2610
- }
2611
-
2612
2607
  .e-group-values,
2613
2608
  .e-group-columns,
2614
2609
  .e-group-filters,
@@ -1311,7 +1311,6 @@ $pivotpager-single-size-title-padding: 14px !default;
1311
1311
 
1312
1312
  .e-valuescontent {
1313
1313
  padding-right: 8px;
1314
- text-align: right;
1315
1314
  }
1316
1315
 
1317
1316
  .e-grid .e-rowcell {
@@ -2613,10 +2612,6 @@ $pivotpager-single-size-title-padding: 14px !default;
2613
2612
  margin-right: 7px;
2614
2613
  }
2615
2614
 
2616
- .e-valuescontent {
2617
- text-align: left;
2618
- }
2619
-
2620
2615
  .e-group-values,
2621
2616
  .e-group-columns,
2622
2617
  .e-group-filters,
@@ -1307,7 +1307,6 @@ $pivotpager-single-size-title-padding: 14px !default;
1307
1307
 
1308
1308
  .e-valuescontent {
1309
1309
  padding-right: 8px;
1310
- text-align: right;
1311
1310
  }
1312
1311
 
1313
1312
  .e-grid .e-rowcell {
@@ -2609,10 +2608,6 @@ $pivotpager-single-size-title-padding: 14px !default;
2609
2608
  margin-right: 7px;
2610
2609
  }
2611
2610
 
2612
- .e-valuescontent {
2613
- text-align: left;
2614
- }
2615
-
2616
2611
  .e-group-values,
2617
2612
  .e-group-columns,
2618
2613
  .e-group-filters,
@@ -1310,7 +1310,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1310
1310
 
1311
1311
  .e-valuescontent {
1312
1312
  padding-right: 8px;
1313
- text-align: right;
1314
1313
  }
1315
1314
 
1316
1315
  .e-grid .e-rowcell {
@@ -2612,10 +2611,6 @@ $pivotpager-single-size-title-padding: 8px !default;
2612
2611
  margin-right: 7px;
2613
2612
  }
2614
2613
 
2615
- .e-valuescontent {
2616
- text-align: left;
2617
- }
2618
-
2619
2614
  .e-group-values,
2620
2615
  .e-group-columns,
2621
2616
  .e-group-filters,
@@ -1310,7 +1310,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1310
1310
 
1311
1311
  .e-valuescontent {
1312
1312
  padding-right: 8px;
1313
- text-align: right;
1314
1313
  }
1315
1314
 
1316
1315
  .e-grid .e-rowcell {
@@ -2612,10 +2611,6 @@ $pivotpager-single-size-title-padding: 8px !default;
2612
2611
  margin-right: 7px;
2613
2612
  }
2614
2613
 
2615
- .e-valuescontent {
2616
- text-align: left;
2617
- }
2618
-
2619
2614
  .e-group-values,
2620
2615
  .e-group-columns,
2621
2616
  .e-group-filters,