@syncfusion/blazor-themes 27.2.2 → 27.2.3

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 (147) hide show
  1. package/SCSS-Themes/bds-dark-lite.scss +49 -39
  2. package/SCSS-Themes/bds-dark.scss +51 -41
  3. package/SCSS-Themes/bds-lite.scss +49 -39
  4. package/SCSS-Themes/bds.scss +51 -41
  5. package/SCSS-Themes/bootstrap-dark-lite.scss +49 -39
  6. package/SCSS-Themes/bootstrap-dark.scss +51 -41
  7. package/SCSS-Themes/bootstrap-lite.scss +49 -39
  8. package/SCSS-Themes/bootstrap.scss +51 -41
  9. package/SCSS-Themes/bootstrap4-lite.scss +49 -39
  10. package/SCSS-Themes/bootstrap4.scss +51 -41
  11. package/SCSS-Themes/bootstrap5-dark-lite.scss +49 -39
  12. package/SCSS-Themes/bootstrap5-dark.scss +51 -41
  13. package/SCSS-Themes/bootstrap5-lite.scss +49 -39
  14. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +49 -39
  15. package/SCSS-Themes/bootstrap5.3-dark.scss +51 -41
  16. package/SCSS-Themes/bootstrap5.3-lite.scss +49 -39
  17. package/SCSS-Themes/bootstrap5.3.scss +51 -41
  18. package/SCSS-Themes/bootstrap5.scss +51 -41
  19. package/SCSS-Themes/fabric-dark-lite.scss +49 -39
  20. package/SCSS-Themes/fabric-dark.scss +51 -41
  21. package/SCSS-Themes/fabric-lite.scss +49 -39
  22. package/SCSS-Themes/fabric.scss +51 -41
  23. package/SCSS-Themes/fluent-dark-lite.scss +52 -42
  24. package/SCSS-Themes/fluent-dark.scss +54 -44
  25. package/SCSS-Themes/fluent-lite.scss +52 -42
  26. package/SCSS-Themes/fluent.scss +54 -44
  27. package/SCSS-Themes/fluent2-dark-lite.scss +49 -39
  28. package/SCSS-Themes/fluent2-dark.scss +51 -41
  29. package/SCSS-Themes/fluent2-highcontrast-lite.scss +49 -39
  30. package/SCSS-Themes/fluent2-highcontrast.scss +51 -41
  31. package/SCSS-Themes/fluent2-lite.scss +49 -39
  32. package/SCSS-Themes/fluent2.scss +51 -41
  33. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +46 -38
  34. package/SCSS-Themes/grids/grid/bds-dark.scss +48 -40
  35. package/SCSS-Themes/grids/grid/bds-lite.scss +46 -38
  36. package/SCSS-Themes/grids/grid/bds.scss +48 -40
  37. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +46 -38
  38. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +48 -40
  39. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +46 -38
  40. package/SCSS-Themes/grids/grid/bootstrap.scss +48 -40
  41. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +46 -38
  42. package/SCSS-Themes/grids/grid/bootstrap4.scss +48 -40
  43. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +46 -38
  44. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +48 -40
  45. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +46 -38
  46. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +46 -38
  47. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +48 -40
  48. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +46 -38
  49. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +48 -40
  50. package/SCSS-Themes/grids/grid/bootstrap5.scss +48 -40
  51. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +46 -38
  52. package/SCSS-Themes/grids/grid/fabric-dark.scss +48 -40
  53. package/SCSS-Themes/grids/grid/fabric-lite.scss +46 -38
  54. package/SCSS-Themes/grids/grid/fabric.scss +48 -40
  55. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +46 -38
  56. package/SCSS-Themes/grids/grid/fluent-dark.scss +48 -40
  57. package/SCSS-Themes/grids/grid/fluent-lite.scss +46 -38
  58. package/SCSS-Themes/grids/grid/fluent.scss +48 -40
  59. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +46 -38
  60. package/SCSS-Themes/grids/grid/fluent2-dark.scss +48 -40
  61. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +46 -38
  62. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +48 -40
  63. package/SCSS-Themes/grids/grid/fluent2-lite.scss +46 -38
  64. package/SCSS-Themes/grids/grid/fluent2.scss +48 -40
  65. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +46 -38
  66. package/SCSS-Themes/grids/grid/highcontrast.scss +48 -40
  67. package/SCSS-Themes/grids/grid/material-dark-lite.scss +46 -38
  68. package/SCSS-Themes/grids/grid/material-dark.scss +48 -40
  69. package/SCSS-Themes/grids/grid/material-lite.scss +46 -38
  70. package/SCSS-Themes/grids/grid/material.scss +48 -40
  71. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +46 -38
  72. package/SCSS-Themes/grids/grid/material3-dark.scss +48 -40
  73. package/SCSS-Themes/grids/grid/material3-lite.scss +46 -38
  74. package/SCSS-Themes/grids/grid/material3.scss +48 -40
  75. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +46 -38
  76. package/SCSS-Themes/grids/grid/tailwind-dark.scss +48 -40
  77. package/SCSS-Themes/grids/grid/tailwind-lite.scss +46 -38
  78. package/SCSS-Themes/grids/grid/tailwind.scss +48 -40
  79. package/SCSS-Themes/highcontrast-lite.scss +49 -39
  80. package/SCSS-Themes/highcontrast.scss +51 -41
  81. package/SCSS-Themes/lists/list-view/bds-dark-lite.scss +3 -1
  82. package/SCSS-Themes/lists/list-view/bds-dark.scss +3 -1
  83. package/SCSS-Themes/lists/list-view/bds-lite.scss +3 -1
  84. package/SCSS-Themes/lists/list-view/bds.scss +3 -1
  85. package/SCSS-Themes/lists/list-view/bootstrap-dark-lite.scss +3 -1
  86. package/SCSS-Themes/lists/list-view/bootstrap-dark.scss +3 -1
  87. package/SCSS-Themes/lists/list-view/bootstrap-lite.scss +3 -1
  88. package/SCSS-Themes/lists/list-view/bootstrap.scss +3 -1
  89. package/SCSS-Themes/lists/list-view/bootstrap4-lite.scss +3 -1
  90. package/SCSS-Themes/lists/list-view/bootstrap4.scss +3 -1
  91. package/SCSS-Themes/lists/list-view/bootstrap5-dark-lite.scss +3 -1
  92. package/SCSS-Themes/lists/list-view/bootstrap5-dark.scss +3 -1
  93. package/SCSS-Themes/lists/list-view/bootstrap5-lite.scss +3 -1
  94. package/SCSS-Themes/lists/list-view/bootstrap5.3-dark-lite.scss +3 -1
  95. package/SCSS-Themes/lists/list-view/bootstrap5.3-dark.scss +3 -1
  96. package/SCSS-Themes/lists/list-view/bootstrap5.3-lite.scss +3 -1
  97. package/SCSS-Themes/lists/list-view/bootstrap5.3.scss +3 -1
  98. package/SCSS-Themes/lists/list-view/bootstrap5.scss +3 -1
  99. package/SCSS-Themes/lists/list-view/fabric-dark-lite.scss +3 -1
  100. package/SCSS-Themes/lists/list-view/fabric-dark.scss +3 -1
  101. package/SCSS-Themes/lists/list-view/fabric-lite.scss +3 -1
  102. package/SCSS-Themes/lists/list-view/fabric.scss +3 -1
  103. package/SCSS-Themes/lists/list-view/fluent-dark-lite.scss +3 -1
  104. package/SCSS-Themes/lists/list-view/fluent-dark.scss +3 -1
  105. package/SCSS-Themes/lists/list-view/fluent-lite.scss +3 -1
  106. package/SCSS-Themes/lists/list-view/fluent.scss +3 -1
  107. package/SCSS-Themes/lists/list-view/fluent2-dark-lite.scss +3 -1
  108. package/SCSS-Themes/lists/list-view/fluent2-dark.scss +3 -1
  109. package/SCSS-Themes/lists/list-view/fluent2-highcontrast-lite.scss +3 -1
  110. package/SCSS-Themes/lists/list-view/fluent2-highcontrast.scss +3 -1
  111. package/SCSS-Themes/lists/list-view/fluent2-lite.scss +3 -1
  112. package/SCSS-Themes/lists/list-view/fluent2.scss +3 -1
  113. package/SCSS-Themes/lists/list-view/highcontrast-lite.scss +3 -1
  114. package/SCSS-Themes/lists/list-view/highcontrast.scss +3 -1
  115. package/SCSS-Themes/lists/list-view/material-dark-lite.scss +3 -1
  116. package/SCSS-Themes/lists/list-view/material-dark.scss +3 -1
  117. package/SCSS-Themes/lists/list-view/material-lite.scss +3 -1
  118. package/SCSS-Themes/lists/list-view/material.scss +3 -1
  119. package/SCSS-Themes/lists/list-view/material3-dark-lite.scss +3 -1
  120. package/SCSS-Themes/lists/list-view/material3-dark.scss +3 -1
  121. package/SCSS-Themes/lists/list-view/material3-lite.scss +3 -1
  122. package/SCSS-Themes/lists/list-view/material3.scss +3 -1
  123. package/SCSS-Themes/lists/list-view/tailwind-dark-lite.scss +3 -1
  124. package/SCSS-Themes/lists/list-view/tailwind-dark.scss +3 -1
  125. package/SCSS-Themes/lists/list-view/tailwind-lite.scss +3 -1
  126. package/SCSS-Themes/lists/list-view/tailwind.scss +3 -1
  127. package/SCSS-Themes/material-dark-lite.scss +49 -39
  128. package/SCSS-Themes/material-dark.scss +51 -41
  129. package/SCSS-Themes/material-lite.scss +49 -39
  130. package/SCSS-Themes/material.scss +51 -41
  131. package/SCSS-Themes/material3-dark-lite.scss +49 -39
  132. package/SCSS-Themes/material3-dark.scss +51 -41
  133. package/SCSS-Themes/material3-lite.scss +49 -39
  134. package/SCSS-Themes/material3.scss +51 -41
  135. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark-lite.scss +3 -3
  136. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +3 -3
  137. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-lite.scss +3 -3
  138. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +3 -3
  139. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark-lite.scss +3 -3
  140. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +3 -3
  141. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-lite.scss +3 -3
  142. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +3 -3
  143. package/SCSS-Themes/tailwind-dark-lite.scss +52 -42
  144. package/SCSS-Themes/tailwind-dark.scss +54 -44
  145. package/SCSS-Themes/tailwind-lite.scss +52 -42
  146. package/SCSS-Themes/tailwind.scss +54 -44
  147. package/package.json +1 -1
@@ -42599,7 +42599,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
42599
42599
  }
42600
42600
 
42601
42601
  & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
42602
- color: $listview-icon-color;
42602
+ @if ($skin-name != 'bootstrap5.3') {
42603
+ color: $listview-icon-color;
42604
+ }
42603
42605
 
42604
42606
  @if ($skin-name == 'tailwind') {
42605
42607
  &.e-back-button,
@@ -81760,6 +81762,43 @@ $grid-checkmark-color: $primary-text-color !default;
81760
81762
  padding-left: $grid-columnchooser-input-padding-left;
81761
81763
  }
81762
81764
  }
81765
+
81766
+ & .e-mask {
81767
+
81768
+ &.e-skeleton {
81769
+ display: inline-block;
81770
+ height: 10px;
81771
+ width: 80%;
81772
+ }
81773
+
81774
+ &.e-mask-group-intent {
81775
+ margin-left: 7px;
81776
+ width: 16px;
81777
+ }
81778
+
81779
+ &.e-mask-detail-intent {
81780
+ width: 16px;
81781
+ }
81782
+
81783
+ &.e-mask-checkbox-intent {
81784
+ margin-left: 3px;
81785
+ margin-right: 16px;
81786
+ width: 20px;
81787
+ }
81788
+
81789
+ &.e-mask-checkbox-filter-intent {
81790
+ width: 13px;
81791
+ }
81792
+
81793
+ &.e-mask-checkbox-filter-span-intent {
81794
+ margin-left: 8px;
81795
+ }
81796
+
81797
+ &.e-mask-drag-intent {
81798
+ margin-left: 12px;
81799
+ width: 12px;
81800
+ }
81801
+ }
81763
81802
  }
81764
81803
 
81765
81804
  #{&}.e-grid {
@@ -82643,7 +82682,7 @@ $grid-checkmark-color: $primary-text-color !default;
82643
82682
 
82644
82683
  &:not(.e-grid-min-height) .e-gridcontent {
82645
82684
  tr td:not(.e-indentcell):first-child:empty,
82646
- .e-gridcontent tr.e-row .e-rowcell:empty {
82685
+ tr.e-row .e-rowcell:empty {
82647
82686
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
82648
82687
  }
82649
82688
  }
@@ -83540,7 +83579,7 @@ $grid-checkmark-color: $primary-text-color !default;
83540
83579
 
83541
83580
  &.e-default .e-gridheader {
83542
83581
  th.e-firstcell,
83543
- th.e-laststackcell {
83582
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
83544
83583
  @include grid-border-width-styles;
83545
83584
  }
83546
83585
  }
@@ -84843,46 +84882,17 @@ $grid-checkmark-color: $primary-text-color !default;
84843
84882
  }
84844
84883
  }
84845
84884
 
84846
- &:not(.sf-grid).e-resize-lines.e-rtl {
84847
- &.e-default table th[rowspan] {
84885
+ &.e-resize-lines {
84886
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
84887
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
84888
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
84848
84889
  border-right: 0;
84849
84890
  }
84850
84891
  }
84851
84892
 
84852
- & .e-mask {
84853
-
84854
- &.e-skeleton {
84855
- display: inline-block;
84856
- height: 10px;
84857
- width: 80%;
84858
- }
84859
-
84860
- &.e-mask-group-intent {
84861
- margin-left: 7px;
84862
- width: 16px;
84863
- }
84864
-
84865
- &.e-mask-detail-intent {
84866
- width: 16px;
84867
- }
84868
-
84869
- &.e-mask-checkbox-intent {
84870
- margin-left: 3px;
84871
- margin-right: 16px;
84872
- width: 20px;
84873
- }
84874
-
84875
- &.e-mask-checkbox-filter-intent {
84876
- width: 13px;
84877
- }
84878
-
84879
- &.e-mask-checkbox-filter-span-intent {
84880
- margin-left: 8px;
84881
- }
84882
-
84883
- &.e-mask-drag-intent {
84884
- margin-left: 12px;
84885
- width: 12px;
84893
+ &:not(.sf-grid).e-resize-lines.e-rtl {
84894
+ &.e-default table th[rowspan] {
84895
+ border-right: 0;
84886
84896
  }
84887
84897
  }
84888
84898
 
@@ -88603,13 +88613,13 @@ $grid-checkmark-color: $primary-text-color !default;
88603
88613
  }
88604
88614
 
88605
88615
  li {
88606
- @if $grid-skin != 'bootstrap5.3' {
88616
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
88607
88617
  color: $grid-rowcell-color;
88608
88618
  }
88609
88619
  }
88610
88620
 
88611
88621
  & .e-submenu.e-selected {
88612
- @if $grid-skin != 'bootstrap5.3' {
88622
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
88613
88623
  background-color: $grid-responsive-header-background;
88614
88624
  }
88615
88625
  }
@@ -105909,10 +105919,10 @@ $pv-input-active-color: rgba($primary, .54) !default;
105909
105919
  $pv-input-hover-background: $transparent !default;
105910
105920
  $pv-input-hover-color: rgba($primary, .54) !default;
105911
105921
  $pv-input-background: $transparent !default;
105912
- $pv-bookmark-container-background-color: $primary !default;
105922
+ $pv-bookmark-container-background-color: $content-bg-color-alt1 !default;
105913
105923
  $pv-nav-toolbar-text-color: rgba($primary, .87) !default;
105914
- $pv-bookmark-container-border: 1px solid $primary !default;
105915
- $pv-bookmark-list-border-bottom: 1px solid $primary !default;
105924
+ $pv-bookmark-container-border: 1px solid $border-light !default;
105925
+ $pv-bookmark-list-border-bottom: 1px solid $border-light !default;
105916
105926
  $pv-annotation-opacity-popup-box-shadow: 0 3px 8px 0 $content-bg-color-hover !default;
105917
105927
  $pv-annotation-dropdown-background-color: $transparent !default;
105918
105928
  $pv-annotation-dropdown-border-color: $transparent !default;
@@ -30950,7 +30950,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
30950
30950
  }
30951
30951
 
30952
30952
  & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
30953
- color: $listview-icon-color;
30953
+ @if ($skin-name != 'bootstrap5.3') {
30954
+ color: $listview-icon-color;
30955
+ }
30954
30956
 
30955
30957
  @if ($skin-name == 'tailwind') {
30956
30958
  &.e-back-button,
@@ -60037,6 +60039,43 @@ $grid-checkmark-color: $primary-text-color !default;
60037
60039
  padding-left: $grid-columnchooser-input-padding-left;
60038
60040
  }
60039
60041
  }
60042
+
60043
+ & .e-mask {
60044
+
60045
+ &.e-skeleton {
60046
+ display: inline-block;
60047
+ height: 10px;
60048
+ width: 80%;
60049
+ }
60050
+
60051
+ &.e-mask-group-intent {
60052
+ margin-left: 7px;
60053
+ width: 16px;
60054
+ }
60055
+
60056
+ &.e-mask-detail-intent {
60057
+ width: 16px;
60058
+ }
60059
+
60060
+ &.e-mask-checkbox-intent {
60061
+ margin-left: 3px;
60062
+ margin-right: 16px;
60063
+ width: 20px;
60064
+ }
60065
+
60066
+ &.e-mask-checkbox-filter-intent {
60067
+ width: 13px;
60068
+ }
60069
+
60070
+ &.e-mask-checkbox-filter-span-intent {
60071
+ margin-left: 8px;
60072
+ }
60073
+
60074
+ &.e-mask-drag-intent {
60075
+ margin-left: 12px;
60076
+ width: 12px;
60077
+ }
60078
+ }
60040
60079
  }
60041
60080
 
60042
60081
  #{&}.e-grid {
@@ -60920,7 +60959,7 @@ $grid-checkmark-color: $primary-text-color !default;
60920
60959
 
60921
60960
  &:not(.e-grid-min-height) .e-gridcontent {
60922
60961
  tr td:not(.e-indentcell):first-child:empty,
60923
- .e-gridcontent tr.e-row .e-rowcell:empty {
60962
+ tr.e-row .e-rowcell:empty {
60924
60963
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
60925
60964
  }
60926
60965
  }
@@ -61817,7 +61856,7 @@ $grid-checkmark-color: $primary-text-color !default;
61817
61856
 
61818
61857
  &.e-default .e-gridheader {
61819
61858
  th.e-firstcell,
61820
- th.e-laststackcell {
61859
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
61821
61860
  @include grid-border-width-styles;
61822
61861
  }
61823
61862
  }
@@ -63120,46 +63159,17 @@ $grid-checkmark-color: $primary-text-color !default;
63120
63159
  }
63121
63160
  }
63122
63161
 
63123
- &:not(.sf-grid).e-resize-lines.e-rtl {
63124
- &.e-default table th[rowspan] {
63162
+ &.e-resize-lines {
63163
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
63164
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
63165
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
63125
63166
  border-right: 0;
63126
63167
  }
63127
63168
  }
63128
63169
 
63129
- & .e-mask {
63130
-
63131
- &.e-skeleton {
63132
- display: inline-block;
63133
- height: 10px;
63134
- width: 80%;
63135
- }
63136
-
63137
- &.e-mask-group-intent {
63138
- margin-left: 7px;
63139
- width: 16px;
63140
- }
63141
-
63142
- &.e-mask-detail-intent {
63143
- width: 16px;
63144
- }
63145
-
63146
- &.e-mask-checkbox-intent {
63147
- margin-left: 3px;
63148
- margin-right: 16px;
63149
- width: 20px;
63150
- }
63151
-
63152
- &.e-mask-checkbox-filter-intent {
63153
- width: 13px;
63154
- }
63155
-
63156
- &.e-mask-checkbox-filter-span-intent {
63157
- margin-left: 8px;
63158
- }
63159
-
63160
- &.e-mask-drag-intent {
63161
- margin-left: 12px;
63162
- width: 12px;
63170
+ &:not(.sf-grid).e-resize-lines.e-rtl {
63171
+ &.e-default table th[rowspan] {
63172
+ border-right: 0;
63163
63173
  }
63164
63174
  }
63165
63175
 
@@ -79168,10 +79178,10 @@ $pv-input-active-color: rgba($primary, .54) !default;
79168
79178
  $pv-input-hover-background: $transparent !default;
79169
79179
  $pv-input-hover-color: rgba($primary, .54) !default;
79170
79180
  $pv-input-background: $transparent !default;
79171
- $pv-bookmark-container-background-color: $primary !default;
79181
+ $pv-bookmark-container-background-color: $content-bg-color-alt1 !default;
79172
79182
  $pv-nav-toolbar-text-color: rgba($primary, .87) !default;
79173
- $pv-bookmark-container-border: 1px solid $primary !default;
79174
- $pv-bookmark-list-border-bottom: 1px solid $primary !default;
79183
+ $pv-bookmark-container-border: 1px solid $border-light !default;
79184
+ $pv-bookmark-list-border-bottom: 1px solid $border-light !default;
79175
79185
  $pv-annotation-opacity-popup-box-shadow: 0 3px 8px 0 $content-bg-color-hover !default;
79176
79186
  $pv-annotation-dropdown-background-color: $transparent !default;
79177
79187
  $pv-annotation-dropdown-border-color: $transparent !default;
@@ -42597,7 +42597,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
42597
42597
  }
42598
42598
 
42599
42599
  & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
42600
- color: $listview-icon-color;
42600
+ @if ($skin-name != 'bootstrap5.3') {
42601
+ color: $listview-icon-color;
42602
+ }
42601
42603
 
42602
42604
  @if ($skin-name == 'tailwind') {
42603
42605
  &.e-back-button,
@@ -81758,6 +81760,43 @@ $grid-checkmark-color: $primary-text-color !default;
81758
81760
  padding-left: $grid-columnchooser-input-padding-left;
81759
81761
  }
81760
81762
  }
81763
+
81764
+ & .e-mask {
81765
+
81766
+ &.e-skeleton {
81767
+ display: inline-block;
81768
+ height: 10px;
81769
+ width: 80%;
81770
+ }
81771
+
81772
+ &.e-mask-group-intent {
81773
+ margin-left: 7px;
81774
+ width: 16px;
81775
+ }
81776
+
81777
+ &.e-mask-detail-intent {
81778
+ width: 16px;
81779
+ }
81780
+
81781
+ &.e-mask-checkbox-intent {
81782
+ margin-left: 3px;
81783
+ margin-right: 16px;
81784
+ width: 20px;
81785
+ }
81786
+
81787
+ &.e-mask-checkbox-filter-intent {
81788
+ width: 13px;
81789
+ }
81790
+
81791
+ &.e-mask-checkbox-filter-span-intent {
81792
+ margin-left: 8px;
81793
+ }
81794
+
81795
+ &.e-mask-drag-intent {
81796
+ margin-left: 12px;
81797
+ width: 12px;
81798
+ }
81799
+ }
81761
81800
  }
81762
81801
 
81763
81802
  #{&}.e-grid {
@@ -82641,7 +82680,7 @@ $grid-checkmark-color: $primary-text-color !default;
82641
82680
 
82642
82681
  &:not(.e-grid-min-height) .e-gridcontent {
82643
82682
  tr td:not(.e-indentcell):first-child:empty,
82644
- .e-gridcontent tr.e-row .e-rowcell:empty {
82683
+ tr.e-row .e-rowcell:empty {
82645
82684
  height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
82646
82685
  }
82647
82686
  }
@@ -83538,7 +83577,7 @@ $grid-checkmark-color: $primary-text-color !default;
83538
83577
 
83539
83578
  &.e-default .e-gridheader {
83540
83579
  th.e-firstcell,
83541
- th.e-laststackcell {
83580
+ th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
83542
83581
  @include grid-border-width-styles;
83543
83582
  }
83544
83583
  }
@@ -84841,46 +84880,17 @@ $grid-checkmark-color: $primary-text-color !default;
84841
84880
  }
84842
84881
  }
84843
84882
 
84844
- &:not(.sf-grid).e-resize-lines.e-rtl {
84845
- &.e-default table th[rowspan] {
84883
+ &.e-resize-lines {
84884
+ & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
84885
+ & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
84886
+ & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
84846
84887
  border-right: 0;
84847
84888
  }
84848
84889
  }
84849
84890
 
84850
- & .e-mask {
84851
-
84852
- &.e-skeleton {
84853
- display: inline-block;
84854
- height: 10px;
84855
- width: 80%;
84856
- }
84857
-
84858
- &.e-mask-group-intent {
84859
- margin-left: 7px;
84860
- width: 16px;
84861
- }
84862
-
84863
- &.e-mask-detail-intent {
84864
- width: 16px;
84865
- }
84866
-
84867
- &.e-mask-checkbox-intent {
84868
- margin-left: 3px;
84869
- margin-right: 16px;
84870
- width: 20px;
84871
- }
84872
-
84873
- &.e-mask-checkbox-filter-intent {
84874
- width: 13px;
84875
- }
84876
-
84877
- &.e-mask-checkbox-filter-span-intent {
84878
- margin-left: 8px;
84879
- }
84880
-
84881
- &.e-mask-drag-intent {
84882
- margin-left: 12px;
84883
- width: 12px;
84891
+ &:not(.sf-grid).e-resize-lines.e-rtl {
84892
+ &.e-default table th[rowspan] {
84893
+ border-right: 0;
84884
84894
  }
84885
84895
  }
84886
84896
 
@@ -88601,13 +88611,13 @@ $grid-checkmark-color: $primary-text-color !default;
88601
88611
  }
88602
88612
 
88603
88613
  li {
88604
- @if $grid-skin != 'bootstrap5.3' {
88614
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
88605
88615
  color: $grid-rowcell-color;
88606
88616
  }
88607
88617
  }
88608
88618
 
88609
88619
  & .e-submenu.e-selected {
88610
- @if $grid-skin != 'bootstrap5.3' {
88620
+ @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
88611
88621
  background-color: $grid-responsive-header-background;
88612
88622
  }
88613
88623
  }
@@ -105907,10 +105917,10 @@ $pv-input-active-color: rgba($primary, .54) !default;
105907
105917
  $pv-input-hover-background: $transparent !default;
105908
105918
  $pv-input-hover-color: rgba($primary, .54) !default;
105909
105919
  $pv-input-background: $transparent !default;
105910
- $pv-bookmark-container-background-color: $primary !default;
105920
+ $pv-bookmark-container-background-color: $content-bg-color-alt1 !default;
105911
105921
  $pv-nav-toolbar-text-color: rgba($primary, .87) !default;
105912
- $pv-bookmark-container-border: 1px solid $primary !default;
105913
- $pv-bookmark-list-border-bottom: 1px solid $primary !default;
105922
+ $pv-bookmark-container-border: 1px solid $border-light !default;
105923
+ $pv-bookmark-list-border-bottom: 1px solid $border-light !default;
105914
105924
  $pv-annotation-opacity-popup-box-shadow: 0 3px 8px 0 $content-bg-color-hover !default;
105915
105925
  $pv-annotation-dropdown-background-color: $transparent !default;
105916
105926
  $pv-annotation-dropdown-border-color: $transparent !default;
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@syncfusion/blazor-themes","version":"27.2.2","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":"27.2.3","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"}}