@syncfusion/blazor-themes 26.2.12 → 26.2.14

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 (41) hide show
  1. package/SCSS-Themes/bds-dark.scss +6 -3
  2. package/SCSS-Themes/bds.scss +6 -3
  3. package/SCSS-Themes/bootstrap-dark.scss +7 -4
  4. package/SCSS-Themes/bootstrap.scss +7 -4
  5. package/SCSS-Themes/bootstrap4.scss +7 -4
  6. package/SCSS-Themes/bootstrap5-dark.scss +7 -4
  7. package/SCSS-Themes/bootstrap5.scss +7 -4
  8. package/SCSS-Themes/fabric-dark.scss +7 -4
  9. package/SCSS-Themes/fabric.scss +7 -4
  10. package/SCSS-Themes/fluent-dark.scss +7 -4
  11. package/SCSS-Themes/fluent.scss +7 -4
  12. package/SCSS-Themes/fluent2-dark.scss +7 -4
  13. package/SCSS-Themes/fluent2.scss +7 -4
  14. package/SCSS-Themes/grids/grid/bds-dark.scss +6 -3
  15. package/SCSS-Themes/grids/grid/bds.scss +6 -3
  16. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +7 -4
  17. package/SCSS-Themes/grids/grid/bootstrap.scss +7 -4
  18. package/SCSS-Themes/grids/grid/bootstrap4.scss +7 -4
  19. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +7 -4
  20. package/SCSS-Themes/grids/grid/bootstrap5.scss +7 -4
  21. package/SCSS-Themes/grids/grid/fabric-dark.scss +7 -4
  22. package/SCSS-Themes/grids/grid/fabric.scss +7 -4
  23. package/SCSS-Themes/grids/grid/fluent-dark.scss +7 -4
  24. package/SCSS-Themes/grids/grid/fluent.scss +7 -4
  25. package/SCSS-Themes/grids/grid/fluent2-dark.scss +7 -4
  26. package/SCSS-Themes/grids/grid/fluent2.scss +7 -4
  27. package/SCSS-Themes/grids/grid/highcontrast.scss +7 -4
  28. package/SCSS-Themes/grids/grid/material-dark.scss +7 -4
  29. package/SCSS-Themes/grids/grid/material.scss +8 -5
  30. package/SCSS-Themes/grids/grid/material3-dark.scss +7 -4
  31. package/SCSS-Themes/grids/grid/material3.scss +7 -4
  32. package/SCSS-Themes/grids/grid/tailwind-dark.scss +7 -4
  33. package/SCSS-Themes/grids/grid/tailwind.scss +7 -4
  34. package/SCSS-Themes/highcontrast.scss +7 -4
  35. package/SCSS-Themes/material-dark.scss +7 -4
  36. package/SCSS-Themes/material.scss +8 -5
  37. package/SCSS-Themes/material3-dark.scss +7 -4
  38. package/SCSS-Themes/material3.scss +7 -4
  39. package/SCSS-Themes/tailwind-dark.scss +7 -4
  40. package/SCSS-Themes/tailwind.scss +7 -4
  41. package/package.json +1 -1
package/SCSS-Themes/bds-dark.scss CHANGED
@@ -76152,6 +76152,7 @@ $grid-res-toolbar-clear-icon-margin: 0 !default;
76152
76152
  $grid-res-toolbar-search-clear-icon-font-size: $text-base !default;
76153
76153
  $grid-res-toolbar-search-icon-font-size: 16px !default;
76154
76154
  $grid-res-toolbar-search-wrapper-padding: 3px 16px 3px 0 !default;
76155
+ $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
76155
76156
  $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
76156
76157
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
76157
76158
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
@@ -78020,18 +78021,17 @@ $grid-checkmark-color: $primary !default;
78020
78021
 
78021
78022
  & .e-toolbar-right:not(.e-responsive-right) {
78022
78023
  & .e-search-wrapper:not(.e-responsive-right) {
78023
- width: 40px;
78024
+ min-width: 40px;
78024
78025
  }
78025
78026
  }
78026
78027
 
78027
78028
  & .e-toolbar-right {
78028
78029
  & .e-search-wrapper {
78029
- width: 100%;
78030
78030
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
78031
-
78032
78031
  & .e-search-icon {
78033
78032
  font-size: $grid-res-toolbar-search-icon-font-size;
78034
78033
  margin-top: 0;
78034
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
78035
78035
  }
78036
78036
 
78037
78037
  & .e-input-group {
@@ -78056,6 +78056,9 @@ $grid-checkmark-color: $primary !default;
78056
78056
  }
78057
78057
  }
78058
78058
  }
78059
+ & .e-search-wrapper:has(.e-input-group) {
78060
+ width: 100%;
78061
+ }
78059
78062
  }
78060
78063
 
78061
78064
  & .e-responsive-right {
package/SCSS-Themes/bds.scss CHANGED
@@ -76412,6 +76412,7 @@ $grid-res-toolbar-clear-icon-margin: 0 !default;
76412
76412
  $grid-res-toolbar-search-clear-icon-font-size: $text-base !default;
76413
76413
  $grid-res-toolbar-search-icon-font-size: 16px !default;
76414
76414
  $grid-res-toolbar-search-wrapper-padding: 3px 16px 3px 0 !default;
76415
+ $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
76415
76416
  $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
76416
76417
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
76417
76418
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
@@ -78280,18 +78281,17 @@ $grid-checkmark-color: $primary !default;
78280
78281
 
78281
78282
  & .e-toolbar-right:not(.e-responsive-right) {
78282
78283
  & .e-search-wrapper:not(.e-responsive-right) {
78283
- width: 40px;
78284
+ min-width: 40px;
78284
78285
  }
78285
78286
  }
78286
78287
 
78287
78288
  & .e-toolbar-right {
78288
78289
  & .e-search-wrapper {
78289
- width: 100%;
78290
78290
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
78291
-
78292
78291
  & .e-search-icon {
78293
78292
  font-size: $grid-res-toolbar-search-icon-font-size;
78294
78293
  margin-top: 0;
78294
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
78295
78295
  }
78296
78296
 
78297
78297
  & .e-input-group {
@@ -78316,6 +78316,9 @@ $grid-checkmark-color: $primary !default;
78316
78316
  }
78317
78317
  }
78318
78318
  }
78319
+ & .e-search-wrapper:has(.e-input-group) {
78320
+ width: 100%;
78321
+ }
78319
78322
  }
78320
78323
 
78321
78324
  & .e-responsive-right {
package/SCSS-Themes/bootstrap-dark.scss CHANGED
@@ -74770,7 +74770,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
74770
74770
  $grid-res-toolbar-clear-icon-margin: 0 !default;
74771
74771
  $grid-res-toolbar-search-clear-icon-font-size: 17px !default;
74772
74772
  $grid-res-toolbar-search-icon-font-size: 18px !default;
74773
- $grid-res-toolbar-search-wrapper-padding: 5px 13px 5px 0 !default;
74773
+ $grid-res-toolbar-search-wrapper-padding: 2.5px 5px !default;
74774
+ $grid-res-toolbar-search-wrapper-icon-padding: 9px 11.5px !default;
74774
74775
  $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
74775
74776
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
74776
74777
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -76633,18 +76634,17 @@ $grid-checkmark-color: $grey-light-font !default;
76633
76634
 
76634
76635
  & .e-toolbar-right:not(.e-responsive-right) {
76635
76636
  & .e-search-wrapper:not(.e-responsive-right) {
76636
- width: 40px;
76637
+ min-width: 40px;
76637
76638
  }
76638
76639
  }
76639
76640
 
76640
76641
  & .e-toolbar-right {
76641
76642
  & .e-search-wrapper {
76642
- width: 100%;
76643
76643
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
76644
-
76645
76644
  & .e-search-icon {
76646
76645
  font-size: $grid-res-toolbar-search-icon-font-size;
76647
76646
  margin-top: 0;
76647
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
76648
76648
  }
76649
76649
 
76650
76650
  & .e-input-group {
@@ -76669,6 +76669,9 @@ $grid-checkmark-color: $grey-light-font !default;
76669
76669
  }
76670
76670
  }
76671
76671
  }
76672
+ & .e-search-wrapper:has(.e-input-group) {
76673
+ width: 100%;
76674
+ }
76672
76675
  }
76673
76676
 
76674
76677
  & .e-responsive-right {
package/SCSS-Themes/bootstrap.scss CHANGED
@@ -74524,7 +74524,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
74524
74524
  $grid-res-toolbar-clear-icon-margin: 0 !default;
74525
74525
  $grid-res-toolbar-search-clear-icon-font-size: 17px !default;
74526
74526
  $grid-res-toolbar-search-icon-font-size: 18px !default;
74527
- $grid-res-toolbar-search-wrapper-padding: 5px 18px 5px 0 !default;
74527
+ $grid-res-toolbar-search-wrapper-padding: 2.5px 5px !default;
74528
+ $grid-res-toolbar-search-wrapper-icon-padding: 9px 11.5px !default;
74528
74529
  $grid-res-toolbar-search-wrapper-padding-right: 18px !default;
74529
74530
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
74530
74531
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -76382,18 +76383,17 @@ $grid-checkmark-color: $grey !default;
76382
76383
 
76383
76384
  & .e-toolbar-right:not(.e-responsive-right) {
76384
76385
  & .e-search-wrapper:not(.e-responsive-right) {
76385
- width: 40px;
76386
+ min-width: 40px;
76386
76387
  }
76387
76388
  }
76388
76389
 
76389
76390
  & .e-toolbar-right {
76390
76391
  & .e-search-wrapper {
76391
- width: 100%;
76392
76392
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
76393
-
76394
76393
  & .e-search-icon {
76395
76394
  font-size: $grid-res-toolbar-search-icon-font-size;
76396
76395
  margin-top: 0;
76396
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
76397
76397
  }
76398
76398
 
76399
76399
  & .e-input-group {
@@ -76418,6 +76418,9 @@ $grid-checkmark-color: $grey !default;
76418
76418
  }
76419
76419
  }
76420
76420
  }
76421
+ & .e-search-wrapper:has(.e-input-group) {
76422
+ width: 100%;
76423
+ }
76421
76424
  }
76422
76425
 
76423
76426
  & .e-responsive-right {
package/SCSS-Themes/bootstrap4.scss CHANGED
@@ -74681,7 +74681,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
74681
74681
  $grid-res-toolbar-clear-icon-margin: 0 !default;
74682
74682
  $grid-res-toolbar-search-clear-icon-font-size: 18px !default;
74683
74683
  $grid-res-toolbar-search-icon-font-size: 18px !default;
74684
- $grid-res-toolbar-search-wrapper-padding: 5px 30px 5px 0 !default;
74684
+ $grid-res-toolbar-search-wrapper-padding: 6px 4.5px !default;
74685
+ $grid-res-toolbar-search-wrapper-icon-padding: 9px 8.5px !default;
74685
74686
  $grid-res-toolbar-search-wrapper-padding-right: 30px !default;
74686
74687
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
74687
74688
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -76544,18 +76545,17 @@ $grid-checkmark-color: $white !default;
76544
76545
 
76545
76546
  & .e-toolbar-right:not(.e-responsive-right) {
76546
76547
  & .e-search-wrapper:not(.e-responsive-right) {
76547
- width: 40px;
76548
+ min-width: 40px;
76548
76549
  }
76549
76550
  }
76550
76551
 
76551
76552
  & .e-toolbar-right {
76552
76553
  & .e-search-wrapper {
76553
- width: 100%;
76554
76554
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
76555
-
76556
76555
  & .e-search-icon {
76557
76556
  font-size: $grid-res-toolbar-search-icon-font-size;
76558
76557
  margin-top: 0;
76558
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
76559
76559
  }
76560
76560
 
76561
76561
  & .e-input-group {
@@ -76580,6 +76580,9 @@ $grid-checkmark-color: $white !default;
76580
76580
  }
76581
76581
  }
76582
76582
  }
76583
+ & .e-search-wrapper:has(.e-input-group) {
76584
+ width: 100%;
76585
+ }
76583
76586
  }
76584
76587
 
76585
76588
  & .e-responsive-right {
package/SCSS-Themes/bootstrap5-dark.scss CHANGED
@@ -75019,7 +75019,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
75019
75019
  $grid-res-toolbar-clear-icon-margin: 0 !default;
75020
75020
  $grid-res-toolbar-search-clear-icon-font-size: $text-base !default;
75021
75021
  $grid-res-toolbar-search-icon-font-size: 16px !default;
75022
- $grid-res-toolbar-search-wrapper-padding: 5px 25px 5px 0 !default;
75022
+ $grid-res-toolbar-search-wrapper-padding: 4px 10px 4px 4px !default;
75023
+ $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
75023
75024
  $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
75024
75025
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
75025
75026
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -76879,18 +76880,17 @@ $grid-checkmark-color: $primary-text-color !default;
76879
76880
 
76880
76881
  & .e-toolbar-right:not(.e-responsive-right) {
76881
76882
  & .e-search-wrapper:not(.e-responsive-right) {
76882
- width: 40px;
76883
+ min-width: 40px;
76883
76884
  }
76884
76885
  }
76885
76886
 
76886
76887
  & .e-toolbar-right {
76887
76888
  & .e-search-wrapper {
76888
- width: 100%;
76889
76889
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
76890
-
76891
76890
  & .e-search-icon {
76892
76891
  font-size: $grid-res-toolbar-search-icon-font-size;
76893
76892
  margin-top: 0;
76893
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
76894
76894
  }
76895
76895
 
76896
76896
  & .e-input-group {
@@ -76915,6 +76915,9 @@ $grid-checkmark-color: $primary-text-color !default;
76915
76915
  }
76916
76916
  }
76917
76917
  }
76918
+ & .e-search-wrapper:has(.e-input-group) {
76919
+ width: 100%;
76920
+ }
76918
76921
  }
76919
76922
 
76920
76923
  & .e-responsive-right {
package/SCSS-Themes/bootstrap5.scss CHANGED
@@ -75018,7 +75018,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
75018
75018
  $grid-res-toolbar-clear-icon-margin: 0 !default;
75019
75019
  $grid-res-toolbar-search-clear-icon-font-size: $text-base !default;
75020
75020
  $grid-res-toolbar-search-icon-font-size: 16px !default;
75021
- $grid-res-toolbar-search-wrapper-padding: 5px 25px 5px 0 !default;
75021
+ $grid-res-toolbar-search-wrapper-padding: 4px 10px 4px 4px !default;
75022
+ $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
75022
75023
  $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
75023
75024
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
75024
75025
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -76878,18 +76879,17 @@ $grid-checkmark-color: $primary-text-color !default;
76878
76879
 
76879
76880
  & .e-toolbar-right:not(.e-responsive-right) {
76880
76881
  & .e-search-wrapper:not(.e-responsive-right) {
76881
- width: 40px;
76882
+ min-width: 40px;
76882
76883
  }
76883
76884
  }
76884
76885
 
76885
76886
  & .e-toolbar-right {
76886
76887
  & .e-search-wrapper {
76887
- width: 100%;
76888
76888
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
76889
-
76890
76889
  & .e-search-icon {
76891
76890
  font-size: $grid-res-toolbar-search-icon-font-size;
76892
76891
  margin-top: 0;
76892
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
76893
76893
  }
76894
76894
 
76895
76895
  & .e-input-group {
@@ -76914,6 +76914,9 @@ $grid-checkmark-color: $primary-text-color !default;
76914
76914
  }
76915
76915
  }
76916
76916
  }
76917
+ & .e-search-wrapper:has(.e-input-group) {
76918
+ width: 100%;
76919
+ }
76917
76920
  }
76918
76921
 
76919
76922
  & .e-responsive-right {
package/SCSS-Themes/fabric-dark.scss CHANGED
@@ -74615,7 +74615,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
74615
74615
  $grid-res-toolbar-clear-icon-margin: 0 !default;
74616
74616
  $grid-res-toolbar-search-clear-icon-font-size: 17px !default;
74617
74617
  $grid-res-toolbar-search-icon-font-size: 18px !default;
74618
- $grid-res-toolbar-search-wrapper-padding: 0 1.5px !default;
74618
+ $grid-res-toolbar-search-wrapper-padding: 0 6.5px !default;
74619
+ $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
74619
74620
  $grid-res-toolbar-search-wrapper-padding-right: 1.5px !default;
74620
74621
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
74621
74622
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
@@ -76511,18 +76512,17 @@ $grid-checkmark-color: $theme-dark-font !default;
76511
76512
 
76512
76513
  & .e-toolbar-right:not(.e-responsive-right) {
76513
76514
  & .e-search-wrapper:not(.e-responsive-right) {
76514
- width: 40px;
76515
+ min-width: 40px;
76515
76516
  }
76516
76517
  }
76517
76518
 
76518
76519
  & .e-toolbar-right {
76519
76520
  & .e-search-wrapper {
76520
- width: 100%;
76521
76521
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
76522
-
76523
76522
  & .e-search-icon {
76524
76523
  font-size: $grid-res-toolbar-search-icon-font-size;
76525
76524
  margin-top: 0;
76525
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
76526
76526
  }
76527
76527
 
76528
76528
  & .e-input-group {
@@ -76547,6 +76547,9 @@ $grid-checkmark-color: $theme-dark-font !default;
76547
76547
  }
76548
76548
  }
76549
76549
  }
76550
+ & .e-search-wrapper:has(.e-input-group) {
76551
+ width: 100%;
76552
+ }
76550
76553
  }
76551
76554
 
76552
76555
  & .e-responsive-right {
package/SCSS-Themes/fabric.scss CHANGED
@@ -74392,7 +74392,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
74392
74392
  $grid-res-toolbar-clear-icon-margin: 0 !default;
74393
74393
  $grid-res-toolbar-search-clear-icon-font-size: 17px !default;
74394
74394
  $grid-res-toolbar-search-icon-font-size: 18px !default;
74395
- $grid-res-toolbar-search-wrapper-padding: 0 1.5px !default;
74395
+ $grid-res-toolbar-search-wrapper-padding: 0 6.5px !default;
74396
+ $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
74396
74397
  $grid-res-toolbar-search-wrapper-padding-right: 1.5px !default;
74397
74398
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
74398
74399
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
@@ -76283,18 +76284,17 @@ $grid-checkmark-color: $theme-primary-font !default;
76283
76284
 
76284
76285
  & .e-toolbar-right:not(.e-responsive-right) {
76285
76286
  & .e-search-wrapper:not(.e-responsive-right) {
76286
- width: 40px;
76287
+ min-width: 40px;
76287
76288
  }
76288
76289
  }
76289
76290
 
76290
76291
  & .e-toolbar-right {
76291
76292
  & .e-search-wrapper {
76292
- width: 100%;
76293
76293
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
76294
-
76295
76294
  & .e-search-icon {
76296
76295
  font-size: $grid-res-toolbar-search-icon-font-size;
76297
76296
  margin-top: 0;
76297
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
76298
76298
  }
76299
76299
 
76300
76300
  & .e-input-group {
@@ -76319,6 +76319,9 @@ $grid-checkmark-color: $theme-primary-font !default;
76319
76319
  }
76320
76320
  }
76321
76321
  }
76322
+ & .e-search-wrapper:has(.e-input-group) {
76323
+ width: 100%;
76324
+ }
76322
76325
  }
76323
76326
 
76324
76327
  & .e-responsive-right {
package/SCSS-Themes/fluent-dark.scss CHANGED
@@ -75192,7 +75192,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
75192
75192
  $grid-res-toolbar-clear-icon-margin: 0 !default;
75193
75193
  $grid-res-toolbar-search-clear-icon-font-size: $font-icon-17 !default;
75194
75194
  $grid-res-toolbar-search-icon-font-size: 18px !default;
75195
- $grid-res-toolbar-search-wrapper-padding: 2px 18px 5px 0 !default;
75195
+ $grid-res-toolbar-search-wrapper-padding: 2px !default;
75196
+ $grid-res-toolbar-search-wrapper-icon-padding: 13px !default;
75196
75197
  $grid-res-toolbar-search-wrapper-padding-right: 8px !default;
75197
75198
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
75198
75199
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -77004,18 +77005,17 @@ $grid-checkmark-color: $primary-text-color !default;
77004
77005
 
77005
77006
  & .e-toolbar-right:not(.e-responsive-right) {
77006
77007
  & .e-search-wrapper:not(.e-responsive-right) {
77007
- width: 40px;
77008
+ min-width: 40px;
77008
77009
  }
77009
77010
  }
77010
77011
 
77011
77012
  & .e-toolbar-right {
77012
77013
  & .e-search-wrapper {
77013
- width: 100%;
77014
77014
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
77015
-
77016
77015
  & .e-search-icon {
77017
77016
  font-size: $grid-res-toolbar-search-icon-font-size;
77018
77017
  margin-top: 0;
77018
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
77019
77019
  }
77020
77020
 
77021
77021
  & .e-input-group {
@@ -77040,6 +77040,9 @@ $grid-checkmark-color: $primary-text-color !default;
77040
77040
  }
77041
77041
  }
77042
77042
  }
77043
+ & .e-search-wrapper:has(.e-input-group) {
77044
+ width: 100%;
77045
+ }
77043
77046
  }
77044
77047
 
77045
77048
  & .e-responsive-right {
package/SCSS-Themes/fluent.scss CHANGED
@@ -75192,7 +75192,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
75192
75192
  $grid-res-toolbar-clear-icon-margin: 0 !default;
75193
75193
  $grid-res-toolbar-search-clear-icon-font-size: $font-icon-17 !default;
75194
75194
  $grid-res-toolbar-search-icon-font-size: 18px !default;
75195
- $grid-res-toolbar-search-wrapper-padding: 2px 18px 5px 0 !default;
75195
+ $grid-res-toolbar-search-wrapper-padding: 2px !default;
75196
+ $grid-res-toolbar-search-wrapper-icon-padding: 13px !default;
75196
75197
  $grid-res-toolbar-search-wrapper-padding-right: 8px !default;
75197
75198
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
75198
75199
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -77004,18 +77005,17 @@ $grid-checkmark-color: $primary-text-color !default;
77004
77005
 
77005
77006
  & .e-toolbar-right:not(.e-responsive-right) {
77006
77007
  & .e-search-wrapper:not(.e-responsive-right) {
77007
- width: 40px;
77008
+ min-width: 40px;
77008
77009
  }
77009
77010
  }
77010
77011
 
77011
77012
  & .e-toolbar-right {
77012
77013
  & .e-search-wrapper {
77013
- width: 100%;
77014
77014
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
77015
-
77016
77015
  & .e-search-icon {
77017
77016
  font-size: $grid-res-toolbar-search-icon-font-size;
77018
77017
  margin-top: 0;
77018
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
77019
77019
  }
77020
77020
 
77021
77021
  & .e-input-group {
@@ -77040,6 +77040,9 @@ $grid-checkmark-color: $primary-text-color !default;
77040
77040
  }
77041
77041
  }
77042
77042
  }
77043
+ & .e-search-wrapper:has(.e-input-group) {
77044
+ width: 100%;
77045
+ }
77043
77046
  }
77044
77047
 
77045
77048
  & .e-responsive-right {
package/SCSS-Themes/fluent2-dark.scss CHANGED
@@ -77341,7 +77341,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
77341
77341
  $grid-res-toolbar-clear-icon-margin: 0 !default;
77342
77342
  $grid-res-toolbar-search-clear-icon-font-size: $text-base !default;
77343
77343
  $grid-res-toolbar-search-icon-font-size: 18px !default;
77344
- $grid-res-toolbar-search-wrapper-padding: 5px 25px 5px -1px !default;
77344
+ $grid-res-toolbar-search-wrapper-padding: 4px !default;
77345
+ $grid-res-toolbar-search-wrapper-icon-padding: 7px !default;
77345
77346
  $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
77346
77347
  $grid-res-toolbar-search-icon-padding-left: 10px !default;
77347
77348
  $grid-toolbar-search-wrapper-padding-bottom: 2px !default;
@@ -79212,18 +79213,17 @@ $grid-checkmark-color: $primary-text-color !default;
79212
79213
 
79213
79214
  & .e-toolbar-right:not(.e-responsive-right) {
79214
79215
  & .e-search-wrapper:not(.e-responsive-right) {
79215
- width: 40px;
79216
+ min-width: 40px;
79216
79217
  }
79217
79218
  }
79218
79219
 
79219
79220
  & .e-toolbar-right {
79220
79221
  & .e-search-wrapper {
79221
- width: 100%;
79222
79222
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
79223
-
79224
79223
  & .e-search-icon {
79225
79224
  font-size: $grid-res-toolbar-search-icon-font-size;
79226
79225
  margin-top: 0;
79226
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
79227
79227
  }
79228
79228
 
79229
79229
  & .e-input-group {
@@ -79248,6 +79248,9 @@ $grid-checkmark-color: $primary-text-color !default;
79248
79248
  }
79249
79249
  }
79250
79250
  }
79251
+ & .e-search-wrapper:has(.e-input-group) {
79252
+ width: 100%;
79253
+ }
79251
79254
  }
79252
79255
 
79253
79256
  & .e-responsive-right {
package/SCSS-Themes/fluent2.scss CHANGED
@@ -78101,7 +78101,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
78101
78101
  $grid-res-toolbar-clear-icon-margin: 0 !default;
78102
78102
  $grid-res-toolbar-search-clear-icon-font-size: $text-base !default;
78103
78103
  $grid-res-toolbar-search-icon-font-size: 18px !default;
78104
- $grid-res-toolbar-search-wrapper-padding: 5px 25px 5px -1px !default;
78104
+ $grid-res-toolbar-search-wrapper-padding: 4px !default;
78105
+ $grid-res-toolbar-search-wrapper-icon-padding: 7px !default;
78105
78106
  $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
78106
78107
  $grid-res-toolbar-search-icon-padding-left: 10px !default;
78107
78108
  $grid-toolbar-search-wrapper-padding-bottom: 2px !default;
@@ -79972,18 +79973,17 @@ $grid-checkmark-color: $primary-text-color !default;
79972
79973
 
79973
79974
  & .e-toolbar-right:not(.e-responsive-right) {
79974
79975
  & .e-search-wrapper:not(.e-responsive-right) {
79975
- width: 40px;
79976
+ min-width: 40px;
79976
79977
  }
79977
79978
  }
79978
79979
 
79979
79980
  & .e-toolbar-right {
79980
79981
  & .e-search-wrapper {
79981
- width: 100%;
79982
79982
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
79983
-
79984
79983
  & .e-search-icon {
79985
79984
  font-size: $grid-res-toolbar-search-icon-font-size;
79986
79985
  margin-top: 0;
79986
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
79987
79987
  }
79988
79988
 
79989
79989
  & .e-input-group {
@@ -80008,6 +80008,9 @@ $grid-checkmark-color: $primary-text-color !default;
80008
80008
  }
80009
80009
  }
80010
80010
  }
80011
+ & .e-search-wrapper:has(.e-input-group) {
80012
+ width: 100%;
80013
+ }
80011
80014
  }
80012
80015
 
80013
80016
  & .e-responsive-right {
package/SCSS-Themes/grids/grid/bds-dark.scss CHANGED
@@ -246,6 +246,7 @@ $grid-res-toolbar-clear-icon-margin: 0 !default;
246
246
  $grid-res-toolbar-search-clear-icon-font-size: $text-base !default;
247
247
  $grid-res-toolbar-search-icon-font-size: 16px !default;
248
248
  $grid-res-toolbar-search-wrapper-padding: 3px 16px 3px 0 !default;
249
+ $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
249
250
  $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
250
251
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
251
252
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
@@ -2114,18 +2115,17 @@ $grid-checkmark-color: $primary !default;
2114
2115
 
2115
2116
  & .e-toolbar-right:not(.e-responsive-right) {
2116
2117
  & .e-search-wrapper:not(.e-responsive-right) {
2117
- width: 40px;
2118
+ min-width: 40px;
2118
2119
  }
2119
2120
  }
2120
2121
 
2121
2122
  & .e-toolbar-right {
2122
2123
  & .e-search-wrapper {
2123
- width: 100%;
2124
2124
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
2125
-
2126
2125
  & .e-search-icon {
2127
2126
  font-size: $grid-res-toolbar-search-icon-font-size;
2128
2127
  margin-top: 0;
2128
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
2129
2129
  }
2130
2130
 
2131
2131
  & .e-input-group {
@@ -2150,6 +2150,9 @@ $grid-checkmark-color: $primary !default;
2150
2150
  }
2151
2151
  }
2152
2152
  }
2153
+ & .e-search-wrapper:has(.e-input-group) {
2154
+ width: 100%;
2155
+ }
2153
2156
  }
2154
2157
 
2155
2158
  & .e-responsive-right {
package/SCSS-Themes/grids/grid/bds.scss CHANGED
@@ -246,6 +246,7 @@ $grid-res-toolbar-clear-icon-margin: 0 !default;
246
246
  $grid-res-toolbar-search-clear-icon-font-size: $text-base !default;
247
247
  $grid-res-toolbar-search-icon-font-size: 16px !default;
248
248
  $grid-res-toolbar-search-wrapper-padding: 3px 16px 3px 0 !default;
249
+ $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
249
250
  $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
250
251
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
251
252
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
@@ -2114,18 +2115,17 @@ $grid-checkmark-color: $primary !default;
2114
2115
 
2115
2116
  & .e-toolbar-right:not(.e-responsive-right) {
2116
2117
  & .e-search-wrapper:not(.e-responsive-right) {
2117
- width: 40px;
2118
+ min-width: 40px;
2118
2119
  }
2119
2120
  }
2120
2121
 
2121
2122
  & .e-toolbar-right {
2122
2123
  & .e-search-wrapper {
2123
- width: 100%;
2124
2124
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
2125
-
2126
2125
  & .e-search-icon {
2127
2126
  font-size: $grid-res-toolbar-search-icon-font-size;
2128
2127
  margin-top: 0;
2128
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
2129
2129
  }
2130
2130
 
2131
2131
  & .e-input-group {
@@ -2150,6 +2150,9 @@ $grid-checkmark-color: $primary !default;
2150
2150
  }
2151
2151
  }
2152
2152
  }
2153
+ & .e-search-wrapper:has(.e-input-group) {
2154
+ width: 100%;
2155
+ }
2153
2156
  }
2154
2157
 
2155
2158
  & .e-responsive-right {
package/SCSS-Themes/grids/grid/bootstrap-dark.scss CHANGED
@@ -240,7 +240,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
240
240
  $grid-res-toolbar-clear-icon-margin: 0 !default;
241
241
  $grid-res-toolbar-search-clear-icon-font-size: 17px !default;
242
242
  $grid-res-toolbar-search-icon-font-size: 18px !default;
243
- $grid-res-toolbar-search-wrapper-padding: 5px 13px 5px 0 !default;
243
+ $grid-res-toolbar-search-wrapper-padding: 2.5px 5px !default;
244
+ $grid-res-toolbar-search-wrapper-icon-padding: 9px 11.5px !default;
244
245
  $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
245
246
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
246
247
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -2103,18 +2104,17 @@ $grid-checkmark-color: $grey-light-font !default;
2103
2104
 
2104
2105
  & .e-toolbar-right:not(.e-responsive-right) {
2105
2106
  & .e-search-wrapper:not(.e-responsive-right) {
2106
- width: 40px;
2107
+ min-width: 40px;
2107
2108
  }
2108
2109
  }
2109
2110
 
2110
2111
  & .e-toolbar-right {
2111
2112
  & .e-search-wrapper {
2112
- width: 100%;
2113
2113
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
2114
-
2115
2114
  & .e-search-icon {
2116
2115
  font-size: $grid-res-toolbar-search-icon-font-size;
2117
2116
  margin-top: 0;
2117
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
2118
2118
  }
2119
2119
 
2120
2120
  & .e-input-group {
@@ -2139,6 +2139,9 @@ $grid-checkmark-color: $grey-light-font !default;
2139
2139
  }
2140
2140
  }
2141
2141
  }
2142
+ & .e-search-wrapper:has(.e-input-group) {
2143
+ width: 100%;
2144
+ }
2142
2145
  }
2143
2146
 
2144
2147
  & .e-responsive-right {