@syncfusion/blazor-themes 31.2.3 → 31.2.5

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 (311) hide show
  1. package/Compiled-Themes/bds-dark-lite.css +13 -1
  2. package/Compiled-Themes/bds-dark.css +13 -1
  3. package/Compiled-Themes/bds-lite.css +13 -1
  4. package/Compiled-Themes/bds.css +13 -1
  5. package/Compiled-Themes/bootstrap-dark-lite.css +13 -1
  6. package/Compiled-Themes/bootstrap-dark.css +13 -1
  7. package/Compiled-Themes/bootstrap-lite.css +13 -1
  8. package/Compiled-Themes/bootstrap.css +13 -1
  9. package/Compiled-Themes/bootstrap4-lite.css +13 -1
  10. package/Compiled-Themes/bootstrap4.css +13 -1
  11. package/Compiled-Themes/bootstrap5-dark-lite.css +13 -1
  12. package/Compiled-Themes/bootstrap5-dark.css +13 -1
  13. package/Compiled-Themes/bootstrap5-lite.css +13 -1
  14. package/Compiled-Themes/bootstrap5.3-dark-lite.css +13 -1
  15. package/Compiled-Themes/bootstrap5.3-dark.css +13 -1
  16. package/Compiled-Themes/bootstrap5.3-lite.css +13 -1
  17. package/Compiled-Themes/bootstrap5.3.css +13 -1
  18. package/Compiled-Themes/bootstrap5.css +13 -1
  19. package/Compiled-Themes/fabric-dark-lite.css +13 -1
  20. package/Compiled-Themes/fabric-dark.css +13 -1
  21. package/Compiled-Themes/fabric-lite.css +13 -1
  22. package/Compiled-Themes/fabric.css +13 -1
  23. package/Compiled-Themes/fluent-dark-lite.css +13 -1
  24. package/Compiled-Themes/fluent-dark.css +13 -1
  25. package/Compiled-Themes/fluent-lite.css +13 -1
  26. package/Compiled-Themes/fluent.css +13 -1
  27. package/Compiled-Themes/fluent2-dark-lite.css +14 -7
  28. package/Compiled-Themes/fluent2-dark.css +14 -7
  29. package/Compiled-Themes/fluent2-highcontrast-lite.css +14 -7
  30. package/Compiled-Themes/fluent2-highcontrast.css +14 -7
  31. package/Compiled-Themes/fluent2-lite.css +14 -7
  32. package/Compiled-Themes/fluent2.css +14 -7
  33. package/Compiled-Themes/highcontrast-lite.css +13 -1
  34. package/Compiled-Themes/highcontrast.css +13 -1
  35. package/Compiled-Themes/material-dark-lite.css +13 -1
  36. package/Compiled-Themes/material-dark.css +13 -1
  37. package/Compiled-Themes/material-lite.css +13 -1
  38. package/Compiled-Themes/material.css +13 -1
  39. package/Compiled-Themes/material3-dark-lite.css +13 -0
  40. package/Compiled-Themes/material3-dark.css +13 -0
  41. package/Compiled-Themes/material3-lite.css +13 -0
  42. package/Compiled-Themes/material3.css +13 -0
  43. package/Compiled-Themes/tailwind-dark-lite.css +13 -1
  44. package/Compiled-Themes/tailwind-dark.css +13 -1
  45. package/Compiled-Themes/tailwind-lite.css +13 -1
  46. package/Compiled-Themes/tailwind.css +13 -1
  47. package/Compiled-Themes/tailwind3-dark-lite.css +14 -1
  48. package/Compiled-Themes/tailwind3-dark.css +16 -3
  49. package/Compiled-Themes/tailwind3-lite.css +14 -1
  50. package/Compiled-Themes/tailwind3.css +16 -3
  51. package/SCSS-Themes/bds-dark-lite.scss +21 -4
  52. package/SCSS-Themes/bds-dark.scss +21 -4
  53. package/SCSS-Themes/bds-lite.scss +21 -4
  54. package/SCSS-Themes/bds.scss +21 -4
  55. package/SCSS-Themes/bootstrap-dark-lite.scss +20 -4
  56. package/SCSS-Themes/bootstrap-dark.scss +20 -4
  57. package/SCSS-Themes/bootstrap-lite.scss +20 -4
  58. package/SCSS-Themes/bootstrap.scss +20 -4
  59. package/SCSS-Themes/bootstrap4-lite.scss +21 -4
  60. package/SCSS-Themes/bootstrap4.scss +21 -4
  61. package/SCSS-Themes/bootstrap5-dark-lite.scss +21 -4
  62. package/SCSS-Themes/bootstrap5-dark.scss +21 -4
  63. package/SCSS-Themes/bootstrap5-lite.scss +21 -4
  64. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +21 -4
  65. package/SCSS-Themes/bootstrap5.3-dark.scss +21 -4
  66. package/SCSS-Themes/bootstrap5.3-lite.scss +21 -4
  67. package/SCSS-Themes/bootstrap5.3.scss +21 -4
  68. package/SCSS-Themes/bootstrap5.scss +21 -4
  69. package/SCSS-Themes/buttons/radio-button/bds-dark-lite.scss +4 -0
  70. package/SCSS-Themes/buttons/radio-button/bds-dark.scss +4 -0
  71. package/SCSS-Themes/buttons/radio-button/bds-lite.scss +4 -0
  72. package/SCSS-Themes/buttons/radio-button/bds.scss +4 -0
  73. package/SCSS-Themes/buttons/radio-button/bootstrap-dark-lite.scss +4 -0
  74. package/SCSS-Themes/buttons/radio-button/bootstrap-dark.scss +4 -0
  75. package/SCSS-Themes/buttons/radio-button/bootstrap-lite.scss +4 -0
  76. package/SCSS-Themes/buttons/radio-button/bootstrap.scss +4 -0
  77. package/SCSS-Themes/buttons/radio-button/bootstrap4-lite.scss +4 -0
  78. package/SCSS-Themes/buttons/radio-button/bootstrap4.scss +4 -0
  79. package/SCSS-Themes/buttons/radio-button/bootstrap5-dark-lite.scss +4 -0
  80. package/SCSS-Themes/buttons/radio-button/bootstrap5-dark.scss +4 -0
  81. package/SCSS-Themes/buttons/radio-button/bootstrap5-lite.scss +4 -0
  82. package/SCSS-Themes/buttons/radio-button/bootstrap5.3-dark-lite.scss +4 -0
  83. package/SCSS-Themes/buttons/radio-button/bootstrap5.3-dark.scss +4 -0
  84. package/SCSS-Themes/buttons/radio-button/bootstrap5.3-lite.scss +4 -0
  85. package/SCSS-Themes/buttons/radio-button/bootstrap5.3.scss +4 -0
  86. package/SCSS-Themes/buttons/radio-button/bootstrap5.scss +4 -0
  87. package/SCSS-Themes/buttons/radio-button/fabric-dark-lite.scss +4 -0
  88. package/SCSS-Themes/buttons/radio-button/fabric-dark.scss +4 -0
  89. package/SCSS-Themes/buttons/radio-button/fabric-lite.scss +4 -0
  90. package/SCSS-Themes/buttons/radio-button/fabric.scss +4 -0
  91. package/SCSS-Themes/buttons/radio-button/fluent-dark-lite.scss +5 -0
  92. package/SCSS-Themes/buttons/radio-button/fluent-dark.scss +5 -0
  93. package/SCSS-Themes/buttons/radio-button/fluent-lite.scss +5 -0
  94. package/SCSS-Themes/buttons/radio-button/fluent.scss +5 -0
  95. package/SCSS-Themes/buttons/radio-button/fluent2-dark-lite.scss +4 -0
  96. package/SCSS-Themes/buttons/radio-button/fluent2-dark.scss +4 -0
  97. package/SCSS-Themes/buttons/radio-button/fluent2-highcontrast-lite.scss +4 -0
  98. package/SCSS-Themes/buttons/radio-button/fluent2-highcontrast.scss +4 -0
  99. package/SCSS-Themes/buttons/radio-button/fluent2-lite.scss +4 -0
  100. package/SCSS-Themes/buttons/radio-button/fluent2.scss +4 -0
  101. package/SCSS-Themes/buttons/radio-button/highcontrast-lite.scss +4 -0
  102. package/SCSS-Themes/buttons/radio-button/highcontrast.scss +4 -0
  103. package/SCSS-Themes/buttons/radio-button/material-dark-lite.scss +4 -0
  104. package/SCSS-Themes/buttons/radio-button/material-dark.scss +4 -0
  105. package/SCSS-Themes/buttons/radio-button/material-lite.scss +4 -0
  106. package/SCSS-Themes/buttons/radio-button/material.scss +4 -0
  107. package/SCSS-Themes/buttons/radio-button/material3-dark-lite.scss +4 -0
  108. package/SCSS-Themes/buttons/radio-button/material3-dark.scss +4 -0
  109. package/SCSS-Themes/buttons/radio-button/material3-lite.scss +4 -0
  110. package/SCSS-Themes/buttons/radio-button/material3.scss +4 -0
  111. package/SCSS-Themes/buttons/radio-button/tailwind-dark-lite.scss +4 -0
  112. package/SCSS-Themes/buttons/radio-button/tailwind-dark.scss +4 -0
  113. package/SCSS-Themes/buttons/radio-button/tailwind-lite.scss +4 -0
  114. package/SCSS-Themes/buttons/radio-button/tailwind.scss +4 -0
  115. package/SCSS-Themes/buttons/radio-button/tailwind3-dark-lite.scss +4 -0
  116. package/SCSS-Themes/buttons/radio-button/tailwind3-dark.scss +4 -0
  117. package/SCSS-Themes/buttons/radio-button/tailwind3-lite.scss +4 -0
  118. package/SCSS-Themes/buttons/radio-button/tailwind3.scss +4 -0
  119. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark-lite.scss +1 -1
  120. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark.scss +1 -1
  121. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-highcontrast-lite.scss +1 -1
  122. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-highcontrast.scss +1 -1
  123. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-lite.scss +1 -1
  124. package/SCSS-Themes/documenteditor/document-editor-container/fluent2.scss +1 -1
  125. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-dark-lite.scss +1 -1
  126. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-dark.scss +1 -1
  127. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-lite.scss +1 -1
  128. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3.scss +1 -1
  129. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark-lite.scss +7 -0
  130. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark.scss +7 -0
  131. package/SCSS-Themes/dropdowns/drop-down-list/bds-lite.scss +7 -0
  132. package/SCSS-Themes/dropdowns/drop-down-list/bds.scss +7 -0
  133. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark-lite.scss +6 -0
  134. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark.scss +6 -0
  135. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-lite.scss +6 -0
  136. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap.scss +6 -0
  137. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4-lite.scss +7 -0
  138. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +7 -0
  139. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark-lite.scss +7 -0
  140. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark.scss +7 -0
  141. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-lite.scss +7 -0
  142. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark-lite.scss +7 -0
  143. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark.scss +7 -0
  144. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-lite.scss +7 -0
  145. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3.scss +7 -0
  146. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.scss +7 -0
  147. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark-lite.scss +6 -0
  148. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark.scss +6 -0
  149. package/SCSS-Themes/dropdowns/drop-down-list/fabric-lite.scss +6 -0
  150. package/SCSS-Themes/dropdowns/drop-down-list/fabric.scss +6 -0
  151. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark-lite.scss +7 -0
  152. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark.scss +7 -0
  153. package/SCSS-Themes/dropdowns/drop-down-list/fluent-lite.scss +7 -0
  154. package/SCSS-Themes/dropdowns/drop-down-list/fluent.scss +7 -0
  155. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark-lite.scss +7 -0
  156. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark.scss +7 -0
  157. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast-lite.scss +7 -0
  158. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast.scss +7 -0
  159. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-lite.scss +7 -0
  160. package/SCSS-Themes/dropdowns/drop-down-list/fluent2.scss +7 -0
  161. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast-lite.scss +6 -0
  162. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast.scss +6 -0
  163. package/SCSS-Themes/dropdowns/drop-down-list/material-dark-lite.scss +6 -0
  164. package/SCSS-Themes/dropdowns/drop-down-list/material-dark.scss +6 -0
  165. package/SCSS-Themes/dropdowns/drop-down-list/material-lite.scss +6 -0
  166. package/SCSS-Themes/dropdowns/drop-down-list/material.scss +6 -0
  167. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark-lite.scss +7 -0
  168. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark.scss +7 -0
  169. package/SCSS-Themes/dropdowns/drop-down-list/material3-lite.scss +7 -0
  170. package/SCSS-Themes/dropdowns/drop-down-list/material3.scss +7 -0
  171. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark-lite.scss +7 -0
  172. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark.scss +7 -0
  173. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-lite.scss +7 -0
  174. package/SCSS-Themes/dropdowns/drop-down-list/tailwind.scss +7 -0
  175. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark-lite.scss +7 -0
  176. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark.scss +7 -0
  177. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-lite.scss +7 -0
  178. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3.scss +7 -0
  179. package/SCSS-Themes/fabric-dark-lite.scss +20 -4
  180. package/SCSS-Themes/fabric-dark.scss +20 -4
  181. package/SCSS-Themes/fabric-lite.scss +20 -4
  182. package/SCSS-Themes/fabric.scss +20 -4
  183. package/SCSS-Themes/fluent-dark-lite.scss +22 -4
  184. package/SCSS-Themes/fluent-dark.scss +22 -4
  185. package/SCSS-Themes/fluent-lite.scss +22 -4
  186. package/SCSS-Themes/fluent.scss +22 -4
  187. package/SCSS-Themes/fluent2-dark-lite.scss +22 -5
  188. package/SCSS-Themes/fluent2-dark.scss +22 -5
  189. package/SCSS-Themes/fluent2-highcontrast-lite.scss +22 -5
  190. package/SCSS-Themes/fluent2-highcontrast.scss +22 -5
  191. package/SCSS-Themes/fluent2-lite.scss +22 -5
  192. package/SCSS-Themes/fluent2.scss +22 -5
  193. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +10 -1
  194. package/SCSS-Themes/grids/grid/bds-dark.scss +10 -1
  195. package/SCSS-Themes/grids/grid/bds-lite.scss +10 -1
  196. package/SCSS-Themes/grids/grid/bds.scss +10 -1
  197. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +10 -1
  198. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +10 -1
  199. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +10 -1
  200. package/SCSS-Themes/grids/grid/bootstrap.scss +10 -1
  201. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +10 -1
  202. package/SCSS-Themes/grids/grid/bootstrap4.scss +10 -1
  203. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +10 -1
  204. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +10 -1
  205. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +10 -1
  206. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +10 -1
  207. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +10 -1
  208. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +10 -1
  209. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +10 -1
  210. package/SCSS-Themes/grids/grid/bootstrap5.scss +10 -1
  211. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +10 -1
  212. package/SCSS-Themes/grids/grid/fabric-dark.scss +10 -1
  213. package/SCSS-Themes/grids/grid/fabric-lite.scss +10 -1
  214. package/SCSS-Themes/grids/grid/fabric.scss +10 -1
  215. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +10 -1
  216. package/SCSS-Themes/grids/grid/fluent-dark.scss +10 -1
  217. package/SCSS-Themes/grids/grid/fluent-lite.scss +10 -1
  218. package/SCSS-Themes/grids/grid/fluent.scss +10 -1
  219. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +10 -1
  220. package/SCSS-Themes/grids/grid/fluent2-dark.scss +10 -1
  221. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +10 -1
  222. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +10 -1
  223. package/SCSS-Themes/grids/grid/fluent2-lite.scss +10 -1
  224. package/SCSS-Themes/grids/grid/fluent2.scss +10 -1
  225. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +10 -1
  226. package/SCSS-Themes/grids/grid/highcontrast.scss +10 -1
  227. package/SCSS-Themes/grids/grid/material-dark-lite.scss +10 -1
  228. package/SCSS-Themes/grids/grid/material-dark.scss +10 -1
  229. package/SCSS-Themes/grids/grid/material-lite.scss +10 -1
  230. package/SCSS-Themes/grids/grid/material.scss +10 -1
  231. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +10 -1
  232. package/SCSS-Themes/grids/grid/material3-dark.scss +10 -1
  233. package/SCSS-Themes/grids/grid/material3-lite.scss +10 -1
  234. package/SCSS-Themes/grids/grid/material3.scss +10 -1
  235. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +10 -1
  236. package/SCSS-Themes/grids/grid/tailwind-dark.scss +10 -1
  237. package/SCSS-Themes/grids/grid/tailwind-lite.scss +10 -1
  238. package/SCSS-Themes/grids/grid/tailwind.scss +10 -1
  239. package/SCSS-Themes/grids/grid/tailwind3-dark-lite.scss +10 -1
  240. package/SCSS-Themes/grids/grid/tailwind3-dark.scss +10 -1
  241. package/SCSS-Themes/grids/grid/tailwind3-lite.scss +10 -1
  242. package/SCSS-Themes/grids/grid/tailwind3.scss +10 -1
  243. package/SCSS-Themes/highcontrast-lite.scss +20 -4
  244. package/SCSS-Themes/highcontrast.scss +20 -4
  245. package/SCSS-Themes/material-dark-lite.scss +20 -4
  246. package/SCSS-Themes/material-dark.scss +20 -4
  247. package/SCSS-Themes/material-lite.scss +20 -4
  248. package/SCSS-Themes/material.scss +20 -4
  249. package/SCSS-Themes/material3-dark-lite.scss +21 -4
  250. package/SCSS-Themes/material3-dark.scss +21 -4
  251. package/SCSS-Themes/material3-lite.scss +21 -4
  252. package/SCSS-Themes/material3.scss +21 -4
  253. package/SCSS-Themes/navigations/treeview/bds-dark-lite.scss +0 -3
  254. package/SCSS-Themes/navigations/treeview/bds-dark.scss +0 -3
  255. package/SCSS-Themes/navigations/treeview/bds-lite.scss +0 -3
  256. package/SCSS-Themes/navigations/treeview/bds.scss +0 -3
  257. package/SCSS-Themes/navigations/treeview/bootstrap-dark-lite.scss +0 -3
  258. package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss +0 -3
  259. package/SCSS-Themes/navigations/treeview/bootstrap-lite.scss +0 -3
  260. package/SCSS-Themes/navigations/treeview/bootstrap.scss +0 -3
  261. package/SCSS-Themes/navigations/treeview/bootstrap4-lite.scss +0 -3
  262. package/SCSS-Themes/navigations/treeview/bootstrap4.scss +0 -3
  263. package/SCSS-Themes/navigations/treeview/bootstrap5-dark-lite.scss +0 -3
  264. package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss +0 -3
  265. package/SCSS-Themes/navigations/treeview/bootstrap5-lite.scss +0 -3
  266. package/SCSS-Themes/navigations/treeview/bootstrap5.3-dark-lite.scss +0 -3
  267. package/SCSS-Themes/navigations/treeview/bootstrap5.3-dark.scss +0 -3
  268. package/SCSS-Themes/navigations/treeview/bootstrap5.3-lite.scss +0 -3
  269. package/SCSS-Themes/navigations/treeview/bootstrap5.3.scss +0 -3
  270. package/SCSS-Themes/navigations/treeview/bootstrap5.scss +0 -3
  271. package/SCSS-Themes/navigations/treeview/fabric-dark-lite.scss +0 -3
  272. package/SCSS-Themes/navigations/treeview/fabric-dark.scss +0 -3
  273. package/SCSS-Themes/navigations/treeview/fabric-lite.scss +0 -3
  274. package/SCSS-Themes/navigations/treeview/fabric.scss +0 -3
  275. package/SCSS-Themes/navigations/treeview/fluent-dark-lite.scss +0 -3
  276. package/SCSS-Themes/navigations/treeview/fluent-dark.scss +0 -3
  277. package/SCSS-Themes/navigations/treeview/fluent-lite.scss +0 -3
  278. package/SCSS-Themes/navigations/treeview/fluent.scss +0 -3
  279. package/SCSS-Themes/navigations/treeview/fluent2-dark-lite.scss +0 -3
  280. package/SCSS-Themes/navigations/treeview/fluent2-dark.scss +0 -3
  281. package/SCSS-Themes/navigations/treeview/fluent2-highcontrast-lite.scss +0 -3
  282. package/SCSS-Themes/navigations/treeview/fluent2-highcontrast.scss +0 -3
  283. package/SCSS-Themes/navigations/treeview/fluent2-lite.scss +0 -3
  284. package/SCSS-Themes/navigations/treeview/fluent2.scss +0 -3
  285. package/SCSS-Themes/navigations/treeview/highcontrast-lite.scss +0 -3
  286. package/SCSS-Themes/navigations/treeview/highcontrast.scss +0 -3
  287. package/SCSS-Themes/navigations/treeview/material-dark-lite.scss +0 -3
  288. package/SCSS-Themes/navigations/treeview/material-dark.scss +0 -3
  289. package/SCSS-Themes/navigations/treeview/material-lite.scss +0 -3
  290. package/SCSS-Themes/navigations/treeview/material.scss +0 -3
  291. package/SCSS-Themes/navigations/treeview/material3-dark-lite.scss +0 -3
  292. package/SCSS-Themes/navigations/treeview/material3-dark.scss +0 -3
  293. package/SCSS-Themes/navigations/treeview/material3-lite.scss +0 -3
  294. package/SCSS-Themes/navigations/treeview/material3.scss +0 -3
  295. package/SCSS-Themes/navigations/treeview/tailwind-dark-lite.scss +0 -3
  296. package/SCSS-Themes/navigations/treeview/tailwind-dark.scss +0 -3
  297. package/SCSS-Themes/navigations/treeview/tailwind-lite.scss +0 -3
  298. package/SCSS-Themes/navigations/treeview/tailwind.scss +0 -3
  299. package/SCSS-Themes/navigations/treeview/tailwind3-dark-lite.scss +0 -3
  300. package/SCSS-Themes/navigations/treeview/tailwind3-dark.scss +0 -3
  301. package/SCSS-Themes/navigations/treeview/tailwind3-lite.scss +0 -3
  302. package/SCSS-Themes/navigations/treeview/tailwind3.scss +0 -3
  303. package/SCSS-Themes/tailwind-dark-lite.scss +21 -4
  304. package/SCSS-Themes/tailwind-dark.scss +21 -4
  305. package/SCSS-Themes/tailwind-lite.scss +21 -4
  306. package/SCSS-Themes/tailwind.scss +21 -4
  307. package/SCSS-Themes/tailwind3-dark-lite.scss +22 -5
  308. package/SCSS-Themes/tailwind3-dark.scss +22 -5
  309. package/SCSS-Themes/tailwind3-lite.scss +22 -5
  310. package/SCSS-Themes/tailwind3.scss +22 -5
  311. package/package.json +1 -1
@@ -3801,6 +3801,7 @@ $ddl-input-font-size: $text-sm !default;
3801
3801
  $ddl-zero-value: 0 !default;
3802
3802
  $ddl-input-border: 1px $border-light !default;
3803
3803
  $ddl-input-font-family: inherit !default;
3804
+ $border-type: solid !default;
3804
3805
  $ddl-input-margin-bottom: 4px !default;
3805
3806
  $ddl-input-padding: 8px $ddl-zero-value 4px !default;
3806
3807
  $ddl-input-group-border-width: $ddl-zero-value !default;
@@ -3835,6 +3836,7 @@ $ddl-popup-background-color: $flyout-bg-color !default;
3835
3836
  $ddl-filter-background-color: $flyout-bg-color !default;
3836
3837
  $ddl-filter-box-shadow: none !default;
3837
3838
  $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
3839
+ $input-border: $ddl-zero-value $border-type !default;
3838
3840
 
3839
3841
  @include export-module('dropdownlist-bds') {
3840
3842
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -3909,6 +3911,11 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
3909
3911
  }
3910
3912
  }
3911
3913
 
3914
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
3915
+ width: 100%;
3916
+ border: $input-border;
3917
+ }
3918
+
3912
3919
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
3913
3920
  display: block;
3914
3921
  visibility: hidden;
@@ -42790,6 +42797,7 @@ $radio-btn-ripple-bgcolor: transparent !default;
42790
42797
  $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
42791
42798
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
42792
42799
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
42800
+ $radio-btn-border-error-color: $border-error;
42793
42801
 
42794
42802
  @mixin fluent-focus-border {
42795
42803
  @if $skin-name == 'FluentUI' {
@@ -43170,6 +43178,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
43170
43178
  }
43171
43179
  }
43172
43180
  }
43181
+ .e-radio-wrapper.e-error .e-radio + label::before {
43182
+ border-color: $radio-btn-border-error-color;
43183
+ }
43173
43184
  }
43174
43185
 
43175
43186
 
@@ -61391,9 +61402,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
61391
61402
  }
61392
61403
 
61393
61404
  .e-list-url {
61394
- @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
61395
- padding: 0;
61396
- }
61397
61405
  width: 100%;
61398
61406
  }
61399
61407
 
@@ -78704,7 +78712,7 @@ $de-border-size-button-width: 99px !default;
78704
78712
  $de-list-hover-bg: $primary !default;
78705
78713
  $de-pane-margin-right: 10px;
78706
78714
  $de-pane-margin-right-big: 16px;
78707
- $de-page-number-height: 20px;
78715
+ $de-page-number-height: 22px;
78708
78716
  $de-items-pressed: $content-bg-color-pressed;
78709
78717
  $de-font-margin-right: 16px;
78710
78718
  $e-de-shadow-color: $border;
@@ -89539,6 +89547,13 @@ $grid-checkmark-color: $primary-text-color !default;
89539
89547
  overflow: hidden;
89540
89548
  overflow-x: scroll;
89541
89549
  }
89550
+
89551
+ &.e-mac-safari .virtualtable {
89552
+ .e-leftfreeze,
89553
+ .e-rightfreeze {
89554
+ transform: translateZ(0);
89555
+ }
89556
+ }
89542
89557
 
89543
89558
  .e-columnchooser::before {
89544
89559
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -90905,7 +90920,9 @@ $grid-checkmark-color: $primary-text-color !default;
90905
90920
  }
90906
90921
 
90907
90922
  .e-cc-searchdiv.e-input-focus {
90908
- border-color: $grid-columnchooser-search-border-fcolor;
90923
+ @if $grid-skin != 'fluent2' {
90924
+ border-color: $grid-columnchooser-search-border-fcolor;
90925
+ }
90909
90926
  }
90910
90927
  }
90911
90928
  }
@@ -4451,6 +4451,7 @@ $ddl-input-font-size: $text-sm !default;
4451
4451
  $ddl-zero-value: 0 !default;
4452
4452
  $ddl-input-border: 1px $border-light !default;
4453
4453
  $ddl-input-font-family: inherit !default;
4454
+ $border-type: solid !default;
4454
4455
  $ddl-input-margin-bottom: 4px !default;
4455
4456
  $ddl-input-padding: 8px $ddl-zero-value 4px !default;
4456
4457
  $ddl-input-group-border-width: $ddl-zero-value !default;
@@ -4485,6 +4486,7 @@ $ddl-popup-background-color: $flyout-bg-color !default;
4485
4486
  $ddl-filter-background-color: $flyout-bg-color !default;
4486
4487
  $ddl-filter-box-shadow: none !default;
4487
4488
  $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
4489
+ $input-border: $ddl-zero-value $border-type !default;
4488
4490
 
4489
4491
  @include export-module('dropdownlist-bds') {
4490
4492
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -4559,6 +4561,11 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
4559
4561
  }
4560
4562
  }
4561
4563
 
4564
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
4565
+ width: 100%;
4566
+ border: $input-border;
4567
+ }
4568
+
4562
4569
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
4563
4570
  display: block;
4564
4571
  visibility: hidden;
@@ -32299,6 +32306,7 @@ $radio-btn-ripple-bgcolor: transparent !default;
32299
32306
  $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
32300
32307
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
32301
32308
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
32309
+ $radio-btn-border-error-color: $border-error;
32302
32310
 
32303
32311
  @mixin fluent-focus-border {
32304
32312
  @if $skin-name == 'FluentUI' {
@@ -32679,6 +32687,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
32679
32687
  }
32680
32688
  }
32681
32689
  }
32690
+ .e-radio-wrapper.e-error .e-radio + label::before {
32691
+ border-color: $radio-btn-border-error-color;
32692
+ }
32682
32693
  }
32683
32694
 
32684
32695
 
@@ -46256,9 +46267,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
46256
46267
  }
46257
46268
 
46258
46269
  .e-list-url {
46259
- @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
46260
- padding: 0;
46261
- }
46262
46270
  width: 100%;
46263
46271
  }
46264
46272
 
@@ -58907,7 +58915,7 @@ $de-border-size-button-width: 99px !default;
58907
58915
  $de-list-hover-bg: $primary !default;
58908
58916
  $de-pane-margin-right: 10px;
58909
58917
  $de-pane-margin-right-big: 16px;
58910
- $de-page-number-height: 20px;
58918
+ $de-page-number-height: 22px;
58911
58919
  $de-items-pressed: $content-bg-color-pressed;
58912
58920
  $de-font-margin-right: 16px;
58913
58921
  $e-de-shadow-color: $border;
@@ -67906,6 +67914,13 @@ $grid-checkmark-color: $primary-text-color !default;
67906
67914
  overflow: hidden;
67907
67915
  overflow-x: scroll;
67908
67916
  }
67917
+
67918
+ &.e-mac-safari .virtualtable {
67919
+ .e-leftfreeze,
67920
+ .e-rightfreeze {
67921
+ transform: translateZ(0);
67922
+ }
67923
+ }
67909
67924
 
67910
67925
  .e-columnchooser::before {
67911
67926
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -69272,7 +69287,9 @@ $grid-checkmark-color: $primary-text-color !default;
69272
69287
  }
69273
69288
 
69274
69289
  .e-cc-searchdiv.e-input-focus {
69275
- border-color: $grid-columnchooser-search-border-fcolor;
69290
+ @if $grid-skin != 'fluent2' {
69291
+ border-color: $grid-columnchooser-search-border-fcolor;
69292
+ }
69276
69293
  }
69277
69294
  }
69278
69295
  }
@@ -4573,6 +4573,7 @@ $ddl-input-font-size: $text-sm !default;
4573
4573
  $ddl-zero-value: 0 !default;
4574
4574
  $ddl-input-border: 1px $border-light !default;
4575
4575
  $ddl-input-font-family: inherit !default;
4576
+ $border-type: solid !default;
4576
4577
  $ddl-input-margin-bottom: 4px !default;
4577
4578
  $ddl-input-padding: 8px $ddl-zero-value 4px !default;
4578
4579
  $ddl-input-group-border-width: $ddl-zero-value !default;
@@ -4607,6 +4608,7 @@ $ddl-popup-background-color: $flyout-bg-color !default;
4607
4608
  $ddl-filter-background-color: $flyout-bg-color !default;
4608
4609
  $ddl-filter-box-shadow: none !default;
4609
4610
  $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
4611
+ $input-border: $ddl-zero-value $border-type !default;
4610
4612
 
4611
4613
  @include export-module('dropdownlist-bds') {
4612
4614
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
@@ -4681,6 +4683,11 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
4681
4683
  }
4682
4684
  }
4683
4685
 
4686
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
4687
+ width: 100%;
4688
+ border: $input-border;
4689
+ }
4690
+
4684
4691
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
4685
4692
  display: block;
4686
4693
  visibility: hidden;
@@ -43562,6 +43569,7 @@ $radio-btn-ripple-bgcolor: transparent !default;
43562
43569
  $radio-btn-focus-check-bg-color: $radio-btn-hover-check-bg-color !default;
43563
43570
  $radio-btn-focus-check-border-color: $radio-btn-hover-check-border-color !default;
43564
43571
  $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
43572
+ $radio-btn-border-error-color: $border-error;
43565
43573
 
43566
43574
  @mixin fluent-focus-border {
43567
43575
  @if $skin-name == 'FluentUI' {
@@ -43942,6 +43950,9 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
43942
43950
  }
43943
43951
  }
43944
43952
  }
43953
+ .e-radio-wrapper.e-error .e-radio + label::before {
43954
+ border-color: $radio-btn-border-error-color;
43955
+ }
43945
43956
  }
43946
43957
 
43947
43958
 
@@ -62163,9 +62174,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
62163
62174
  }
62164
62175
 
62165
62176
  .e-list-url {
62166
- @if ($skin-name != 'Material3' and $skin-name != 'tailwind3') {
62167
- padding: 0;
62168
- }
62169
62177
  width: 100%;
62170
62178
  }
62171
62179
 
@@ -79476,7 +79484,7 @@ $de-border-size-button-width: 99px !default;
79476
79484
  $de-list-hover-bg: $primary !default;
79477
79485
  $de-pane-margin-right: 10px;
79478
79486
  $de-pane-margin-right-big: 16px;
79479
- $de-page-number-height: 20px;
79487
+ $de-page-number-height: 22px;
79480
79488
  $de-items-pressed: $content-bg-color-pressed;
79481
79489
  $de-font-margin-right: 16px;
79482
79490
  $e-de-shadow-color: $border;
@@ -90311,6 +90319,13 @@ $grid-checkmark-color: $primary-text-color !default;
90311
90319
  overflow: hidden;
90312
90320
  overflow-x: scroll;
90313
90321
  }
90322
+
90323
+ &.e-mac-safari .virtualtable {
90324
+ .e-leftfreeze,
90325
+ .e-rightfreeze {
90326
+ transform: translateZ(0);
90327
+ }
90328
+ }
90314
90329
 
90315
90330
  .e-columnchooser::before {
90316
90331
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -91677,7 +91692,9 @@ $grid-checkmark-color: $primary-text-color !default;
91677
91692
  }
91678
91693
 
91679
91694
  .e-cc-searchdiv.e-input-focus {
91680
- border-color: $grid-columnchooser-search-border-fcolor;
91695
+ @if $grid-skin != 'fluent2' {
91696
+ border-color: $grid-columnchooser-search-border-fcolor;
91697
+ }
91681
91698
  }
91682
91699
  }
91683
91700
  }
@@ -3684,6 +3684,13 @@ $grid-checkmark-color: $primary !default;
3684
3684
  overflow: hidden;
3685
3685
  overflow-x: scroll;
3686
3686
  }
3687
+
3688
+ &.e-mac-safari .virtualtable {
3689
+ .e-leftfreeze,
3690
+ .e-rightfreeze {
3691
+ transform: translateZ(0);
3692
+ }
3693
+ }
3687
3694
 
3688
3695
  .e-columnchooser::before {
3689
3696
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5050,7 +5057,9 @@ $grid-checkmark-color: $primary !default;
5050
5057
  }
5051
5058
 
5052
5059
  .e-cc-searchdiv.e-input-focus {
5053
- border-color: $grid-columnchooser-search-border-fcolor;
5060
+ @if $grid-skin != 'fluent2' {
5061
+ border-color: $grid-columnchooser-search-border-fcolor;
5062
+ }
5054
5063
  }
5055
5064
  }
5056
5065
  }
@@ -3684,6 +3684,13 @@ $grid-checkmark-color: $primary !default;
3684
3684
  overflow: hidden;
3685
3685
  overflow-x: scroll;
3686
3686
  }
3687
+
3688
+ &.e-mac-safari .virtualtable {
3689
+ .e-leftfreeze,
3690
+ .e-rightfreeze {
3691
+ transform: translateZ(0);
3692
+ }
3693
+ }
3687
3694
 
3688
3695
  .e-columnchooser::before {
3689
3696
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5050,7 +5057,9 @@ $grid-checkmark-color: $primary !default;
5050
5057
  }
5051
5058
 
5052
5059
  .e-cc-searchdiv.e-input-focus {
5053
- border-color: $grid-columnchooser-search-border-fcolor;
5060
+ @if $grid-skin != 'fluent2' {
5061
+ border-color: $grid-columnchooser-search-border-fcolor;
5062
+ }
5054
5063
  }
5055
5064
  }
5056
5065
  }
@@ -3684,6 +3684,13 @@ $grid-checkmark-color: $primary !default;
3684
3684
  overflow: hidden;
3685
3685
  overflow-x: scroll;
3686
3686
  }
3687
+
3688
+ &.e-mac-safari .virtualtable {
3689
+ .e-leftfreeze,
3690
+ .e-rightfreeze {
3691
+ transform: translateZ(0);
3692
+ }
3693
+ }
3687
3694
 
3688
3695
  .e-columnchooser::before {
3689
3696
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5050,7 +5057,9 @@ $grid-checkmark-color: $primary !default;
5050
5057
  }
5051
5058
 
5052
5059
  .e-cc-searchdiv.e-input-focus {
5053
- border-color: $grid-columnchooser-search-border-fcolor;
5060
+ @if $grid-skin != 'fluent2' {
5061
+ border-color: $grid-columnchooser-search-border-fcolor;
5062
+ }
5054
5063
  }
5055
5064
  }
5056
5065
  }
@@ -3684,6 +3684,13 @@ $grid-checkmark-color: $primary !default;
3684
3684
  overflow: hidden;
3685
3685
  overflow-x: scroll;
3686
3686
  }
3687
+
3688
+ &.e-mac-safari .virtualtable {
3689
+ .e-leftfreeze,
3690
+ .e-rightfreeze {
3691
+ transform: translateZ(0);
3692
+ }
3693
+ }
3687
3694
 
3688
3695
  .e-columnchooser::before {
3689
3696
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5050,7 +5057,9 @@ $grid-checkmark-color: $primary !default;
5050
5057
  }
5051
5058
 
5052
5059
  .e-cc-searchdiv.e-input-focus {
5053
- border-color: $grid-columnchooser-search-border-fcolor;
5060
+ @if $grid-skin != 'fluent2' {
5061
+ border-color: $grid-columnchooser-search-border-fcolor;
5062
+ }
5054
5063
  }
5055
5064
  }
5056
5065
  }
@@ -3675,6 +3675,13 @@ $grid-checkmark-color: $grey-light-font !default;
3675
3675
  overflow: hidden;
3676
3676
  overflow-x: scroll;
3677
3677
  }
3678
+
3679
+ &.e-mac-safari .virtualtable {
3680
+ .e-leftfreeze,
3681
+ .e-rightfreeze {
3682
+ transform: translateZ(0);
3683
+ }
3684
+ }
3678
3685
 
3679
3686
  .e-columnchooser::before {
3680
3687
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5041,7 +5048,9 @@ $grid-checkmark-color: $grey-light-font !default;
5041
5048
  }
5042
5049
 
5043
5050
  .e-cc-searchdiv.e-input-focus {
5044
- border-color: $grid-columnchooser-search-border-fcolor;
5051
+ @if $grid-skin != 'fluent2' {
5052
+ border-color: $grid-columnchooser-search-border-fcolor;
5053
+ }
5045
5054
  }
5046
5055
  }
5047
5056
  }
@@ -3675,6 +3675,13 @@ $grid-checkmark-color: $grey-light-font !default;
3675
3675
  overflow: hidden;
3676
3676
  overflow-x: scroll;
3677
3677
  }
3678
+
3679
+ &.e-mac-safari .virtualtable {
3680
+ .e-leftfreeze,
3681
+ .e-rightfreeze {
3682
+ transform: translateZ(0);
3683
+ }
3684
+ }
3678
3685
 
3679
3686
  .e-columnchooser::before {
3680
3687
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5041,7 +5048,9 @@ $grid-checkmark-color: $grey-light-font !default;
5041
5048
  }
5042
5049
 
5043
5050
  .e-cc-searchdiv.e-input-focus {
5044
- border-color: $grid-columnchooser-search-border-fcolor;
5051
+ @if $grid-skin != 'fluent2' {
5052
+ border-color: $grid-columnchooser-search-border-fcolor;
5053
+ }
5045
5054
  }
5046
5055
  }
5047
5056
  }
@@ -3672,6 +3672,13 @@ $grid-checkmark-color: $grey !default;
3672
3672
  overflow: hidden;
3673
3673
  overflow-x: scroll;
3674
3674
  }
3675
+
3676
+ &.e-mac-safari .virtualtable {
3677
+ .e-leftfreeze,
3678
+ .e-rightfreeze {
3679
+ transform: translateZ(0);
3680
+ }
3681
+ }
3675
3682
 
3676
3683
  .e-columnchooser::before {
3677
3684
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5038,7 +5045,9 @@ $grid-checkmark-color: $grey !default;
5038
5045
  }
5039
5046
 
5040
5047
  .e-cc-searchdiv.e-input-focus {
5041
- border-color: $grid-columnchooser-search-border-fcolor;
5048
+ @if $grid-skin != 'fluent2' {
5049
+ border-color: $grid-columnchooser-search-border-fcolor;
5050
+ }
5042
5051
  }
5043
5052
  }
5044
5053
  }
@@ -3672,6 +3672,13 @@ $grid-checkmark-color: $grey !default;
3672
3672
  overflow: hidden;
3673
3673
  overflow-x: scroll;
3674
3674
  }
3675
+
3676
+ &.e-mac-safari .virtualtable {
3677
+ .e-leftfreeze,
3678
+ .e-rightfreeze {
3679
+ transform: translateZ(0);
3680
+ }
3681
+ }
3675
3682
 
3676
3683
  .e-columnchooser::before {
3677
3684
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5038,7 +5045,9 @@ $grid-checkmark-color: $grey !default;
5038
5045
  }
5039
5046
 
5040
5047
  .e-cc-searchdiv.e-input-focus {
5041
- border-color: $grid-columnchooser-search-border-fcolor;
5048
+ @if $grid-skin != 'fluent2' {
5049
+ border-color: $grid-columnchooser-search-border-fcolor;
5050
+ }
5042
5051
  }
5043
5052
  }
5044
5053
  }
@@ -3679,6 +3679,13 @@ $grid-checkmark-color: $white !default;
3679
3679
  overflow: hidden;
3680
3680
  overflow-x: scroll;
3681
3681
  }
3682
+
3683
+ &.e-mac-safari .virtualtable {
3684
+ .e-leftfreeze,
3685
+ .e-rightfreeze {
3686
+ transform: translateZ(0);
3687
+ }
3688
+ }
3682
3689
 
3683
3690
  .e-columnchooser::before {
3684
3691
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5045,7 +5052,9 @@ $grid-checkmark-color: $white !default;
5045
5052
  }
5046
5053
 
5047
5054
  .e-cc-searchdiv.e-input-focus {
5048
- border-color: $grid-columnchooser-search-border-fcolor;
5055
+ @if $grid-skin != 'fluent2' {
5056
+ border-color: $grid-columnchooser-search-border-fcolor;
5057
+ }
5049
5058
  }
5050
5059
  }
5051
5060
  }
@@ -3679,6 +3679,13 @@ $grid-checkmark-color: $white !default;
3679
3679
  overflow: hidden;
3680
3680
  overflow-x: scroll;
3681
3681
  }
3682
+
3683
+ &.e-mac-safari .virtualtable {
3684
+ .e-leftfreeze,
3685
+ .e-rightfreeze {
3686
+ transform: translateZ(0);
3687
+ }
3688
+ }
3682
3689
 
3683
3690
  .e-columnchooser::before {
3684
3691
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5045,7 +5052,9 @@ $grid-checkmark-color: $white !default;
5045
5052
  }
5046
5053
 
5047
5054
  .e-cc-searchdiv.e-input-focus {
5048
- border-color: $grid-columnchooser-search-border-fcolor;
5055
+ @if $grid-skin != 'fluent2' {
5056
+ border-color: $grid-columnchooser-search-border-fcolor;
5057
+ }
5049
5058
  }
5050
5059
  }
5051
5060
  }
@@ -3675,6 +3675,13 @@ $grid-checkmark-color: $primary-text-color !default;
3675
3675
  overflow: hidden;
3676
3676
  overflow-x: scroll;
3677
3677
  }
3678
+
3679
+ &.e-mac-safari .virtualtable {
3680
+ .e-leftfreeze,
3681
+ .e-rightfreeze {
3682
+ transform: translateZ(0);
3683
+ }
3684
+ }
3678
3685
 
3679
3686
  .e-columnchooser::before {
3680
3687
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5041,7 +5048,9 @@ $grid-checkmark-color: $primary-text-color !default;
5041
5048
  }
5042
5049
 
5043
5050
  .e-cc-searchdiv.e-input-focus {
5044
- border-color: $grid-columnchooser-search-border-fcolor;
5051
+ @if $grid-skin != 'fluent2' {
5052
+ border-color: $grid-columnchooser-search-border-fcolor;
5053
+ }
5045
5054
  }
5046
5055
  }
5047
5056
  }
@@ -3675,6 +3675,13 @@ $grid-checkmark-color: $primary-text-color !default;
3675
3675
  overflow: hidden;
3676
3676
  overflow-x: scroll;
3677
3677
  }
3678
+
3679
+ &.e-mac-safari .virtualtable {
3680
+ .e-leftfreeze,
3681
+ .e-rightfreeze {
3682
+ transform: translateZ(0);
3683
+ }
3684
+ }
3678
3685
 
3679
3686
  .e-columnchooser::before {
3680
3687
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5041,7 +5048,9 @@ $grid-checkmark-color: $primary-text-color !default;
5041
5048
  }
5042
5049
 
5043
5050
  .e-cc-searchdiv.e-input-focus {
5044
- border-color: $grid-columnchooser-search-border-fcolor;
5051
+ @if $grid-skin != 'fluent2' {
5052
+ border-color: $grid-columnchooser-search-border-fcolor;
5053
+ }
5045
5054
  }
5046
5055
  }
5047
5056
  }
@@ -3675,6 +3675,13 @@ $grid-checkmark-color: $primary-text-color !default;
3675
3675
  overflow: hidden;
3676
3676
  overflow-x: scroll;
3677
3677
  }
3678
+
3679
+ &.e-mac-safari .virtualtable {
3680
+ .e-leftfreeze,
3681
+ .e-rightfreeze {
3682
+ transform: translateZ(0);
3683
+ }
3684
+ }
3678
3685
 
3679
3686
  .e-columnchooser::before {
3680
3687
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5041,7 +5048,9 @@ $grid-checkmark-color: $primary-text-color !default;
5041
5048
  }
5042
5049
 
5043
5050
  .e-cc-searchdiv.e-input-focus {
5044
- border-color: $grid-columnchooser-search-border-fcolor;
5051
+ @if $grid-skin != 'fluent2' {
5052
+ border-color: $grid-columnchooser-search-border-fcolor;
5053
+ }
5045
5054
  }
5046
5055
  }
5047
5056
  }
@@ -3675,6 +3675,13 @@ $grid-checkmark-color: $primary-text-color !default;
3675
3675
  overflow: hidden;
3676
3676
  overflow-x: scroll;
3677
3677
  }
3678
+
3679
+ &.e-mac-safari .virtualtable {
3680
+ .e-leftfreeze,
3681
+ .e-rightfreeze {
3682
+ transform: translateZ(0);
3683
+ }
3684
+ }
3678
3685
 
3679
3686
  .e-columnchooser::before {
3680
3687
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5041,7 +5048,9 @@ $grid-checkmark-color: $primary-text-color !default;
5041
5048
  }
5042
5049
 
5043
5050
  .e-cc-searchdiv.e-input-focus {
5044
- border-color: $grid-columnchooser-search-border-fcolor;
5051
+ @if $grid-skin != 'fluent2' {
5052
+ border-color: $grid-columnchooser-search-border-fcolor;
5053
+ }
5045
5054
  }
5046
5055
  }
5047
5056
  }
@@ -3675,6 +3675,13 @@ $grid-checkmark-color: $primary-text-color !default;
3675
3675
  overflow: hidden;
3676
3676
  overflow-x: scroll;
3677
3677
  }
3678
+
3679
+ &.e-mac-safari .virtualtable {
3680
+ .e-leftfreeze,
3681
+ .e-rightfreeze {
3682
+ transform: translateZ(0);
3683
+ }
3684
+ }
3678
3685
 
3679
3686
  .e-columnchooser::before {
3680
3687
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5041,7 +5048,9 @@ $grid-checkmark-color: $primary-text-color !default;
5041
5048
  }
5042
5049
 
5043
5050
  .e-cc-searchdiv.e-input-focus {
5044
- border-color: $grid-columnchooser-search-border-fcolor;
5051
+ @if $grid-skin != 'fluent2' {
5052
+ border-color: $grid-columnchooser-search-border-fcolor;
5053
+ }
5045
5054
  }
5046
5055
  }
5047
5056
  }
@@ -3675,6 +3675,13 @@ $grid-checkmark-color: $primary-text-color !default;
3675
3675
  overflow: hidden;
3676
3676
  overflow-x: scroll;
3677
3677
  }
3678
+
3679
+ &.e-mac-safari .virtualtable {
3680
+ .e-leftfreeze,
3681
+ .e-rightfreeze {
3682
+ transform: translateZ(0);
3683
+ }
3684
+ }
3678
3685
 
3679
3686
  .e-columnchooser::before {
3680
3687
  line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5041,7 +5048,9 @@ $grid-checkmark-color: $primary-text-color !default;
5041
5048
  }
5042
5049
 
5043
5050
  .e-cc-searchdiv.e-input-focus {
5044
- border-color: $grid-columnchooser-search-border-fcolor;
5051
+ @if $grid-skin != 'fluent2' {
5052
+ border-color: $grid-columnchooser-search-border-fcolor;
5053
+ }
5045
5054
  }
5046
5055
  }
5047
5056
  }