@syncfusion/blazor-themes 26.2.11 → 26.2.13

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/grids/grid/tailwind.scss CHANGED
@@ -245,7 +245,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
245
245
  $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
- $grid-res-toolbar-search-wrapper-padding: 3px 16px 3px 0 !default;
248
+ $grid-res-toolbar-search-wrapper-padding: 4px 6px !default;
249
+ $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
249
250
  $grid-res-toolbar-search-wrapper-padding-right: 6px !default;
250
251
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
251
252
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
@@ -2109,18 +2110,17 @@ $grid-checkmark-color: $primary-text-color !default;
2109
2110
 
2110
2111
  & .e-toolbar-right:not(.e-responsive-right) {
2111
2112
  & .e-search-wrapper:not(.e-responsive-right) {
2112
- width: 40px;
2113
+ min-width: 40px;
2113
2114
  }
2114
2115
  }
2115
2116
 
2116
2117
  & .e-toolbar-right {
2117
2118
  & .e-search-wrapper {
2118
- width: 100%;
2119
2119
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
2120
-
2121
2120
  & .e-search-icon {
2122
2121
  font-size: $grid-res-toolbar-search-icon-font-size;
2123
2122
  margin-top: 0;
2123
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
2124
2124
  }
2125
2125
 
2126
2126
  & .e-input-group {
@@ -2145,6 +2145,9 @@ $grid-checkmark-color: $primary-text-color !default;
2145
2145
  }
2146
2146
  }
2147
2147
  }
2148
+ & .e-search-wrapper:has(.e-input-group) {
2149
+ width: 100%;
2150
+ }
2148
2151
  }
2149
2152
 
2150
2153
  & .e-responsive-right {
package/SCSS-Themes/highcontrast.scss CHANGED
@@ -74868,7 +74868,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
74868
74868
  $grid-res-toolbar-clear-icon-margin: 0 !default;
74869
74869
  $grid-res-toolbar-search-clear-icon-font-size: 17px !default;
74870
74870
  $grid-res-toolbar-search-icon-font-size: 18px !default;
74871
- $grid-res-toolbar-search-wrapper-padding: 0 1.5px !default;
74871
+ $grid-res-toolbar-search-wrapper-padding: 0 11px 0 2px !default;
74872
+ $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
74872
74873
  $grid-res-toolbar-search-wrapper-padding-right: 1.5px !default;
74873
74874
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
74874
74875
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -76531,18 +76532,17 @@ $grid-checkmark-color: $selection-font !default;
76531
76532
 
76532
76533
  & .e-toolbar-right:not(.e-responsive-right) {
76533
76534
  & .e-search-wrapper:not(.e-responsive-right) {
76534
- width: 40px;
76535
+ min-width: 40px;
76535
76536
  }
76536
76537
  }
76537
76538
 
76538
76539
  & .e-toolbar-right {
76539
76540
  & .e-search-wrapper {
76540
- width: 100%;
76541
76541
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
76542
-
76543
76542
  & .e-search-icon {
76544
76543
  font-size: $grid-res-toolbar-search-icon-font-size;
76545
76544
  margin-top: 0;
76545
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
76546
76546
  }
76547
76547
 
76548
76548
  & .e-input-group {
@@ -76567,6 +76567,9 @@ $grid-checkmark-color: $selection-font !default;
76567
76567
  }
76568
76568
  }
76569
76569
  }
76570
+ & .e-search-wrapper:has(.e-input-group) {
76571
+ width: 100%;
76572
+ }
76570
76573
  }
76571
76574
 
76572
76575
  & .e-responsive-right {
package/SCSS-Themes/material-dark.scss CHANGED
@@ -76150,7 +76150,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
76150
76150
  $grid-res-toolbar-clear-icon-margin: 10px 14px 5px 0 !default;
76151
76151
  $grid-res-toolbar-search-clear-icon-font-size: 18px !default;
76152
76152
  $grid-res-toolbar-search-icon-font-size: 18px !default;
76153
- $grid-res-toolbar-search-wrapper-padding: 5px !default;
76153
+ $grid-res-toolbar-search-wrapper-padding: 5px 6px !default;
76154
+ $grid-res-toolbar-search-wrapper-icon-padding: 6px 9px !default;
76154
76155
  $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
76155
76156
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
76156
76157
  $grid-bigger-toolbar-search-icon-min-width: 20px !default;
@@ -77809,18 +77810,17 @@ $grid-checkmark-color: $accent-font !default;
77809
77810
 
77810
77811
  & .e-toolbar-right:not(.e-responsive-right) {
77811
77812
  & .e-search-wrapper:not(.e-responsive-right) {
77812
- width: 40px;
77813
+ min-width: 40px;
77813
77814
  }
77814
77815
  }
77815
77816
 
77816
77817
  & .e-toolbar-right {
77817
77818
  & .e-search-wrapper {
77818
- width: 100%;
77819
77819
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
77820
-
77821
77820
  & .e-search-icon {
77822
77821
  font-size: $grid-res-toolbar-search-icon-font-size;
77823
77822
  margin-top: 0;
77823
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
77824
77824
  }
77825
77825
 
77826
77826
  & .e-input-group {
@@ -77845,6 +77845,9 @@ $grid-checkmark-color: $accent-font !default;
77845
77845
  }
77846
77846
  }
77847
77847
  }
77848
+ & .e-search-wrapper:has(.e-input-group) {
77849
+ width: 100%;
77850
+ }
77848
77851
  }
77849
77852
 
77850
77853
  & .e-responsive-right {
package/SCSS-Themes/material.scss CHANGED
@@ -75922,7 +75922,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
75922
75922
  $grid-res-toolbar-clear-icon-margin: 13px 14px 5px 0 !default;
75923
75923
  $grid-res-toolbar-search-clear-icon-font-size: 17px !default;
75924
75924
  $grid-res-toolbar-search-icon-font-size: 18px !default;
75925
- $grid-res-toolbar-search-wrapper-padding: 5px !default;
75925
+ $grid-res-toolbar-search-wrapper-padding: 5px 6px !default;
75926
+ $grid-res-toolbar-search-wrapper-icon-padding: 6px 9px !default;
75926
75927
  $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
75927
75928
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
75928
75929
  $grid-bigger-toolbar-search-icon-min-width: 20px !default;
@@ -76025,7 +76026,7 @@ $grid-responsive-custom-header-btn-color: $grid-filtered-color !default;
76025
76026
  $grid-responsive-custom-header-right-margin: 6px 4px 6px 4px !default;
76026
76027
  $grid-responsive-filter-clear-font: 18px !default;
76027
76028
  $grid-responsive-search-icon-margin: 14px !default;
76028
- $grid-responsive-search-padding-right: 0 !default;
76029
+ $grid-responsive-search-padding-right: 10px !default;
76029
76030
  $grid-responsive-search-icon-right: 9px !default;
76030
76031
  $grid-responsive-search-padding-left: 18px !default;
76031
76032
  $grid-responsive-header-background: $grey-white !default;
@@ -77560,18 +77561,17 @@ $grid-checkmark-color: $accent-font !default;
77560
77561
 
77561
77562
  & .e-toolbar-right:not(.e-responsive-right) {
77562
77563
  & .e-search-wrapper:not(.e-responsive-right) {
77563
- width: 40px;
77564
+ min-width: 40px;
77564
77565
  }
77565
77566
  }
77566
77567
 
77567
77568
  & .e-toolbar-right {
77568
77569
  & .e-search-wrapper {
77569
- width: 100%;
77570
77570
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
77571
-
77572
77571
  & .e-search-icon {
77573
77572
  font-size: $grid-res-toolbar-search-icon-font-size;
77574
77573
  margin-top: 0;
77574
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
77575
77575
  }
77576
77576
 
77577
77577
  & .e-input-group {
@@ -77596,6 +77596,9 @@ $grid-checkmark-color: $accent-font !default;
77596
77596
  }
77597
77597
  }
77598
77598
  }
77599
+ & .e-search-wrapper:has(.e-input-group) {
77600
+ width: 100%;
77601
+ }
77599
77602
  }
77600
77603
 
77601
77604
  & .e-responsive-right {
package/SCSS-Themes/material3-dark.scss CHANGED
@@ -75771,7 +75771,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
75771
75771
  $grid-res-toolbar-clear-icon-margin: 0 10px 0 0 !default;
75772
75772
  $grid-res-toolbar-search-clear-icon-font-size: 18px !default;
75773
75773
  $grid-res-toolbar-search-icon-font-size: 20px !default;
75774
- $grid-res-toolbar-search-wrapper-padding: 5px !default;
75774
+ $grid-res-toolbar-search-wrapper-padding: 8px 4px !default;
75775
+ $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
75775
75776
  $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
75776
75777
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
75777
75778
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
@@ -77632,18 +77633,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
77632
77633
 
77633
77634
  & .e-toolbar-right:not(.e-responsive-right) {
77634
77635
  & .e-search-wrapper:not(.e-responsive-right) {
77635
- width: 40px;
77636
+ min-width: 40px;
77636
77637
  }
77637
77638
  }
77638
77639
 
77639
77640
  & .e-toolbar-right {
77640
77641
  & .e-search-wrapper {
77641
- width: 100%;
77642
77642
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
77643
-
77644
77643
  & .e-search-icon {
77645
77644
  font-size: $grid-res-toolbar-search-icon-font-size;
77646
77645
  margin-top: 0;
77646
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
77647
77647
  }
77648
77648
 
77649
77649
  & .e-input-group {
@@ -77668,6 +77668,9 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
77668
77668
  }
77669
77669
  }
77670
77670
  }
77671
+ & .e-search-wrapper:has(.e-input-group) {
77672
+ width: 100%;
77673
+ }
77671
77674
  }
77672
77675
 
77673
77676
  & .e-responsive-right {
package/SCSS-Themes/material3.scss CHANGED
@@ -75841,7 +75841,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
75841
75841
  $grid-res-toolbar-clear-icon-margin: 0 10px 0 0 !default;
75842
75842
  $grid-res-toolbar-search-clear-icon-font-size: 18px !default;
75843
75843
  $grid-res-toolbar-search-icon-font-size: 20px !default;
75844
- $grid-res-toolbar-search-wrapper-padding: 5px !default;
75844
+ $grid-res-toolbar-search-wrapper-padding: 8px 4px !default;
75845
+ $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
75845
75846
  $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
75846
75847
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
75847
75848
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
@@ -77702,18 +77703,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
77702
77703
 
77703
77704
  & .e-toolbar-right:not(.e-responsive-right) {
77704
77705
  & .e-search-wrapper:not(.e-responsive-right) {
77705
- width: 40px;
77706
+ min-width: 40px;
77706
77707
  }
77707
77708
  }
77708
77709
 
77709
77710
  & .e-toolbar-right {
77710
77711
  & .e-search-wrapper {
77711
- width: 100%;
77712
77712
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
77713
-
77714
77713
  & .e-search-icon {
77715
77714
  font-size: $grid-res-toolbar-search-icon-font-size;
77716
77715
  margin-top: 0;
77716
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
77717
77717
  }
77718
77718
 
77719
77719
  & .e-input-group {
@@ -77738,6 +77738,9 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
77738
77738
  }
77739
77739
  }
77740
77740
  }
77741
+ & .e-search-wrapper:has(.e-input-group) {
77742
+ width: 100%;
77743
+ }
77741
77744
  }
77742
77745
 
77743
77746
  & .e-responsive-right {
package/SCSS-Themes/tailwind-dark.scss CHANGED
@@ -74913,7 +74913,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
74913
74913
  $grid-res-toolbar-clear-icon-margin: 0 !default;
74914
74914
  $grid-res-toolbar-search-clear-icon-font-size: $text-base !default;
74915
74915
  $grid-res-toolbar-search-icon-font-size: 16px !default;
74916
- $grid-res-toolbar-search-wrapper-padding: 3px 16px 3px 0 !default;
74916
+ $grid-res-toolbar-search-wrapper-padding: 4px 6px !default;
74917
+ $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
74917
74918
  $grid-res-toolbar-search-wrapper-padding-right: 6px !default;
74918
74919
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
74919
74920
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
@@ -76777,18 +76778,17 @@ $grid-checkmark-color: $primary-text-color !default;
76777
76778
 
76778
76779
  & .e-toolbar-right:not(.e-responsive-right) {
76779
76780
  & .e-search-wrapper:not(.e-responsive-right) {
76780
- width: 40px;
76781
+ min-width: 40px;
76781
76782
  }
76782
76783
  }
76783
76784
 
76784
76785
  & .e-toolbar-right {
76785
76786
  & .e-search-wrapper {
76786
- width: 100%;
76787
76787
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
76788
-
76789
76788
  & .e-search-icon {
76790
76789
  font-size: $grid-res-toolbar-search-icon-font-size;
76791
76790
  margin-top: 0;
76791
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
76792
76792
  }
76793
76793
 
76794
76794
  & .e-input-group {
@@ -76813,6 +76813,9 @@ $grid-checkmark-color: $primary-text-color !default;
76813
76813
  }
76814
76814
  }
76815
76815
  }
76816
+ & .e-search-wrapper:has(.e-input-group) {
76817
+ width: 100%;
76818
+ }
76816
76819
  }
76817
76820
 
76818
76821
  & .e-responsive-right {
package/SCSS-Themes/tailwind.scss CHANGED
@@ -74911,7 +74911,8 @@ $grid-res-toolbar-clear-icon-width: 100% !default;
74911
74911
  $grid-res-toolbar-clear-icon-margin: 0 !default;
74912
74912
  $grid-res-toolbar-search-clear-icon-font-size: $text-base !default;
74913
74913
  $grid-res-toolbar-search-icon-font-size: 16px !default;
74914
- $grid-res-toolbar-search-wrapper-padding: 3px 16px 3px 0 !default;
74914
+ $grid-res-toolbar-search-wrapper-padding: 4px 6px !default;
74915
+ $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
74915
74916
  $grid-res-toolbar-search-wrapper-padding-right: 6px !default;
74916
74917
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
74917
74918
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
@@ -76775,18 +76776,17 @@ $grid-checkmark-color: $primary-text-color !default;
76775
76776
 
76776
76777
  & .e-toolbar-right:not(.e-responsive-right) {
76777
76778
  & .e-search-wrapper:not(.e-responsive-right) {
76778
- width: 40px;
76779
+ min-width: 40px;
76779
76780
  }
76780
76781
  }
76781
76782
 
76782
76783
  & .e-toolbar-right {
76783
76784
  & .e-search-wrapper {
76784
- width: 100%;
76785
76785
  @include grid-padding-left-right($grid-responsive-search-padding-left, $grid-responsive-search-padding-right);
76786
-
76787
76786
  & .e-search-icon {
76788
76787
  font-size: $grid-res-toolbar-search-icon-font-size;
76789
76788
  margin-top: 0;
76789
+ padding: $grid-res-toolbar-search-wrapper-icon-padding;
76790
76790
  }
76791
76791
 
76792
76792
  & .e-input-group {
@@ -76811,6 +76811,9 @@ $grid-checkmark-color: $primary-text-color !default;
76811
76811
  }
76812
76812
  }
76813
76813
  }
76814
+ & .e-search-wrapper:has(.e-input-group) {
76815
+ width: 100%;
76816
+ }
76814
76817
  }
76815
76818
 
76816
76819
  & .e-responsive-right {
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@syncfusion/blazor-themes","version":"26.2.11","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}
1
+ {"name":"@syncfusion/blazor-themes","version":"26.2.13","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}