@syncfusion/blazor-themes 31.1.23 → 31.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 (251) hide show
  1. package/Compiled-Themes/bds-dark-lite.css +20 -5
  2. package/Compiled-Themes/bds-dark.css +22 -7
  3. package/Compiled-Themes/bds-lite.css +20 -5
  4. package/Compiled-Themes/bds.css +22 -7
  5. package/Compiled-Themes/bootstrap-dark-lite.css +20 -5
  6. package/Compiled-Themes/bootstrap-dark.css +22 -7
  7. package/Compiled-Themes/bootstrap-lite.css +20 -5
  8. package/Compiled-Themes/bootstrap.css +22 -7
  9. package/Compiled-Themes/bootstrap4-lite.css +20 -5
  10. package/Compiled-Themes/bootstrap4.css +22 -7
  11. package/Compiled-Themes/bootstrap5-dark-lite.css +20 -5
  12. package/Compiled-Themes/bootstrap5-dark.css +22 -7
  13. package/Compiled-Themes/bootstrap5-lite.css +20 -5
  14. package/Compiled-Themes/bootstrap5.3-dark-lite.css +20 -5
  15. package/Compiled-Themes/bootstrap5.3-dark.css +22 -7
  16. package/Compiled-Themes/bootstrap5.3-lite.css +20 -5
  17. package/Compiled-Themes/bootstrap5.3.css +22 -7
  18. package/Compiled-Themes/bootstrap5.css +22 -7
  19. package/Compiled-Themes/fabric-dark-lite.css +20 -5
  20. package/Compiled-Themes/fabric-dark.css +22 -7
  21. package/Compiled-Themes/fabric-lite.css +20 -5
  22. package/Compiled-Themes/fabric.css +22 -7
  23. package/Compiled-Themes/fluent-dark-lite.css +20 -5
  24. package/Compiled-Themes/fluent-dark.css +22 -7
  25. package/Compiled-Themes/fluent-lite.css +20 -5
  26. package/Compiled-Themes/fluent.css +22 -7
  27. package/Compiled-Themes/fluent2-dark-lite.css +20 -5
  28. package/Compiled-Themes/fluent2-dark.css +22 -7
  29. package/Compiled-Themes/fluent2-highcontrast-lite.css +20 -5
  30. package/Compiled-Themes/fluent2-highcontrast.css +22 -7
  31. package/Compiled-Themes/fluent2-lite.css +20 -5
  32. package/Compiled-Themes/fluent2.css +22 -7
  33. package/Compiled-Themes/highcontrast-lite.css +20 -5
  34. package/Compiled-Themes/highcontrast.css +22 -7
  35. package/Compiled-Themes/material-dark-lite.css +20 -5
  36. package/Compiled-Themes/material-dark.css +22 -7
  37. package/Compiled-Themes/material-lite.css +20 -5
  38. package/Compiled-Themes/material.css +22 -7
  39. package/Compiled-Themes/material3-dark-lite.css +20 -5
  40. package/Compiled-Themes/material3-dark.css +22 -7
  41. package/Compiled-Themes/material3-lite.css +20 -5
  42. package/Compiled-Themes/material3.css +22 -7
  43. package/Compiled-Themes/tailwind-dark-lite.css +20 -5
  44. package/Compiled-Themes/tailwind-dark.css +22 -7
  45. package/Compiled-Themes/tailwind-lite.css +20 -5
  46. package/Compiled-Themes/tailwind.css +22 -7
  47. package/Compiled-Themes/tailwind3-dark-lite.css +20 -5
  48. package/Compiled-Themes/tailwind3-dark.css +22 -7
  49. package/Compiled-Themes/tailwind3-lite.css +20 -5
  50. package/Compiled-Themes/tailwind3.css +22 -7
  51. package/SCSS-Themes/bds-dark-lite.scss +20 -3
  52. package/SCSS-Themes/bds-dark.scss +21 -4
  53. package/SCSS-Themes/bds-lite.scss +20 -3
  54. package/SCSS-Themes/bds.scss +21 -4
  55. package/SCSS-Themes/bootstrap-dark-lite.scss +20 -3
  56. package/SCSS-Themes/bootstrap-dark.scss +21 -4
  57. package/SCSS-Themes/bootstrap-lite.scss +20 -3
  58. package/SCSS-Themes/bootstrap.scss +21 -4
  59. package/SCSS-Themes/bootstrap4-lite.scss +20 -3
  60. package/SCSS-Themes/bootstrap4.scss +21 -4
  61. package/SCSS-Themes/bootstrap5-dark-lite.scss +20 -3
  62. package/SCSS-Themes/bootstrap5-dark.scss +21 -4
  63. package/SCSS-Themes/bootstrap5-lite.scss +20 -3
  64. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +20 -3
  65. package/SCSS-Themes/bootstrap5.3-dark.scss +21 -4
  66. package/SCSS-Themes/bootstrap5.3-lite.scss +20 -3
  67. package/SCSS-Themes/bootstrap5.3.scss +21 -4
  68. package/SCSS-Themes/bootstrap5.scss +21 -4
  69. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark-lite.scss +4 -0
  70. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark.scss +4 -0
  71. package/SCSS-Themes/dropdowns/drop-down-list/bds-lite.scss +4 -0
  72. package/SCSS-Themes/dropdowns/drop-down-list/bds.scss +4 -0
  73. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark-lite.scss +4 -0
  74. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark.scss +4 -0
  75. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-lite.scss +4 -0
  76. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap.scss +4 -0
  77. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4-lite.scss +4 -0
  78. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +4 -0
  79. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark-lite.scss +4 -0
  80. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark.scss +4 -0
  81. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-lite.scss +4 -0
  82. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark-lite.scss +4 -0
  83. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark.scss +4 -0
  84. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-lite.scss +4 -0
  85. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3.scss +4 -0
  86. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.scss +4 -0
  87. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark-lite.scss +4 -0
  88. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark.scss +4 -0
  89. package/SCSS-Themes/dropdowns/drop-down-list/fabric-lite.scss +4 -0
  90. package/SCSS-Themes/dropdowns/drop-down-list/fabric.scss +4 -0
  91. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark-lite.scss +4 -0
  92. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark.scss +4 -0
  93. package/SCSS-Themes/dropdowns/drop-down-list/fluent-lite.scss +4 -0
  94. package/SCSS-Themes/dropdowns/drop-down-list/fluent.scss +4 -0
  95. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark-lite.scss +4 -0
  96. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark.scss +4 -0
  97. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast-lite.scss +4 -0
  98. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast.scss +4 -0
  99. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-lite.scss +4 -0
  100. package/SCSS-Themes/dropdowns/drop-down-list/fluent2.scss +4 -0
  101. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast-lite.scss +4 -0
  102. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast.scss +4 -0
  103. package/SCSS-Themes/dropdowns/drop-down-list/material-dark-lite.scss +4 -0
  104. package/SCSS-Themes/dropdowns/drop-down-list/material-dark.scss +4 -0
  105. package/SCSS-Themes/dropdowns/drop-down-list/material-lite.scss +4 -0
  106. package/SCSS-Themes/dropdowns/drop-down-list/material.scss +4 -0
  107. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark-lite.scss +4 -0
  108. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark.scss +4 -0
  109. package/SCSS-Themes/dropdowns/drop-down-list/material3-lite.scss +4 -0
  110. package/SCSS-Themes/dropdowns/drop-down-list/material3.scss +4 -0
  111. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark-lite.scss +4 -0
  112. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark.scss +4 -0
  113. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-lite.scss +4 -0
  114. package/SCSS-Themes/dropdowns/drop-down-list/tailwind.scss +4 -0
  115. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark-lite.scss +4 -0
  116. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark.scss +4 -0
  117. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-lite.scss +4 -0
  118. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3.scss +4 -0
  119. package/SCSS-Themes/fabric-dark-lite.scss +20 -3
  120. package/SCSS-Themes/fabric-dark.scss +21 -4
  121. package/SCSS-Themes/fabric-lite.scss +20 -3
  122. package/SCSS-Themes/fabric.scss +21 -4
  123. package/SCSS-Themes/fluent-dark-lite.scss +20 -3
  124. package/SCSS-Themes/fluent-dark.scss +21 -4
  125. package/SCSS-Themes/fluent-lite.scss +20 -3
  126. package/SCSS-Themes/fluent.scss +21 -4
  127. package/SCSS-Themes/fluent2-dark-lite.scss +20 -3
  128. package/SCSS-Themes/fluent2-dark.scss +21 -4
  129. package/SCSS-Themes/fluent2-highcontrast-lite.scss +20 -3
  130. package/SCSS-Themes/fluent2-highcontrast.scss +21 -4
  131. package/SCSS-Themes/fluent2-lite.scss +20 -3
  132. package/SCSS-Themes/fluent2.scss +21 -4
  133. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +14 -1
  134. package/SCSS-Themes/grids/grid/bds-dark.scss +14 -1
  135. package/SCSS-Themes/grids/grid/bds-lite.scss +14 -1
  136. package/SCSS-Themes/grids/grid/bds.scss +14 -1
  137. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +14 -1
  138. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +14 -1
  139. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +14 -1
  140. package/SCSS-Themes/grids/grid/bootstrap.scss +14 -1
  141. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +14 -1
  142. package/SCSS-Themes/grids/grid/bootstrap4.scss +14 -1
  143. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +14 -1
  144. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +14 -1
  145. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +14 -1
  146. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +14 -1
  147. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +14 -1
  148. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +14 -1
  149. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +14 -1
  150. package/SCSS-Themes/grids/grid/bootstrap5.scss +14 -1
  151. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +14 -1
  152. package/SCSS-Themes/grids/grid/fabric-dark.scss +14 -1
  153. package/SCSS-Themes/grids/grid/fabric-lite.scss +14 -1
  154. package/SCSS-Themes/grids/grid/fabric.scss +14 -1
  155. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +14 -1
  156. package/SCSS-Themes/grids/grid/fluent-dark.scss +14 -1
  157. package/SCSS-Themes/grids/grid/fluent-lite.scss +14 -1
  158. package/SCSS-Themes/grids/grid/fluent.scss +14 -1
  159. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +14 -1
  160. package/SCSS-Themes/grids/grid/fluent2-dark.scss +14 -1
  161. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +14 -1
  162. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +14 -1
  163. package/SCSS-Themes/grids/grid/fluent2-lite.scss +14 -1
  164. package/SCSS-Themes/grids/grid/fluent2.scss +14 -1
  165. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +14 -1
  166. package/SCSS-Themes/grids/grid/highcontrast.scss +14 -1
  167. package/SCSS-Themes/grids/grid/material-dark-lite.scss +14 -1
  168. package/SCSS-Themes/grids/grid/material-dark.scss +14 -1
  169. package/SCSS-Themes/grids/grid/material-lite.scss +14 -1
  170. package/SCSS-Themes/grids/grid/material.scss +14 -1
  171. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +14 -1
  172. package/SCSS-Themes/grids/grid/material3-dark.scss +14 -1
  173. package/SCSS-Themes/grids/grid/material3-lite.scss +14 -1
  174. package/SCSS-Themes/grids/grid/material3.scss +14 -1
  175. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +14 -1
  176. package/SCSS-Themes/grids/grid/tailwind-dark.scss +14 -1
  177. package/SCSS-Themes/grids/grid/tailwind-lite.scss +14 -1
  178. package/SCSS-Themes/grids/grid/tailwind.scss +14 -1
  179. package/SCSS-Themes/grids/grid/tailwind3-dark-lite.scss +14 -1
  180. package/SCSS-Themes/grids/grid/tailwind3-dark.scss +14 -1
  181. package/SCSS-Themes/grids/grid/tailwind3-lite.scss +14 -1
  182. package/SCSS-Themes/grids/grid/tailwind3.scss +14 -1
  183. package/SCSS-Themes/highcontrast-lite.scss +20 -3
  184. package/SCSS-Themes/highcontrast.scss +21 -4
  185. package/SCSS-Themes/layouts/timeline/bds-dark-lite.scss +2 -2
  186. package/SCSS-Themes/layouts/timeline/bds-dark.scss +3 -3
  187. package/SCSS-Themes/layouts/timeline/bds-lite.scss +2 -2
  188. package/SCSS-Themes/layouts/timeline/bds.scss +3 -3
  189. package/SCSS-Themes/layouts/timeline/bootstrap-dark-lite.scss +2 -2
  190. package/SCSS-Themes/layouts/timeline/bootstrap-dark.scss +3 -3
  191. package/SCSS-Themes/layouts/timeline/bootstrap-lite.scss +2 -2
  192. package/SCSS-Themes/layouts/timeline/bootstrap.scss +3 -3
  193. package/SCSS-Themes/layouts/timeline/bootstrap4-lite.scss +2 -2
  194. package/SCSS-Themes/layouts/timeline/bootstrap4.scss +3 -3
  195. package/SCSS-Themes/layouts/timeline/bootstrap5-dark-lite.scss +2 -2
  196. package/SCSS-Themes/layouts/timeline/bootstrap5-dark.scss +3 -3
  197. package/SCSS-Themes/layouts/timeline/bootstrap5-lite.scss +2 -2
  198. package/SCSS-Themes/layouts/timeline/bootstrap5.3-dark-lite.scss +2 -2
  199. package/SCSS-Themes/layouts/timeline/bootstrap5.3-dark.scss +3 -3
  200. package/SCSS-Themes/layouts/timeline/bootstrap5.3-lite.scss +2 -2
  201. package/SCSS-Themes/layouts/timeline/bootstrap5.3.scss +3 -3
  202. package/SCSS-Themes/layouts/timeline/bootstrap5.scss +3 -3
  203. package/SCSS-Themes/layouts/timeline/fabric-dark-lite.scss +2 -2
  204. package/SCSS-Themes/layouts/timeline/fabric-dark.scss +3 -3
  205. package/SCSS-Themes/layouts/timeline/fabric-lite.scss +2 -2
  206. package/SCSS-Themes/layouts/timeline/fabric.scss +3 -3
  207. package/SCSS-Themes/layouts/timeline/fluent-dark-lite.scss +2 -2
  208. package/SCSS-Themes/layouts/timeline/fluent-dark.scss +3 -3
  209. package/SCSS-Themes/layouts/timeline/fluent-lite.scss +2 -2
  210. package/SCSS-Themes/layouts/timeline/fluent.scss +3 -3
  211. package/SCSS-Themes/layouts/timeline/fluent2-dark-lite.scss +2 -2
  212. package/SCSS-Themes/layouts/timeline/fluent2-dark.scss +3 -3
  213. package/SCSS-Themes/layouts/timeline/fluent2-highcontrast-lite.scss +2 -2
  214. package/SCSS-Themes/layouts/timeline/fluent2-highcontrast.scss +3 -3
  215. package/SCSS-Themes/layouts/timeline/fluent2-lite.scss +2 -2
  216. package/SCSS-Themes/layouts/timeline/fluent2.scss +3 -3
  217. package/SCSS-Themes/layouts/timeline/highcontrast-lite.scss +2 -2
  218. package/SCSS-Themes/layouts/timeline/highcontrast.scss +3 -3
  219. package/SCSS-Themes/layouts/timeline/material-dark-lite.scss +2 -2
  220. package/SCSS-Themes/layouts/timeline/material-dark.scss +3 -3
  221. package/SCSS-Themes/layouts/timeline/material-lite.scss +2 -2
  222. package/SCSS-Themes/layouts/timeline/material.scss +3 -3
  223. package/SCSS-Themes/layouts/timeline/material3-dark-lite.scss +2 -2
  224. package/SCSS-Themes/layouts/timeline/material3-dark.scss +3 -3
  225. package/SCSS-Themes/layouts/timeline/material3-lite.scss +2 -2
  226. package/SCSS-Themes/layouts/timeline/material3.scss +3 -3
  227. package/SCSS-Themes/layouts/timeline/tailwind-dark-lite.scss +2 -2
  228. package/SCSS-Themes/layouts/timeline/tailwind-dark.scss +3 -3
  229. package/SCSS-Themes/layouts/timeline/tailwind-lite.scss +2 -2
  230. package/SCSS-Themes/layouts/timeline/tailwind.scss +3 -3
  231. package/SCSS-Themes/layouts/timeline/tailwind3-dark-lite.scss +2 -2
  232. package/SCSS-Themes/layouts/timeline/tailwind3-dark.scss +3 -3
  233. package/SCSS-Themes/layouts/timeline/tailwind3-lite.scss +2 -2
  234. package/SCSS-Themes/layouts/timeline/tailwind3.scss +3 -3
  235. package/SCSS-Themes/material-dark-lite.scss +20 -3
  236. package/SCSS-Themes/material-dark.scss +21 -4
  237. package/SCSS-Themes/material-lite.scss +20 -3
  238. package/SCSS-Themes/material.scss +21 -4
  239. package/SCSS-Themes/material3-dark-lite.scss +20 -3
  240. package/SCSS-Themes/material3-dark.scss +21 -4
  241. package/SCSS-Themes/material3-lite.scss +20 -3
  242. package/SCSS-Themes/material3.scss +21 -4
  243. package/SCSS-Themes/tailwind-dark-lite.scss +20 -3
  244. package/SCSS-Themes/tailwind-dark.scss +21 -4
  245. package/SCSS-Themes/tailwind-lite.scss +20 -3
  246. package/SCSS-Themes/tailwind.scss +21 -4
  247. package/SCSS-Themes/tailwind3-dark-lite.scss +20 -3
  248. package/SCSS-Themes/tailwind3-dark.scss +21 -4
  249. package/SCSS-Themes/tailwind3-lite.scss +20 -3
  250. package/SCSS-Themes/tailwind3.scss +21 -4
  251. package/package.json +1 -1
@@ -4959,7 +4959,7 @@ $grid-checkmark-color: $primary !default;
4959
4959
  line-height: normal;
4960
4960
  }
4961
4961
  }
4962
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4962
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4963
4963
  /* stylelint-disable declaration-no-important */
4964
4964
  .e-table {
4965
4965
  border-spacing: 0 !important;
@@ -4973,6 +4973,19 @@ $grid-checkmark-color: $primary !default;
4973
4973
  }
4974
4974
  /* stylelint-enable function-url-quotes */
4975
4975
 
4976
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4977
+ /* stylelint-disable function-url-quotes */
4978
+ @supports (font: -apple-system-body) {
4979
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4980
+
4981
+ /* stylelint-disable declaration-no-important */
4982
+ .e-table {
4983
+ border-spacing: 0 !important;
4984
+ }
4985
+ }
4986
+ }
4987
+ /* stylelint-enable function-url-quotes */
4988
+
4976
4989
 
4977
4990
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4978
4991
  @if $grid-skin == 'material3' {
@@ -4959,7 +4959,7 @@ $grid-checkmark-color: $primary !default;
4959
4959
  line-height: normal;
4960
4960
  }
4961
4961
  }
4962
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4962
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4963
4963
  /* stylelint-disable declaration-no-important */
4964
4964
  .e-table {
4965
4965
  border-spacing: 0 !important;
@@ -4973,6 +4973,19 @@ $grid-checkmark-color: $primary !default;
4973
4973
  }
4974
4974
  /* stylelint-enable function-url-quotes */
4975
4975
 
4976
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4977
+ /* stylelint-disable function-url-quotes */
4978
+ @supports (font: -apple-system-body) {
4979
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4980
+
4981
+ /* stylelint-disable declaration-no-important */
4982
+ .e-table {
4983
+ border-spacing: 0 !important;
4984
+ }
4985
+ }
4986
+ }
4987
+ /* stylelint-enable function-url-quotes */
4988
+
4976
4989
 
4977
4990
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4978
4991
  @if $grid-skin == 'material3' {
@@ -4950,7 +4950,7 @@ $grid-checkmark-color: $grey-light-font !default;
4950
4950
  line-height: normal;
4951
4951
  }
4952
4952
  }
4953
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4953
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4954
4954
  /* stylelint-disable declaration-no-important */
4955
4955
  .e-table {
4956
4956
  border-spacing: 0 !important;
@@ -4964,6 +4964,19 @@ $grid-checkmark-color: $grey-light-font !default;
4964
4964
  }
4965
4965
  /* stylelint-enable function-url-quotes */
4966
4966
 
4967
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4968
+ /* stylelint-disable function-url-quotes */
4969
+ @supports (font: -apple-system-body) {
4970
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4971
+
4972
+ /* stylelint-disable declaration-no-important */
4973
+ .e-table {
4974
+ border-spacing: 0 !important;
4975
+ }
4976
+ }
4977
+ }
4978
+ /* stylelint-enable function-url-quotes */
4979
+
4967
4980
 
4968
4981
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4969
4982
  @if $grid-skin == 'material3' {
@@ -4950,7 +4950,7 @@ $grid-checkmark-color: $grey-light-font !default;
4950
4950
  line-height: normal;
4951
4951
  }
4952
4952
  }
4953
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4953
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4954
4954
  /* stylelint-disable declaration-no-important */
4955
4955
  .e-table {
4956
4956
  border-spacing: 0 !important;
@@ -4964,6 +4964,19 @@ $grid-checkmark-color: $grey-light-font !default;
4964
4964
  }
4965
4965
  /* stylelint-enable function-url-quotes */
4966
4966
 
4967
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4968
+ /* stylelint-disable function-url-quotes */
4969
+ @supports (font: -apple-system-body) {
4970
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4971
+
4972
+ /* stylelint-disable declaration-no-important */
4973
+ .e-table {
4974
+ border-spacing: 0 !important;
4975
+ }
4976
+ }
4977
+ }
4978
+ /* stylelint-enable function-url-quotes */
4979
+
4967
4980
 
4968
4981
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4969
4982
  @if $grid-skin == 'material3' {
@@ -4947,7 +4947,7 @@ $grid-checkmark-color: $grey !default;
4947
4947
  line-height: normal;
4948
4948
  }
4949
4949
  }
4950
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4950
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4951
4951
  /* stylelint-disable declaration-no-important */
4952
4952
  .e-table {
4953
4953
  border-spacing: 0 !important;
@@ -4961,6 +4961,19 @@ $grid-checkmark-color: $grey !default;
4961
4961
  }
4962
4962
  /* stylelint-enable function-url-quotes */
4963
4963
 
4964
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4965
+ /* stylelint-disable function-url-quotes */
4966
+ @supports (font: -apple-system-body) {
4967
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4968
+
4969
+ /* stylelint-disable declaration-no-important */
4970
+ .e-table {
4971
+ border-spacing: 0 !important;
4972
+ }
4973
+ }
4974
+ }
4975
+ /* stylelint-enable function-url-quotes */
4976
+
4964
4977
 
4965
4978
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4966
4979
  @if $grid-skin == 'material3' {
@@ -4947,7 +4947,7 @@ $grid-checkmark-color: $grey !default;
4947
4947
  line-height: normal;
4948
4948
  }
4949
4949
  }
4950
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4950
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4951
4951
  /* stylelint-disable declaration-no-important */
4952
4952
  .e-table {
4953
4953
  border-spacing: 0 !important;
@@ -4961,6 +4961,19 @@ $grid-checkmark-color: $grey !default;
4961
4961
  }
4962
4962
  /* stylelint-enable function-url-quotes */
4963
4963
 
4964
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4965
+ /* stylelint-disable function-url-quotes */
4966
+ @supports (font: -apple-system-body) {
4967
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4968
+
4969
+ /* stylelint-disable declaration-no-important */
4970
+ .e-table {
4971
+ border-spacing: 0 !important;
4972
+ }
4973
+ }
4974
+ }
4975
+ /* stylelint-enable function-url-quotes */
4976
+
4964
4977
 
4965
4978
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4966
4979
  @if $grid-skin == 'material3' {
@@ -4954,7 +4954,7 @@ $grid-checkmark-color: $white !default;
4954
4954
  line-height: normal;
4955
4955
  }
4956
4956
  }
4957
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4957
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4958
4958
  /* stylelint-disable declaration-no-important */
4959
4959
  .e-table {
4960
4960
  border-spacing: 0 !important;
@@ -4968,6 +4968,19 @@ $grid-checkmark-color: $white !default;
4968
4968
  }
4969
4969
  /* stylelint-enable function-url-quotes */
4970
4970
 
4971
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4972
+ /* stylelint-disable function-url-quotes */
4973
+ @supports (font: -apple-system-body) {
4974
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4975
+
4976
+ /* stylelint-disable declaration-no-important */
4977
+ .e-table {
4978
+ border-spacing: 0 !important;
4979
+ }
4980
+ }
4981
+ }
4982
+ /* stylelint-enable function-url-quotes */
4983
+
4971
4984
 
4972
4985
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4973
4986
  @if $grid-skin == 'material3' {
@@ -4954,7 +4954,7 @@ $grid-checkmark-color: $white !default;
4954
4954
  line-height: normal;
4955
4955
  }
4956
4956
  }
4957
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4957
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4958
4958
  /* stylelint-disable declaration-no-important */
4959
4959
  .e-table {
4960
4960
  border-spacing: 0 !important;
@@ -4968,6 +4968,19 @@ $grid-checkmark-color: $white !default;
4968
4968
  }
4969
4969
  /* stylelint-enable function-url-quotes */
4970
4970
 
4971
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4972
+ /* stylelint-disable function-url-quotes */
4973
+ @supports (font: -apple-system-body) {
4974
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4975
+
4976
+ /* stylelint-disable declaration-no-important */
4977
+ .e-table {
4978
+ border-spacing: 0 !important;
4979
+ }
4980
+ }
4981
+ }
4982
+ /* stylelint-enable function-url-quotes */
4983
+
4971
4984
 
4972
4985
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4973
4986
  @if $grid-skin == 'material3' {
@@ -4950,7 +4950,7 @@ $grid-checkmark-color: $primary-text-color !default;
4950
4950
  line-height: normal;
4951
4951
  }
4952
4952
  }
4953
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4953
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4954
4954
  /* stylelint-disable declaration-no-important */
4955
4955
  .e-table {
4956
4956
  border-spacing: 0 !important;
@@ -4964,6 +4964,19 @@ $grid-checkmark-color: $primary-text-color !default;
4964
4964
  }
4965
4965
  /* stylelint-enable function-url-quotes */
4966
4966
 
4967
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4968
+ /* stylelint-disable function-url-quotes */
4969
+ @supports (font: -apple-system-body) {
4970
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4971
+
4972
+ /* stylelint-disable declaration-no-important */
4973
+ .e-table {
4974
+ border-spacing: 0 !important;
4975
+ }
4976
+ }
4977
+ }
4978
+ /* stylelint-enable function-url-quotes */
4979
+
4967
4980
 
4968
4981
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4969
4982
  @if $grid-skin == 'material3' {
@@ -4950,7 +4950,7 @@ $grid-checkmark-color: $primary-text-color !default;
4950
4950
  line-height: normal;
4951
4951
  }
4952
4952
  }
4953
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4953
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4954
4954
  /* stylelint-disable declaration-no-important */
4955
4955
  .e-table {
4956
4956
  border-spacing: 0 !important;
@@ -4964,6 +4964,19 @@ $grid-checkmark-color: $primary-text-color !default;
4964
4964
  }
4965
4965
  /* stylelint-enable function-url-quotes */
4966
4966
 
4967
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4968
+ /* stylelint-disable function-url-quotes */
4969
+ @supports (font: -apple-system-body) {
4970
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4971
+
4972
+ /* stylelint-disable declaration-no-important */
4973
+ .e-table {
4974
+ border-spacing: 0 !important;
4975
+ }
4976
+ }
4977
+ }
4978
+ /* stylelint-enable function-url-quotes */
4979
+
4967
4980
 
4968
4981
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4969
4982
  @if $grid-skin == 'material3' {
@@ -4950,7 +4950,7 @@ $grid-checkmark-color: $primary-text-color !default;
4950
4950
  line-height: normal;
4951
4951
  }
4952
4952
  }
4953
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4953
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4954
4954
  /* stylelint-disable declaration-no-important */
4955
4955
  .e-table {
4956
4956
  border-spacing: 0 !important;
@@ -4964,6 +4964,19 @@ $grid-checkmark-color: $primary-text-color !default;
4964
4964
  }
4965
4965
  /* stylelint-enable function-url-quotes */
4966
4966
 
4967
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4968
+ /* stylelint-disable function-url-quotes */
4969
+ @supports (font: -apple-system-body) {
4970
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4971
+
4972
+ /* stylelint-disable declaration-no-important */
4973
+ .e-table {
4974
+ border-spacing: 0 !important;
4975
+ }
4976
+ }
4977
+ }
4978
+ /* stylelint-enable function-url-quotes */
4979
+
4967
4980
 
4968
4981
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4969
4982
  @if $grid-skin == 'material3' {
@@ -4950,7 +4950,7 @@ $grid-checkmark-color: $primary-text-color !default;
4950
4950
  line-height: normal;
4951
4951
  }
4952
4952
  }
4953
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4953
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4954
4954
  /* stylelint-disable declaration-no-important */
4955
4955
  .e-table {
4956
4956
  border-spacing: 0 !important;
@@ -4964,6 +4964,19 @@ $grid-checkmark-color: $primary-text-color !default;
4964
4964
  }
4965
4965
  /* stylelint-enable function-url-quotes */
4966
4966
 
4967
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4968
+ /* stylelint-disable function-url-quotes */
4969
+ @supports (font: -apple-system-body) {
4970
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4971
+
4972
+ /* stylelint-disable declaration-no-important */
4973
+ .e-table {
4974
+ border-spacing: 0 !important;
4975
+ }
4976
+ }
4977
+ }
4978
+ /* stylelint-enable function-url-quotes */
4979
+
4967
4980
 
4968
4981
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4969
4982
  @if $grid-skin == 'material3' {
@@ -4950,7 +4950,7 @@ $grid-checkmark-color: $primary-text-color !default;
4950
4950
  line-height: normal;
4951
4951
  }
4952
4952
  }
4953
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4953
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4954
4954
  /* stylelint-disable declaration-no-important */
4955
4955
  .e-table {
4956
4956
  border-spacing: 0 !important;
@@ -4964,6 +4964,19 @@ $grid-checkmark-color: $primary-text-color !default;
4964
4964
  }
4965
4965
  /* stylelint-enable function-url-quotes */
4966
4966
 
4967
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4968
+ /* stylelint-disable function-url-quotes */
4969
+ @supports (font: -apple-system-body) {
4970
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4971
+
4972
+ /* stylelint-disable declaration-no-important */
4973
+ .e-table {
4974
+ border-spacing: 0 !important;
4975
+ }
4976
+ }
4977
+ }
4978
+ /* stylelint-enable function-url-quotes */
4979
+
4967
4980
 
4968
4981
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4969
4982
  @if $grid-skin == 'material3' {
@@ -4950,7 +4950,7 @@ $grid-checkmark-color: $primary-text-color !default;
4950
4950
  line-height: normal;
4951
4951
  }
4952
4952
  }
4953
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4953
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4954
4954
  /* stylelint-disable declaration-no-important */
4955
4955
  .e-table {
4956
4956
  border-spacing: 0 !important;
@@ -4964,6 +4964,19 @@ $grid-checkmark-color: $primary-text-color !default;
4964
4964
  }
4965
4965
  /* stylelint-enable function-url-quotes */
4966
4966
 
4967
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4968
+ /* stylelint-disable function-url-quotes */
4969
+ @supports (font: -apple-system-body) {
4970
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4971
+
4972
+ /* stylelint-disable declaration-no-important */
4973
+ .e-table {
4974
+ border-spacing: 0 !important;
4975
+ }
4976
+ }
4977
+ }
4978
+ /* stylelint-enable function-url-quotes */
4979
+
4967
4980
 
4968
4981
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4969
4982
  @if $grid-skin == 'material3' {
@@ -4950,7 +4950,7 @@ $grid-checkmark-color: $primary-text-color !default;
4950
4950
  line-height: normal;
4951
4951
  }
4952
4952
  }
4953
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4953
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4954
4954
  /* stylelint-disable declaration-no-important */
4955
4955
  .e-table {
4956
4956
  border-spacing: 0 !important;
@@ -4964,6 +4964,19 @@ $grid-checkmark-color: $primary-text-color !default;
4964
4964
  }
4965
4965
  /* stylelint-enable function-url-quotes */
4966
4966
 
4967
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4968
+ /* stylelint-disable function-url-quotes */
4969
+ @supports (font: -apple-system-body) {
4970
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4971
+
4972
+ /* stylelint-disable declaration-no-important */
4973
+ .e-table {
4974
+ border-spacing: 0 !important;
4975
+ }
4976
+ }
4977
+ }
4978
+ /* stylelint-enable function-url-quotes */
4979
+
4967
4980
 
4968
4981
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4969
4982
  @if $grid-skin == 'material3' {
@@ -4950,7 +4950,7 @@ $grid-checkmark-color: $primary-text-color !default;
4950
4950
  line-height: normal;
4951
4951
  }
4952
4952
  }
4953
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4953
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4954
4954
  /* stylelint-disable declaration-no-important */
4955
4955
  .e-table {
4956
4956
  border-spacing: 0 !important;
@@ -4964,6 +4964,19 @@ $grid-checkmark-color: $primary-text-color !default;
4964
4964
  }
4965
4965
  /* stylelint-enable function-url-quotes */
4966
4966
 
4967
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4968
+ /* stylelint-disable function-url-quotes */
4969
+ @supports (font: -apple-system-body) {
4970
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4971
+
4972
+ /* stylelint-disable declaration-no-important */
4973
+ .e-table {
4974
+ border-spacing: 0 !important;
4975
+ }
4976
+ }
4977
+ }
4978
+ /* stylelint-enable function-url-quotes */
4979
+
4967
4980
 
4968
4981
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4969
4982
  @if $grid-skin == 'material3' {
@@ -4949,7 +4949,7 @@ $grid-checkmark-color: $theme-dark-font !default;
4949
4949
  line-height: normal;
4950
4950
  }
4951
4951
  }
4952
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4952
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4953
4953
  /* stylelint-disable declaration-no-important */
4954
4954
  .e-table {
4955
4955
  border-spacing: 0 !important;
@@ -4963,6 +4963,19 @@ $grid-checkmark-color: $theme-dark-font !default;
4963
4963
  }
4964
4964
  /* stylelint-enable function-url-quotes */
4965
4965
 
4966
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4967
+ /* stylelint-disable function-url-quotes */
4968
+ @supports (font: -apple-system-body) {
4969
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4970
+
4971
+ /* stylelint-disable declaration-no-important */
4972
+ .e-table {
4973
+ border-spacing: 0 !important;
4974
+ }
4975
+ }
4976
+ }
4977
+ /* stylelint-enable function-url-quotes */
4978
+
4966
4979
 
4967
4980
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4968
4981
  @if $grid-skin == 'material3' {
@@ -4949,7 +4949,7 @@ $grid-checkmark-color: $theme-dark-font !default;
4949
4949
  line-height: normal;
4950
4950
  }
4951
4951
  }
4952
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4952
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4953
4953
  /* stylelint-disable declaration-no-important */
4954
4954
  .e-table {
4955
4955
  border-spacing: 0 !important;
@@ -4963,6 +4963,19 @@ $grid-checkmark-color: $theme-dark-font !default;
4963
4963
  }
4964
4964
  /* stylelint-enable function-url-quotes */
4965
4965
 
4966
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4967
+ /* stylelint-disable function-url-quotes */
4968
+ @supports (font: -apple-system-body) {
4969
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4970
+
4971
+ /* stylelint-disable declaration-no-important */
4972
+ .e-table {
4973
+ border-spacing: 0 !important;
4974
+ }
4975
+ }
4976
+ }
4977
+ /* stylelint-enable function-url-quotes */
4978
+
4966
4979
 
4967
4980
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4968
4981
  @if $grid-skin == 'material3' {
@@ -4950,7 +4950,7 @@ $grid-checkmark-color: $theme-primary-font !default;
4950
4950
  line-height: normal;
4951
4951
  }
4952
4952
  }
4953
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4953
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4954
4954
  /* stylelint-disable declaration-no-important */
4955
4955
  .e-table {
4956
4956
  border-spacing: 0 !important;
@@ -4964,6 +4964,19 @@ $grid-checkmark-color: $theme-primary-font !default;
4964
4964
  }
4965
4965
  /* stylelint-enable function-url-quotes */
4966
4966
 
4967
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4968
+ /* stylelint-disable function-url-quotes */
4969
+ @supports (font: -apple-system-body) {
4970
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4971
+
4972
+ /* stylelint-disable declaration-no-important */
4973
+ .e-table {
4974
+ border-spacing: 0 !important;
4975
+ }
4976
+ }
4977
+ }
4978
+ /* stylelint-enable function-url-quotes */
4979
+
4967
4980
 
4968
4981
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4969
4982
  @if $grid-skin == 'material3' {
@@ -4950,7 +4950,7 @@ $grid-checkmark-color: $theme-primary-font !default;
4950
4950
  line-height: normal;
4951
4951
  }
4952
4952
  }
4953
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4953
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4954
4954
  /* stylelint-disable declaration-no-important */
4955
4955
  .e-table {
4956
4956
  border-spacing: 0 !important;
@@ -4964,6 +4964,19 @@ $grid-checkmark-color: $theme-primary-font !default;
4964
4964
  }
4965
4965
  /* stylelint-enable function-url-quotes */
4966
4966
 
4967
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4968
+ /* stylelint-disable function-url-quotes */
4969
+ @supports (font: -apple-system-body) {
4970
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4971
+
4972
+ /* stylelint-disable declaration-no-important */
4973
+ .e-table {
4974
+ border-spacing: 0 !important;
4975
+ }
4976
+ }
4977
+ }
4978
+ /* stylelint-enable function-url-quotes */
4979
+
4967
4980
 
4968
4981
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4969
4982
  @if $grid-skin == 'material3' {
@@ -4951,7 +4951,7 @@ $grid-checkmark-color: $primary-text-color !default;
4951
4951
  line-height: normal;
4952
4952
  }
4953
4953
  }
4954
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4954
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4955
4955
  /* stylelint-disable declaration-no-important */
4956
4956
  .e-table {
4957
4957
  border-spacing: 0 !important;
@@ -4965,6 +4965,19 @@ $grid-checkmark-color: $primary-text-color !default;
4965
4965
  }
4966
4966
  /* stylelint-enable function-url-quotes */
4967
4967
 
4968
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4969
+ /* stylelint-disable function-url-quotes */
4970
+ @supports (font: -apple-system-body) {
4971
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4972
+
4973
+ /* stylelint-disable declaration-no-important */
4974
+ .e-table {
4975
+ border-spacing: 0 !important;
4976
+ }
4977
+ }
4978
+ }
4979
+ /* stylelint-enable function-url-quotes */
4980
+
4968
4981
 
4969
4982
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4970
4983
  @if $grid-skin == 'material3' {
@@ -4951,7 +4951,7 @@ $grid-checkmark-color: $primary-text-color !default;
4951
4951
  line-height: normal;
4952
4952
  }
4953
4953
  }
4954
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4954
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4955
4955
  /* stylelint-disable declaration-no-important */
4956
4956
  .e-table {
4957
4957
  border-spacing: 0 !important;
@@ -4965,6 +4965,19 @@ $grid-checkmark-color: $primary-text-color !default;
4965
4965
  }
4966
4966
  /* stylelint-enable function-url-quotes */
4967
4967
 
4968
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4969
+ /* stylelint-disable function-url-quotes */
4970
+ @supports (font: -apple-system-body) {
4971
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4972
+
4973
+ /* stylelint-disable declaration-no-important */
4974
+ .e-table {
4975
+ border-spacing: 0 !important;
4976
+ }
4977
+ }
4978
+ }
4979
+ /* stylelint-enable function-url-quotes */
4980
+
4968
4981
 
4969
4982
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4970
4983
  @if $grid-skin == 'material3' {
@@ -4951,7 +4951,7 @@ $grid-checkmark-color: $primary-text-color !default;
4951
4951
  line-height: normal;
4952
4952
  }
4953
4953
  }
4954
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
4954
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4955
4955
  /* stylelint-disable declaration-no-important */
4956
4956
  .e-table {
4957
4957
  border-spacing: 0 !important;
@@ -4965,6 +4965,19 @@ $grid-checkmark-color: $primary-text-color !default;
4965
4965
  }
4966
4966
  /* stylelint-enable function-url-quotes */
4967
4967
 
4968
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
4969
+ /* stylelint-disable function-url-quotes */
4970
+ @supports (font: -apple-system-body) {
4971
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
4972
+
4973
+ /* stylelint-disable declaration-no-important */
4974
+ .e-table {
4975
+ border-spacing: 0 !important;
4976
+ }
4977
+ }
4978
+ }
4979
+ /* stylelint-enable function-url-quotes */
4980
+
4968
4981
 
4969
4982
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
4970
4983
  @if $grid-skin == 'material3' {