@syncfusion/blazor-themes 23.1.39 → 23.1.41

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 (51) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +116 -38
  2. package/SCSS-Themes/bootstrap.scss +116 -38
  3. package/SCSS-Themes/bootstrap4.scss +148 -40
  4. package/SCSS-Themes/bootstrap5-dark.scss +116 -38
  5. package/SCSS-Themes/bootstrap5.scss +116 -38
  6. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +13 -2
  7. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +19 -0
  8. package/SCSS-Themes/fabric-dark.scss +116 -38
  9. package/SCSS-Themes/fabric.scss +116 -38
  10. package/SCSS-Themes/fluent-dark.scss +116 -38
  11. package/SCSS-Themes/fluent.scss +116 -38
  12. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +110 -33
  13. package/SCSS-Themes/grids/grid/bootstrap.scss +110 -33
  14. package/SCSS-Themes/grids/grid/bootstrap4.scss +110 -33
  15. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +110 -33
  16. package/SCSS-Themes/grids/grid/bootstrap5.scss +110 -33
  17. package/SCSS-Themes/grids/grid/fabric-dark.scss +110 -33
  18. package/SCSS-Themes/grids/grid/fabric.scss +110 -33
  19. package/SCSS-Themes/grids/grid/fluent-dark.scss +110 -33
  20. package/SCSS-Themes/grids/grid/fluent.scss +110 -33
  21. package/SCSS-Themes/grids/grid/highcontrast.scss +110 -33
  22. package/SCSS-Themes/grids/grid/material-dark.scss +110 -33
  23. package/SCSS-Themes/grids/grid/material.scss +110 -33
  24. package/SCSS-Themes/grids/grid/material3-dark.scss +110 -33
  25. package/SCSS-Themes/grids/grid/material3.scss +110 -33
  26. package/SCSS-Themes/grids/grid/tailwind-dark.scss +110 -33
  27. package/SCSS-Themes/grids/grid/tailwind.scss +110 -33
  28. package/SCSS-Themes/highcontrast.scss +116 -38
  29. package/SCSS-Themes/material-dark.scss +116 -38
  30. package/SCSS-Themes/material.scss +116 -38
  31. package/SCSS-Themes/material3-dark.scss +116 -38
  32. package/SCSS-Themes/material3.scss +116 -38
  33. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +6 -5
  34. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +6 -5
  35. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +6 -5
  36. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +6 -5
  37. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +6 -5
  38. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +6 -5
  39. package/SCSS-Themes/pivotview/pivotview/fabric.scss +6 -5
  40. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +6 -5
  41. package/SCSS-Themes/pivotview/pivotview/fluent.scss +6 -5
  42. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +6 -5
  43. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +6 -5
  44. package/SCSS-Themes/pivotview/pivotview/material.scss +6 -5
  45. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +6 -5
  46. package/SCSS-Themes/pivotview/pivotview/material3.scss +6 -5
  47. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +6 -5
  48. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +6 -5
  49. package/SCSS-Themes/tailwind-dark.scss +116 -38
  50. package/SCSS-Themes/tailwind.scss +116 -38
  51. package/package.json +1 -1
@@ -1493,6 +1493,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1493
1493
  @if($skin-name == 'bootstrap5') {
1494
1494
  border-bottom-color: $border-light;
1495
1495
  }
1496
+
1497
+ table th[rowspan = '1'] {
1498
+ padding-bottom: 0;
1499
+ padding-top: 0;
1500
+ vertical-align: middle;
1501
+ }
1496
1502
  }
1497
1503
 
1498
1504
  .e-gtot {
@@ -1738,11 +1744,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1738
1744
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1739
1745
  text-transform: none;
1740
1746
  }
1741
-
1742
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1743
- padding-top: 0px !important;
1744
- padding-bottom: 0px !important;
1745
- }
1746
1747
  }
1747
1748
 
1748
1749
  .sf-grid .e-spinner-pane {
@@ -1486,6 +1486,12 @@ $pivotpager-single-size-title-padding: 4px !default;
1486
1486
  @if($skin-name == 'bootstrap5') {
1487
1487
  border-bottom-color: $border-light;
1488
1488
  }
1489
+
1490
+ table th[rowspan = '1'] {
1491
+ padding-bottom: 0;
1492
+ padding-top: 0;
1493
+ vertical-align: middle;
1494
+ }
1489
1495
  }
1490
1496
 
1491
1497
  .e-gtot {
@@ -1731,11 +1737,6 @@ $pivotpager-single-size-title-padding: 4px !default;
1731
1737
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1732
1738
  text-transform: none;
1733
1739
  }
1734
-
1735
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1736
- padding-top: 0px !important;
1737
- padding-bottom: 0px !important;
1738
- }
1739
1740
  }
1740
1741
 
1741
1742
  .sf-grid .e-spinner-pane {
@@ -1494,6 +1494,12 @@ $pivotpager-single-size-title-padding: 14px !default;
1494
1494
  @if($skin-name == 'bootstrap5') {
1495
1495
  border-bottom-color: $border-light;
1496
1496
  }
1497
+
1498
+ table th[rowspan = '1'] {
1499
+ padding-bottom: 0;
1500
+ padding-top: 0;
1501
+ vertical-align: middle;
1502
+ }
1497
1503
  }
1498
1504
 
1499
1505
  .e-gtot {
@@ -1739,11 +1745,6 @@ $pivotpager-single-size-title-padding: 14px !default;
1739
1745
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1740
1746
  text-transform: none;
1741
1747
  }
1742
-
1743
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1744
- padding-top: 0px !important;
1745
- padding-bottom: 0px !important;
1746
- }
1747
1748
  }
1748
1749
 
1749
1750
  .sf-grid .e-spinner-pane {
@@ -1490,6 +1490,12 @@ $pivotpager-single-size-title-padding: 14px !default;
1490
1490
  @if($skin-name == 'bootstrap5') {
1491
1491
  border-bottom-color: $border-light;
1492
1492
  }
1493
+
1494
+ table th[rowspan = '1'] {
1495
+ padding-bottom: 0;
1496
+ padding-top: 0;
1497
+ vertical-align: middle;
1498
+ }
1493
1499
  }
1494
1500
 
1495
1501
  .e-gtot {
@@ -1735,11 +1741,6 @@ $pivotpager-single-size-title-padding: 14px !default;
1735
1741
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1736
1742
  text-transform: none;
1737
1743
  }
1738
-
1739
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1740
- padding-top: 0px !important;
1741
- padding-bottom: 0px !important;
1742
- }
1743
1744
  }
1744
1745
 
1745
1746
  .sf-grid .e-spinner-pane {
@@ -1496,6 +1496,12 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
1496
1496
  @if($skin-name == 'bootstrap5') {
1497
1497
  border-bottom-color: $border-light;
1498
1498
  }
1499
+
1500
+ table th[rowspan = '1'] {
1501
+ padding-bottom: 0;
1502
+ padding-top: 0;
1503
+ vertical-align: middle;
1504
+ }
1499
1505
  }
1500
1506
 
1501
1507
  .e-gtot {
@@ -1741,11 +1747,6 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
1741
1747
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1742
1748
  text-transform: none;
1743
1749
  }
1744
-
1745
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1746
- padding-top: 0px !important;
1747
- padding-bottom: 0px !important;
1748
- }
1749
1750
  }
1750
1751
 
1751
1752
  .sf-grid .e-spinner-pane {
@@ -1496,6 +1496,12 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
1496
1496
  @if($skin-name == 'bootstrap5') {
1497
1497
  border-bottom-color: $border-light;
1498
1498
  }
1499
+
1500
+ table th[rowspan = '1'] {
1501
+ padding-bottom: 0;
1502
+ padding-top: 0;
1503
+ vertical-align: middle;
1504
+ }
1499
1505
  }
1500
1506
 
1501
1507
  .e-gtot {
@@ -1741,11 +1747,6 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
1741
1747
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1742
1748
  text-transform: none;
1743
1749
  }
1744
-
1745
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1746
- padding-top: 0px !important;
1747
- padding-bottom: 0px !important;
1748
- }
1749
1750
  }
1750
1751
 
1751
1752
  .sf-grid .e-spinner-pane {
@@ -1493,6 +1493,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1493
1493
  @if($skin-name == 'bootstrap5') {
1494
1494
  border-bottom-color: $border-light;
1495
1495
  }
1496
+
1497
+ table th[rowspan = '1'] {
1498
+ padding-bottom: 0;
1499
+ padding-top: 0;
1500
+ vertical-align: middle;
1501
+ }
1496
1502
  }
1497
1503
 
1498
1504
  .e-gtot {
@@ -1738,11 +1744,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1738
1744
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1739
1745
  text-transform: none;
1740
1746
  }
1741
-
1742
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1743
- padding-top: 0px !important;
1744
- padding-bottom: 0px !important;
1745
- }
1746
1747
  }
1747
1748
 
1748
1749
  .sf-grid .e-spinner-pane {
@@ -1493,6 +1493,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1493
1493
  @if($skin-name == 'bootstrap5') {
1494
1494
  border-bottom-color: $border-light;
1495
1495
  }
1496
+
1497
+ table th[rowspan = '1'] {
1498
+ padding-bottom: 0;
1499
+ padding-top: 0;
1500
+ vertical-align: middle;
1501
+ }
1496
1502
  }
1497
1503
 
1498
1504
  .e-gtot {
@@ -1738,11 +1744,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1738
1744
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
1739
1745
  text-transform: none;
1740
1746
  }
1741
-
1742
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
1743
- padding-top: 0px !important;
1744
- padding-bottom: 0px !important;
1745
- }
1746
1747
  }
1747
1748
 
1748
1749
  .sf-grid .e-spinner-pane {
@@ -76246,12 +76246,7 @@ $grid-dropitems-count-margin-left: -8px !default;
76246
76246
  margin-right: $grid-bigger-grouptext-marign;
76247
76247
  width: $grid-bigger-grouptext-width;
76248
76248
  }
76249
-
76250
- .e-gridheader table th[rowspan],
76251
- &.e-device .e-gridheader table th[rowspan] {
76252
- padding-bottom: $grid-device-gridheader-row-span-padding;
76253
- }
76254
-
76249
+
76255
76250
  .e-groupsort,
76256
76251
  span.e-ungroupbutton,
76257
76252
  .e-toggleungroup {
@@ -76493,6 +76488,14 @@ $grid-dropitems-count-margin-left: -8px !default;
76493
76488
  }
76494
76489
  }
76495
76490
  }
76491
+
76492
+ .e-bigger #{&}.e-grid:not(.sf-grid),
76493
+ #{&}.e-grid:not(.sf-grid).e-bigger {
76494
+ .e-gridheader table th[rowspan],
76495
+ &.e-device .e-gridheader table th[rowspan] {
76496
+ padding-bottom: $grid-device-gridheader-row-span-padding;
76497
+ }
76498
+ }
76496
76499
 
76497
76500
  #{&}.e-grid {
76498
76501
  border-radius: $grid-border-radius;
@@ -77492,8 +77495,8 @@ $grid-dropitems-count-margin-left: -8px !default;
77492
77495
  border-width: $grid-rowcell-both-border-width;
77493
77496
  }
77494
77497
 
77495
- .e-gridheader table th[rowspan],
77496
- &.e-device .e-gridheader table th[rowspan] {
77498
+ &:not(.sf-grid).e-gridheader table th[rowspan],
77499
+ &:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
77497
77500
  padding-bottom: $grid-stackedheadercell-botttom-padding;
77498
77501
  vertical-align: bottom;
77499
77502
  }
@@ -77563,23 +77566,23 @@ $grid-dropitems-count-margin-left: -8px !default;
77563
77566
  border-width: $grid-headercell-both-border-width;
77564
77567
  }
77565
77568
 
77566
- &.e-default table th[rowspan] {
77569
+ &:not(.sf-grid).e-default table th[rowspan] {
77567
77570
  border-width: $grid-headercell-both-border-width;
77568
77571
  }
77569
77572
 
77570
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
77573
+ &:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
77571
77574
  border-right-width: 2px;
77572
77575
  }
77573
77576
 
77574
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
77577
+ &:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
77575
77578
  border-left-width: 2px;
77576
77579
  }
77577
77580
 
77578
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
77581
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
77579
77582
  border-left-width: 1px;
77580
77583
  }
77581
77584
 
77582
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
77585
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
77583
77586
  border-right-width: 1px;
77584
77587
  }
77585
77588
 
@@ -79561,26 +79564,6 @@ $grid-dropitems-count-margin-left: -8px !default;
79561
79564
  position: relative;
79562
79565
  }
79563
79566
 
79564
- &.e-default table th[rowspan] {
79565
- border-width: $grid-rtl-headercell-both-border-width;
79566
- }
79567
-
79568
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
79569
- border-left-width: 2px;
79570
- }
79571
-
79572
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
79573
- border-right-width: 2px;
79574
- }
79575
-
79576
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
79577
- border-right-width: 1px;
79578
- }
79579
-
79580
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
79581
- border-left-width: 1px;
79582
- }
79583
-
79584
79567
  &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
79585
79568
  &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
79586
79569
  border-left: 1px solid;
@@ -79694,6 +79677,28 @@ $grid-dropitems-count-margin-left: -8px !default;
79694
79677
  }
79695
79678
  }
79696
79679
 
79680
+ &:not(.sf-grid).e-rtl{
79681
+ &.e-default table th[rowspan] {
79682
+ border-width: $grid-rtl-headercell-both-border-width;
79683
+ }
79684
+
79685
+ &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
79686
+ border-left-width: 2px;
79687
+ }
79688
+
79689
+ &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
79690
+ border-right-width: 2px;
79691
+ }
79692
+
79693
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
79694
+ border-right-width: 1px;
79695
+ }
79696
+
79697
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
79698
+ border-left-width: 1px;
79699
+ }
79700
+ }
79701
+
79697
79702
  &.e-wrap {
79698
79703
  & .e-rowcell,
79699
79704
  & .e-columnheader .e-stackedheadercelldiv,
@@ -79813,7 +79818,10 @@ $grid-dropitems-count-margin-left: -8px !default;
79813
79818
  & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
79814
79819
  border-right: 0;
79815
79820
  }
79821
+ }
79816
79822
 
79823
+ &:not(.sf-grid).e-resize-lines,
79824
+ &:not(.sf-grid).e-resize-lines.e-rtl {
79817
79825
  &.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
79818
79826
  border-left: 0;
79819
79827
  }
@@ -79826,7 +79834,9 @@ $grid-dropitems-count-margin-left: -8px !default;
79826
79834
  & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
79827
79835
  border-left: 0;
79828
79836
  }
79837
+ }
79829
79838
 
79839
+ &:not(.sf-grid).e-resize-lines.e-rtl {
79830
79840
  &.e-default table th[rowspan] {
79831
79841
  border-right: 0;
79832
79842
  }
@@ -80007,6 +80017,73 @@ $grid-dropitems-count-margin-left: -8px !default;
80007
80017
  .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
80008
80018
  text-align: left;
80009
80019
  }
80020
+
80021
+ &.e-default table th:not([rowspan = '1']) {
80022
+ border-width: $grid-headercell-both-border-width;
80023
+ }
80024
+
80025
+ .e-gridheader table th:not([rowspan = '1']),
80026
+ .e-device .e-gridheader table th:not([rowspan = '1']) {
80027
+ padding-bottom: $grid-stackedheadercell-botttom-padding;
80028
+ vertical-align: bottom;
80029
+ }
80030
+
80031
+ &.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
80032
+ border-right-width: 2px;
80033
+ }
80034
+
80035
+ &.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
80036
+ border-left-width: 2px;
80037
+ }
80038
+
80039
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
80040
+ border-left-width: 1px;
80041
+ }
80042
+
80043
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
80044
+ border-right-width: 1px;
80045
+ }
80046
+
80047
+ &.e-rtl.e-default table th:not([rowspan = '1']) {
80048
+ border-width: $grid-rtl-headercell-both-border-width;
80049
+ }
80050
+
80051
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
80052
+ border-left-width: 2px;
80053
+ }
80054
+
80055
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
80056
+ border-right-width: 2px;
80057
+ }
80058
+
80059
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
80060
+ border-right-width: 1px;
80061
+ }
80062
+
80063
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
80064
+ border-left-width: 1px;
80065
+ }
80066
+
80067
+ &.e-resize-lines,
80068
+ &.e-resize-lines.e-rtl {
80069
+ &.e-default table th:not([rowspan = '1']):not(.e-freezerightborder, .e-freezeleftborder) {
80070
+ border-left: 0;
80071
+ }
80072
+ }
80073
+
80074
+ &.e-resize-lines.e-rtl {
80075
+ &.e-default table th:not([rowspan = '1']) {
80076
+ border-right: 0;
80077
+ }
80078
+ }
80079
+
80080
+ .e-bigger #{&}.e-grid.sf-grid,
80081
+ #{&}.e-grid.sf-grid.e-bigger {
80082
+ .e-gridheader table th:not([rowspan = '1']),
80083
+ &.e-device .e-gridheader table th:not([rowspan = '1']) {
80084
+ padding-bottom: $grid-device-gridheader-row-span-padding;
80085
+ }
80086
+ }
80010
80087
  }
80011
80088
  }
80012
80089
  }
@@ -109811,6 +109888,12 @@ $pivotpager-single-size-title-padding: 8px !default;
109811
109888
  @if($skin-name == 'bootstrap5') {
109812
109889
  border-bottom-color: $border-light;
109813
109890
  }
109891
+
109892
+ table th[rowspan = '1'] {
109893
+ padding-bottom: 0;
109894
+ padding-top: 0;
109895
+ vertical-align: middle;
109896
+ }
109814
109897
  }
109815
109898
 
109816
109899
  .e-gtot {
@@ -110056,11 +110139,6 @@ $pivotpager-single-size-title-padding: 8px !default;
110056
110139
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
110057
110140
  text-transform: none;
110058
110141
  }
110059
-
110060
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
110061
- padding-top: 0px !important;
110062
- padding-bottom: 0px !important;
110063
- }
110064
110142
  }
110065
110143
 
110066
110144
  .sf-grid .e-spinner-pane {
@@ -76243,12 +76243,7 @@ $grid-dropitems-count-margin-left: -8px !default;
76243
76243
  margin-right: $grid-bigger-grouptext-marign;
76244
76244
  width: $grid-bigger-grouptext-width;
76245
76245
  }
76246
-
76247
- .e-gridheader table th[rowspan],
76248
- &.e-device .e-gridheader table th[rowspan] {
76249
- padding-bottom: $grid-device-gridheader-row-span-padding;
76250
- }
76251
-
76246
+
76252
76247
  .e-groupsort,
76253
76248
  span.e-ungroupbutton,
76254
76249
  .e-toggleungroup {
@@ -76490,6 +76485,14 @@ $grid-dropitems-count-margin-left: -8px !default;
76490
76485
  }
76491
76486
  }
76492
76487
  }
76488
+
76489
+ .e-bigger #{&}.e-grid:not(.sf-grid),
76490
+ #{&}.e-grid:not(.sf-grid).e-bigger {
76491
+ .e-gridheader table th[rowspan],
76492
+ &.e-device .e-gridheader table th[rowspan] {
76493
+ padding-bottom: $grid-device-gridheader-row-span-padding;
76494
+ }
76495
+ }
76493
76496
 
76494
76497
  #{&}.e-grid {
76495
76498
  border-radius: $grid-border-radius;
@@ -77489,8 +77492,8 @@ $grid-dropitems-count-margin-left: -8px !default;
77489
77492
  border-width: $grid-rowcell-both-border-width;
77490
77493
  }
77491
77494
 
77492
- .e-gridheader table th[rowspan],
77493
- &.e-device .e-gridheader table th[rowspan] {
77495
+ &:not(.sf-grid).e-gridheader table th[rowspan],
77496
+ &:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
77494
77497
  padding-bottom: $grid-stackedheadercell-botttom-padding;
77495
77498
  vertical-align: bottom;
77496
77499
  }
@@ -77560,23 +77563,23 @@ $grid-dropitems-count-margin-left: -8px !default;
77560
77563
  border-width: $grid-headercell-both-border-width;
77561
77564
  }
77562
77565
 
77563
- &.e-default table th[rowspan] {
77566
+ &:not(.sf-grid).e-default table th[rowspan] {
77564
77567
  border-width: $grid-headercell-both-border-width;
77565
77568
  }
77566
77569
 
77567
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
77570
+ &:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
77568
77571
  border-right-width: 2px;
77569
77572
  }
77570
77573
 
77571
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
77574
+ &:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
77572
77575
  border-left-width: 2px;
77573
77576
  }
77574
77577
 
77575
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
77578
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
77576
77579
  border-left-width: 1px;
77577
77580
  }
77578
77581
 
77579
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
77582
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
77580
77583
  border-right-width: 1px;
77581
77584
  }
77582
77585
 
@@ -79558,26 +79561,6 @@ $grid-dropitems-count-margin-left: -8px !default;
79558
79561
  position: relative;
79559
79562
  }
79560
79563
 
79561
- &.e-default table th[rowspan] {
79562
- border-width: $grid-rtl-headercell-both-border-width;
79563
- }
79564
-
79565
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
79566
- border-left-width: 2px;
79567
- }
79568
-
79569
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
79570
- border-right-width: 2px;
79571
- }
79572
-
79573
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
79574
- border-right-width: 1px;
79575
- }
79576
-
79577
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
79578
- border-left-width: 1px;
79579
- }
79580
-
79581
79564
  &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
79582
79565
  &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
79583
79566
  border-left: 1px solid;
@@ -79691,6 +79674,28 @@ $grid-dropitems-count-margin-left: -8px !default;
79691
79674
  }
79692
79675
  }
79693
79676
 
79677
+ &:not(.sf-grid).e-rtl{
79678
+ &.e-default table th[rowspan] {
79679
+ border-width: $grid-rtl-headercell-both-border-width;
79680
+ }
79681
+
79682
+ &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
79683
+ border-left-width: 2px;
79684
+ }
79685
+
79686
+ &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
79687
+ border-right-width: 2px;
79688
+ }
79689
+
79690
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
79691
+ border-right-width: 1px;
79692
+ }
79693
+
79694
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
79695
+ border-left-width: 1px;
79696
+ }
79697
+ }
79698
+
79694
79699
  &.e-wrap {
79695
79700
  & .e-rowcell,
79696
79701
  & .e-columnheader .e-stackedheadercelldiv,
@@ -79810,7 +79815,10 @@ $grid-dropitems-count-margin-left: -8px !default;
79810
79815
  & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
79811
79816
  border-right: 0;
79812
79817
  }
79818
+ }
79813
79819
 
79820
+ &:not(.sf-grid).e-resize-lines,
79821
+ &:not(.sf-grid).e-resize-lines.e-rtl {
79814
79822
  &.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
79815
79823
  border-left: 0;
79816
79824
  }
@@ -79823,7 +79831,9 @@ $grid-dropitems-count-margin-left: -8px !default;
79823
79831
  & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
79824
79832
  border-left: 0;
79825
79833
  }
79834
+ }
79826
79835
 
79836
+ &:not(.sf-grid).e-resize-lines.e-rtl {
79827
79837
  &.e-default table th[rowspan] {
79828
79838
  border-right: 0;
79829
79839
  }
@@ -80004,6 +80014,73 @@ $grid-dropitems-count-margin-left: -8px !default;
80004
80014
  .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
80005
80015
  text-align: left;
80006
80016
  }
80017
+
80018
+ &.e-default table th:not([rowspan = '1']) {
80019
+ border-width: $grid-headercell-both-border-width;
80020
+ }
80021
+
80022
+ .e-gridheader table th:not([rowspan = '1']),
80023
+ .e-device .e-gridheader table th:not([rowspan = '1']) {
80024
+ padding-bottom: $grid-stackedheadercell-botttom-padding;
80025
+ vertical-align: bottom;
80026
+ }
80027
+
80028
+ &.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
80029
+ border-right-width: 2px;
80030
+ }
80031
+
80032
+ &.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
80033
+ border-left-width: 2px;
80034
+ }
80035
+
80036
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
80037
+ border-left-width: 1px;
80038
+ }
80039
+
80040
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
80041
+ border-right-width: 1px;
80042
+ }
80043
+
80044
+ &.e-rtl.e-default table th:not([rowspan = '1']) {
80045
+ border-width: $grid-rtl-headercell-both-border-width;
80046
+ }
80047
+
80048
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
80049
+ border-left-width: 2px;
80050
+ }
80051
+
80052
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
80053
+ border-right-width: 2px;
80054
+ }
80055
+
80056
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
80057
+ border-right-width: 1px;
80058
+ }
80059
+
80060
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
80061
+ border-left-width: 1px;
80062
+ }
80063
+
80064
+ &.e-resize-lines,
80065
+ &.e-resize-lines.e-rtl {
80066
+ &.e-default table th:not([rowspan = '1']):not(.e-freezerightborder, .e-freezeleftborder) {
80067
+ border-left: 0;
80068
+ }
80069
+ }
80070
+
80071
+ &.e-resize-lines.e-rtl {
80072
+ &.e-default table th:not([rowspan = '1']) {
80073
+ border-right: 0;
80074
+ }
80075
+ }
80076
+
80077
+ .e-bigger #{&}.e-grid.sf-grid,
80078
+ #{&}.e-grid.sf-grid.e-bigger {
80079
+ .e-gridheader table th:not([rowspan = '1']),
80080
+ &.e-device .e-gridheader table th:not([rowspan = '1']) {
80081
+ padding-bottom: $grid-device-gridheader-row-span-padding;
80082
+ }
80083
+ }
80007
80084
  }
80008
80085
  }
80009
80086
  }
@@ -109808,6 +109885,12 @@ $pivotpager-single-size-title-padding: 8px !default;
109808
109885
  @if($skin-name == 'bootstrap5') {
109809
109886
  border-bottom-color: $border-light;
109810
109887
  }
109888
+
109889
+ table th[rowspan = '1'] {
109890
+ padding-bottom: 0;
109891
+ padding-top: 0;
109892
+ vertical-align: middle;
109893
+ }
109811
109894
  }
109812
109895
 
109813
109896
  .e-gtot {
@@ -110053,11 +110136,6 @@ $pivotpager-single-size-title-padding: 8px !default;
110053
110136
  @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
110054
110137
  text-transform: none;
110055
110138
  }
110056
-
110057
- @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
110058
- padding-top: 0px !important;
110059
- padding-bottom: 0px !important;
110060
- }
110061
110139
  }
110062
110140
 
110063
110141
  .sf-grid .e-spinner-pane {
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@syncfusion/blazor-themes","version":"23.1.39","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":"23.1.41","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"}}