@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
@@ -2885,6 +2885,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
2885
2885
  display: flex;
2886
2886
  }
2887
2887
 
2888
+ .e-disabled.e-ddl.e-static-clear .e-clear-icon {
2889
+ pointer-events: none;
2890
+ }
2891
+
2888
2892
  .e-ddl.e-input-group {
2889
2893
  .e-input-value,
2890
2894
  .e-input-value:focus {
@@ -66306,7 +66310,7 @@ $grid-checkmark-color: $primary-text-color !default;
66306
66310
  line-height: normal;
66307
66311
  }
66308
66312
  }
66309
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
66313
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
66310
66314
  /* stylelint-disable declaration-no-important */
66311
66315
  .e-table {
66312
66316
  border-spacing: 0 !important;
@@ -66320,6 +66324,19 @@ $grid-checkmark-color: $primary-text-color !default;
66320
66324
  }
66321
66325
  /* stylelint-enable function-url-quotes */
66322
66326
 
66327
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
66328
+ /* stylelint-disable function-url-quotes */
66329
+ @supports (font: -apple-system-body) {
66330
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
66331
+
66332
+ /* stylelint-disable declaration-no-important */
66333
+ .e-table {
66334
+ border-spacing: 0 !important;
66335
+ }
66336
+ }
66337
+ }
66338
+ /* stylelint-enable function-url-quotes */
66339
+
66323
66340
 
66324
66341
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
66325
66342
  @if $grid-skin == 'material3' {
@@ -111632,7 +111649,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
111632
111649
  height: inherit;
111633
111650
  width: 100%;
111634
111651
 
111635
- [class ^= 'e-dot ']::before,
111652
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
111636
111653
  .e-dot-item,
111637
111654
  .e-dot {
111638
111655
  display: flex;
@@ -111640,7 +111657,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
111640
111657
  justify-content: center;
111641
111658
  }
111642
111659
 
111643
- [class ^= 'e-dot ']::before {
111660
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
111644
111661
  min-width: $timeline-dot-icon-size;
111645
111662
  min-height: $timeline-dot-icon-size;
111646
111663
  border-radius: var(--dot-radius);
@@ -3007,6 +3007,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3007
3007
  display: flex;
3008
3008
  }
3009
3009
 
3010
+ .e-disabled.e-ddl.e-static-clear .e-clear-icon {
3011
+ pointer-events: none;
3012
+ }
3013
+
3010
3014
  .e-ddl.e-input-group {
3011
3015
  .e-input-value,
3012
3016
  .e-input-value:focus {
@@ -88711,7 +88715,7 @@ $grid-checkmark-color: $primary-text-color !default;
88711
88715
  line-height: normal;
88712
88716
  }
88713
88717
  }
88714
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
88718
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
88715
88719
  /* stylelint-disable declaration-no-important */
88716
88720
  .e-table {
88717
88721
  border-spacing: 0 !important;
@@ -88725,6 +88729,19 @@ $grid-checkmark-color: $primary-text-color !default;
88725
88729
  }
88726
88730
  /* stylelint-enable function-url-quotes */
88727
88731
 
88732
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
88733
+ /* stylelint-disable function-url-quotes */
88734
+ @supports (font: -apple-system-body) {
88735
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
88736
+
88737
+ /* stylelint-disable declaration-no-important */
88738
+ .e-table {
88739
+ border-spacing: 0 !important;
88740
+ }
88741
+ }
88742
+ }
88743
+ /* stylelint-enable function-url-quotes */
88744
+
88728
88745
 
88729
88746
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
88730
88747
  @if $grid-skin == 'material3' {
@@ -144631,7 +144648,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
144631
144648
  height: inherit;
144632
144649
  width: 100%;
144633
144650
 
144634
- [class ^= 'e-dot ']::before,
144651
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
144635
144652
  .e-dot-item,
144636
144653
  .e-dot {
144637
144654
  display: flex;
@@ -144639,7 +144656,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
144639
144656
  justify-content: center;
144640
144657
  }
144641
144658
 
144642
- [class ^= 'e-dot ']::before {
144659
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
144643
144660
  min-width: $timeline-dot-icon-size;
144644
144661
  min-height: $timeline-dot-icon-size;
144645
144662
  border-radius: var(--dot-radius);
@@ -144946,7 +144963,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
144946
144963
  @include export-module('timeline-bigger') {
144947
144964
  .e-bigger.e-timeline,
144948
144965
  .e-bigger .e-timeline {
144949
- [class ^= 'e-dot ']::before {
144966
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
144950
144967
  min-width: $timeline-bigger-dot-icon-size;
144951
144968
  min-height: $timeline-bigger-dot-icon-size;
144952
144969
  font-size: $timeline-bigger-dot-font-size;
@@ -4100,6 +4100,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
4100
4100
  display: flex;
4101
4101
  }
4102
4102
 
4103
+ .e-disabled.e-ddl.e-static-clear .e-clear-icon {
4104
+ pointer-events: none;
4105
+ }
4106
+
4103
4107
  .e-ddl.e-input-group {
4104
4108
  .e-input-value,
4105
4109
  .e-input-value:focus {
@@ -67820,7 +67824,7 @@ $grid-checkmark-color: $primary-text-color !default;
67820
67824
  line-height: normal;
67821
67825
  }
67822
67826
  }
67823
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
67827
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
67824
67828
  /* stylelint-disable declaration-no-important */
67825
67829
  .e-table {
67826
67830
  border-spacing: 0 !important;
@@ -67834,6 +67838,19 @@ $grid-checkmark-color: $primary-text-color !default;
67834
67838
  }
67835
67839
  /* stylelint-enable function-url-quotes */
67836
67840
 
67841
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
67842
+ /* stylelint-disable function-url-quotes */
67843
+ @supports (font: -apple-system-body) {
67844
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
67845
+
67846
+ /* stylelint-disable declaration-no-important */
67847
+ .e-table {
67848
+ border-spacing: 0 !important;
67849
+ }
67850
+ }
67851
+ }
67852
+ /* stylelint-enable function-url-quotes */
67853
+
67837
67854
 
67838
67855
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
67839
67856
  @if $grid-skin == 'material3' {
@@ -113161,7 +113178,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
113161
113178
  height: inherit;
113162
113179
  width: 100%;
113163
113180
 
113164
- [class ^= 'e-dot ']::before,
113181
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
113165
113182
  .e-dot-item,
113166
113183
  .e-dot {
113167
113184
  display: flex;
@@ -113169,7 +113186,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
113169
113186
  justify-content: center;
113170
113187
  }
113171
113188
 
113172
- [class ^= 'e-dot ']::before {
113189
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
113173
113190
  min-width: $timeline-dot-icon-size;
113174
113191
  min-height: $timeline-dot-icon-size;
113175
113192
  border-radius: var(--dot-radius);
@@ -4222,6 +4222,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
4222
4222
  display: flex;
4223
4223
  }
4224
4224
 
4225
+ .e-disabled.e-ddl.e-static-clear .e-clear-icon {
4226
+ pointer-events: none;
4227
+ }
4228
+
4225
4229
  .e-ddl.e-input-group {
4226
4230
  .e-input-value,
4227
4231
  .e-input-value:focus {
@@ -90225,7 +90229,7 @@ $grid-checkmark-color: $primary-text-color !default;
90225
90229
  line-height: normal;
90226
90230
  }
90227
90231
  }
90228
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
90232
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
90229
90233
  /* stylelint-disable declaration-no-important */
90230
90234
  .e-table {
90231
90235
  border-spacing: 0 !important;
@@ -90239,6 +90243,19 @@ $grid-checkmark-color: $primary-text-color !default;
90239
90243
  }
90240
90244
  /* stylelint-enable function-url-quotes */
90241
90245
 
90246
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
90247
+ /* stylelint-disable function-url-quotes */
90248
+ @supports (font: -apple-system-body) {
90249
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
90250
+
90251
+ /* stylelint-disable declaration-no-important */
90252
+ .e-table {
90253
+ border-spacing: 0 !important;
90254
+ }
90255
+ }
90256
+ }
90257
+ /* stylelint-enable function-url-quotes */
90258
+
90242
90259
 
90243
90260
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
90244
90261
  @if $grid-skin == 'material3' {
@@ -146160,7 +146177,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
146160
146177
  height: inherit;
146161
146178
  width: 100%;
146162
146179
 
146163
- [class ^= 'e-dot ']::before,
146180
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
146164
146181
  .e-dot-item,
146165
146182
  .e-dot {
146166
146183
  display: flex;
@@ -146168,7 +146185,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
146168
146185
  justify-content: center;
146169
146186
  }
146170
146187
 
146171
- [class ^= 'e-dot ']::before {
146188
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
146172
146189
  min-width: $timeline-dot-icon-size;
146173
146190
  min-height: $timeline-dot-icon-size;
146174
146191
  border-radius: var(--dot-radius);
@@ -146475,7 +146492,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
146475
146492
  @include export-module('timeline-bigger') {
146476
146493
  .e-bigger.e-timeline,
146477
146494
  .e-bigger .e-timeline {
146478
- [class ^= 'e-dot ']::before {
146495
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
146479
146496
  min-width: $timeline-bigger-dot-icon-size;
146480
146497
  min-height: $timeline-bigger-dot-icon-size;
146481
146498
  font-size: $timeline-bigger-dot-font-size;
@@ -4571,6 +4571,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
4571
4571
  display: flex;
4572
4572
  }
4573
4573
 
4574
+ .e-disabled.e-ddl.e-static-clear .e-clear-icon {
4575
+ pointer-events: none;
4576
+ }
4577
+
4574
4578
  .e-ddl.e-input-group {
4575
4579
  .e-input-value,
4576
4580
  .e-input-value:focus {
@@ -68291,7 +68295,7 @@ $grid-checkmark-color: $primary-text-color !default;
68291
68295
  line-height: normal;
68292
68296
  }
68293
68297
  }
68294
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
68298
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
68295
68299
  /* stylelint-disable declaration-no-important */
68296
68300
  .e-table {
68297
68301
  border-spacing: 0 !important;
@@ -68305,6 +68309,19 @@ $grid-checkmark-color: $primary-text-color !default;
68305
68309
  }
68306
68310
  /* stylelint-enable function-url-quotes */
68307
68311
 
68312
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
68313
+ /* stylelint-disable function-url-quotes */
68314
+ @supports (font: -apple-system-body) {
68315
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
68316
+
68317
+ /* stylelint-disable declaration-no-important */
68318
+ .e-table {
68319
+ border-spacing: 0 !important;
68320
+ }
68321
+ }
68322
+ }
68323
+ /* stylelint-enable function-url-quotes */
68324
+
68308
68325
 
68309
68326
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
68310
68327
  @if $grid-skin == 'material3' {
@@ -113632,7 +113649,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
113632
113649
  height: inherit;
113633
113650
  width: 100%;
113634
113651
 
113635
- [class ^= 'e-dot ']::before,
113652
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
113636
113653
  .e-dot-item,
113637
113654
  .e-dot {
113638
113655
  display: flex;
@@ -113640,7 +113657,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
113640
113657
  justify-content: center;
113641
113658
  }
113642
113659
 
113643
- [class ^= 'e-dot ']::before {
113660
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
113644
113661
  min-width: $timeline-dot-icon-size;
113645
113662
  min-height: $timeline-dot-icon-size;
113646
113663
  border-radius: var(--dot-radius);
@@ -4693,6 +4693,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
4693
4693
  display: flex;
4694
4694
  }
4695
4695
 
4696
+ .e-disabled.e-ddl.e-static-clear .e-clear-icon {
4697
+ pointer-events: none;
4698
+ }
4699
+
4696
4700
  .e-ddl.e-input-group {
4697
4701
  .e-input-value,
4698
4702
  .e-input-value:focus {
@@ -90696,7 +90700,7 @@ $grid-checkmark-color: $primary-text-color !default;
90696
90700
  line-height: normal;
90697
90701
  }
90698
90702
  }
90699
- .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
90703
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
90700
90704
  /* stylelint-disable declaration-no-important */
90701
90705
  .e-table {
90702
90706
  border-spacing: 0 !important;
@@ -90710,6 +90714,19 @@ $grid-checkmark-color: $primary-text-color !default;
90710
90714
  }
90711
90715
  /* stylelint-enable function-url-quotes */
90712
90716
 
90717
+ /* Apply styles for Safari on macOS desktop and other Apple devices */
90718
+ /* stylelint-disable function-url-quotes */
90719
+ @supports (font: -apple-system-body) {
90720
+ .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
90721
+
90722
+ /* stylelint-disable declaration-no-important */
90723
+ .e-table {
90724
+ border-spacing: 0 !important;
90725
+ }
90726
+ }
90727
+ }
90728
+ /* stylelint-enable function-url-quotes */
90729
+
90713
90730
 
90714
90731
  @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
90715
90732
  @if $grid-skin == 'material3' {
@@ -146631,7 +146648,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
146631
146648
  height: inherit;
146632
146649
  width: 100%;
146633
146650
 
146634
- [class ^= 'e-dot ']::before,
146651
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
146635
146652
  .e-dot-item,
146636
146653
  .e-dot {
146637
146654
  display: flex;
@@ -146639,7 +146656,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
146639
146656
  justify-content: center;
146640
146657
  }
146641
146658
 
146642
- [class ^= 'e-dot ']::before {
146659
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
146643
146660
  min-width: $timeline-dot-icon-size;
146644
146661
  min-height: $timeline-dot-icon-size;
146645
146662
  border-radius: var(--dot-radius);
@@ -146946,7 +146963,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
146946
146963
  @include export-module('timeline-bigger') {
146947
146964
  .e-bigger.e-timeline,
146948
146965
  .e-bigger .e-timeline {
146949
- [class ^= 'e-dot ']::before {
146966
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
146950
146967
  min-width: $timeline-bigger-dot-icon-size;
146951
146968
  min-height: $timeline-bigger-dot-icon-size;
146952
146969
  font-size: $timeline-bigger-dot-font-size;
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@syncfusion/blazor-themes","version":"31.1.23","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@gitea.syncfusion.com/syncfusion/blazor-samples"}}
1
+ {"name":"@syncfusion/blazor-themes","version":"31.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@gitea.syncfusion.com/syncfusion/blazor-samples"}}