@syncfusion/blazor-themes 31.1.21 → 31.1.23

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 (394) hide show
  1. package/Compiled-Themes/bds-dark-lite.css +41 -4
  2. package/Compiled-Themes/bds-dark.css +41 -4
  3. package/Compiled-Themes/bds-lite.css +42 -5
  4. package/Compiled-Themes/bds.css +42 -5
  5. package/Compiled-Themes/bootstrap-dark-lite.css +41 -4
  6. package/Compiled-Themes/bootstrap-dark.css +41 -4
  7. package/Compiled-Themes/bootstrap-lite.css +41 -4
  8. package/Compiled-Themes/bootstrap.css +41 -4
  9. package/Compiled-Themes/bootstrap4-lite.css +42 -4
  10. package/Compiled-Themes/bootstrap4.css +47 -9
  11. package/Compiled-Themes/bootstrap5-dark-lite.css +42 -5
  12. package/Compiled-Themes/bootstrap5-dark.css +42 -5
  13. package/Compiled-Themes/bootstrap5-lite.css +42 -5
  14. package/Compiled-Themes/bootstrap5.3-dark-lite.css +44 -5
  15. package/Compiled-Themes/bootstrap5.3-dark.css +46 -7
  16. package/Compiled-Themes/bootstrap5.3-lite.css +44 -5
  17. package/Compiled-Themes/bootstrap5.3.css +46 -7
  18. package/Compiled-Themes/bootstrap5.css +42 -5
  19. package/Compiled-Themes/fabric-dark-lite.css +41 -4
  20. package/Compiled-Themes/fabric-dark.css +41 -4
  21. package/Compiled-Themes/fabric-lite.css +41 -4
  22. package/Compiled-Themes/fabric.css +41 -4
  23. package/Compiled-Themes/fluent-dark-lite.css +41 -4
  24. package/Compiled-Themes/fluent-dark.css +44 -7
  25. package/Compiled-Themes/fluent-lite.css +41 -4
  26. package/Compiled-Themes/fluent.css +44 -7
  27. package/Compiled-Themes/fluent2-dark-lite.css +47 -8
  28. package/Compiled-Themes/fluent2-dark.css +49 -10
  29. package/Compiled-Themes/fluent2-highcontrast-lite.css +47 -8
  30. package/Compiled-Themes/fluent2-highcontrast.css +49 -10
  31. package/Compiled-Themes/fluent2-lite.css +47 -8
  32. package/Compiled-Themes/fluent2.css +49 -10
  33. package/Compiled-Themes/highcontrast-lite.css +42 -4
  34. package/Compiled-Themes/highcontrast.css +44 -7
  35. package/Compiled-Themes/material-dark-lite.css +41 -4
  36. package/Compiled-Themes/material-dark.css +41 -4
  37. package/Compiled-Themes/material-lite.css +41 -4
  38. package/Compiled-Themes/material.css +43 -6
  39. package/Compiled-Themes/material3-dark-lite.css +41 -4
  40. package/Compiled-Themes/material3-dark.css +41 -4
  41. package/Compiled-Themes/material3-lite.css +41 -4
  42. package/Compiled-Themes/material3.css +41 -4
  43. package/Compiled-Themes/tailwind-dark-lite.css +42 -5
  44. package/Compiled-Themes/tailwind-dark.css +46 -9
  45. package/Compiled-Themes/tailwind-lite.css +42 -5
  46. package/Compiled-Themes/tailwind.css +46 -9
  47. package/Compiled-Themes/tailwind3-dark-lite.css +43 -4
  48. package/Compiled-Themes/tailwind3-dark.css +45 -6
  49. package/Compiled-Themes/tailwind3-lite.css +43 -4
  50. package/Compiled-Themes/tailwind3.css +45 -6
  51. package/SCSS-Themes/base/bds-lite.scss +1 -1
  52. package/SCSS-Themes/base/bds.scss +1 -1
  53. package/SCSS-Themes/bds-dark-lite.scss +42 -4
  54. package/SCSS-Themes/bds-dark.scss +46 -8
  55. package/SCSS-Themes/bds-lite.scss +43 -5
  56. package/SCSS-Themes/bds.scss +47 -9
  57. package/SCSS-Themes/bootstrap-dark-lite.scss +42 -4
  58. package/SCSS-Themes/bootstrap-dark.scss +46 -8
  59. package/SCSS-Themes/bootstrap-lite.scss +44 -4
  60. package/SCSS-Themes/bootstrap.scss +48 -8
  61. package/SCSS-Themes/bootstrap4-lite.scss +46 -6
  62. package/SCSS-Themes/bootstrap4.scss +50 -10
  63. package/SCSS-Themes/bootstrap5-dark-lite.scss +42 -4
  64. package/SCSS-Themes/bootstrap5-dark.scss +46 -8
  65. package/SCSS-Themes/bootstrap5-lite.scss +42 -4
  66. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +45 -5
  67. package/SCSS-Themes/bootstrap5.3-dark.scss +49 -9
  68. package/SCSS-Themes/bootstrap5.3-lite.scss +45 -5
  69. package/SCSS-Themes/bootstrap5.3.scss +49 -9
  70. package/SCSS-Themes/bootstrap5.scss +46 -8
  71. package/SCSS-Themes/buttons/check-box/bds-dark-lite.scss +5 -1
  72. package/SCSS-Themes/buttons/check-box/bds-dark.scss +5 -1
  73. package/SCSS-Themes/buttons/check-box/bds-lite.scss +5 -1
  74. package/SCSS-Themes/buttons/check-box/bds.scss +5 -1
  75. package/SCSS-Themes/buttons/check-box/bootstrap-dark-lite.scss +5 -1
  76. package/SCSS-Themes/buttons/check-box/bootstrap-dark.scss +5 -1
  77. package/SCSS-Themes/buttons/check-box/bootstrap-lite.scss +5 -1
  78. package/SCSS-Themes/buttons/check-box/bootstrap.scss +5 -1
  79. package/SCSS-Themes/buttons/check-box/bootstrap4-lite.scss +5 -1
  80. package/SCSS-Themes/buttons/check-box/bootstrap4.scss +5 -1
  81. package/SCSS-Themes/buttons/check-box/bootstrap5-dark-lite.scss +5 -1
  82. package/SCSS-Themes/buttons/check-box/bootstrap5-dark.scss +5 -1
  83. package/SCSS-Themes/buttons/check-box/bootstrap5-lite.scss +5 -1
  84. package/SCSS-Themes/buttons/check-box/bootstrap5.3-dark-lite.scss +5 -1
  85. package/SCSS-Themes/buttons/check-box/bootstrap5.3-dark.scss +5 -1
  86. package/SCSS-Themes/buttons/check-box/bootstrap5.3-lite.scss +5 -1
  87. package/SCSS-Themes/buttons/check-box/bootstrap5.3.scss +5 -1
  88. package/SCSS-Themes/buttons/check-box/bootstrap5.scss +5 -1
  89. package/SCSS-Themes/buttons/check-box/fabric-dark-lite.scss +5 -1
  90. package/SCSS-Themes/buttons/check-box/fabric-dark.scss +5 -1
  91. package/SCSS-Themes/buttons/check-box/fabric-lite.scss +5 -1
  92. package/SCSS-Themes/buttons/check-box/fabric.scss +5 -1
  93. package/SCSS-Themes/buttons/check-box/fluent-dark-lite.scss +5 -1
  94. package/SCSS-Themes/buttons/check-box/fluent-dark.scss +5 -1
  95. package/SCSS-Themes/buttons/check-box/fluent-lite.scss +5 -1
  96. package/SCSS-Themes/buttons/check-box/fluent.scss +5 -1
  97. package/SCSS-Themes/buttons/check-box/fluent2-dark-lite.scss +5 -1
  98. package/SCSS-Themes/buttons/check-box/fluent2-dark.scss +5 -1
  99. package/SCSS-Themes/buttons/check-box/fluent2-highcontrast-lite.scss +5 -1
  100. package/SCSS-Themes/buttons/check-box/fluent2-highcontrast.scss +5 -1
  101. package/SCSS-Themes/buttons/check-box/fluent2-lite.scss +5 -1
  102. package/SCSS-Themes/buttons/check-box/fluent2.scss +5 -1
  103. package/SCSS-Themes/buttons/check-box/highcontrast-lite.scss +5 -1
  104. package/SCSS-Themes/buttons/check-box/highcontrast.scss +5 -1
  105. package/SCSS-Themes/buttons/check-box/material-dark-lite.scss +5 -1
  106. package/SCSS-Themes/buttons/check-box/material-dark.scss +5 -1
  107. package/SCSS-Themes/buttons/check-box/material-lite.scss +5 -1
  108. package/SCSS-Themes/buttons/check-box/material.scss +5 -1
  109. package/SCSS-Themes/buttons/check-box/material3-dark-lite.scss +5 -1
  110. package/SCSS-Themes/buttons/check-box/material3-dark.scss +5 -1
  111. package/SCSS-Themes/buttons/check-box/material3-lite.scss +5 -1
  112. package/SCSS-Themes/buttons/check-box/material3.scss +5 -1
  113. package/SCSS-Themes/buttons/check-box/tailwind-dark-lite.scss +5 -1
  114. package/SCSS-Themes/buttons/check-box/tailwind-dark.scss +5 -1
  115. package/SCSS-Themes/buttons/check-box/tailwind-lite.scss +5 -1
  116. package/SCSS-Themes/buttons/check-box/tailwind.scss +5 -1
  117. package/SCSS-Themes/buttons/check-box/tailwind3-dark-lite.scss +5 -1
  118. package/SCSS-Themes/buttons/check-box/tailwind3-dark.scss +5 -1
  119. package/SCSS-Themes/buttons/check-box/tailwind3-lite.scss +5 -1
  120. package/SCSS-Themes/buttons/check-box/tailwind3.scss +5 -1
  121. package/SCSS-Themes/dropdowns/multi-select/bds-dark.scss +4 -4
  122. package/SCSS-Themes/dropdowns/multi-select/bds.scss +4 -4
  123. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +4 -4
  124. package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss +4 -4
  125. package/SCSS-Themes/dropdowns/multi-select/bootstrap4-lite.scss +2 -1
  126. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +6 -5
  127. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +4 -4
  128. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.3-dark-lite.scss +3 -1
  129. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.3-dark.scss +7 -5
  130. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.3-lite.scss +3 -1
  131. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.3.scss +7 -5
  132. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +4 -4
  133. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +4 -4
  134. package/SCSS-Themes/dropdowns/multi-select/fabric.scss +4 -4
  135. package/SCSS-Themes/dropdowns/multi-select/fluent-dark-lite.scss +1 -1
  136. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +5 -5
  137. package/SCSS-Themes/dropdowns/multi-select/fluent-lite.scss +1 -1
  138. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +5 -5
  139. package/SCSS-Themes/dropdowns/multi-select/fluent2-dark-lite.scss +3 -1
  140. package/SCSS-Themes/dropdowns/multi-select/fluent2-dark.scss +7 -5
  141. package/SCSS-Themes/dropdowns/multi-select/fluent2-highcontrast-lite.scss +3 -1
  142. package/SCSS-Themes/dropdowns/multi-select/fluent2-highcontrast.scss +7 -5
  143. package/SCSS-Themes/dropdowns/multi-select/fluent2-lite.scss +3 -1
  144. package/SCSS-Themes/dropdowns/multi-select/fluent2.scss +7 -5
  145. package/SCSS-Themes/dropdowns/multi-select/highcontrast-lite.scss +2 -1
  146. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +6 -5
  147. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +4 -4
  148. package/SCSS-Themes/dropdowns/multi-select/material-lite.scss +1 -1
  149. package/SCSS-Themes/dropdowns/multi-select/material.scss +5 -5
  150. package/SCSS-Themes/dropdowns/multi-select/material3-dark.scss +4 -4
  151. package/SCSS-Themes/dropdowns/multi-select/material3.scss +4 -4
  152. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark-lite.scss +2 -2
  153. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +6 -6
  154. package/SCSS-Themes/dropdowns/multi-select/tailwind-lite.scss +2 -2
  155. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +6 -6
  156. package/SCSS-Themes/dropdowns/multi-select/tailwind3-dark-lite.scss +3 -1
  157. package/SCSS-Themes/dropdowns/multi-select/tailwind3-dark.scss +7 -5
  158. package/SCSS-Themes/dropdowns/multi-select/tailwind3-lite.scss +3 -1
  159. package/SCSS-Themes/dropdowns/multi-select/tailwind3.scss +7 -5
  160. package/SCSS-Themes/fabric-dark-lite.scss +44 -4
  161. package/SCSS-Themes/fabric-dark.scss +48 -8
  162. package/SCSS-Themes/fabric-lite.scss +44 -4
  163. package/SCSS-Themes/fabric.scss +48 -8
  164. package/SCSS-Themes/fluent-dark-lite.scss +43 -5
  165. package/SCSS-Themes/fluent-dark.scss +47 -9
  166. package/SCSS-Themes/fluent-lite.scss +43 -5
  167. package/SCSS-Themes/fluent.scss +47 -9
  168. package/SCSS-Themes/fluent2-dark-lite.scss +49 -9
  169. package/SCSS-Themes/fluent2-dark.scss +53 -13
  170. package/SCSS-Themes/fluent2-highcontrast-lite.scss +49 -9
  171. package/SCSS-Themes/fluent2-highcontrast.scss +53 -13
  172. package/SCSS-Themes/fluent2-lite.scss +49 -9
  173. package/SCSS-Themes/fluent2.scss +53 -13
  174. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +7 -2
  175. package/SCSS-Themes/grids/grid/bds-dark.scss +7 -2
  176. package/SCSS-Themes/grids/grid/bds-lite.scss +7 -2
  177. package/SCSS-Themes/grids/grid/bds.scss +7 -2
  178. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +7 -2
  179. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +7 -2
  180. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +7 -2
  181. package/SCSS-Themes/grids/grid/bootstrap.scss +7 -2
  182. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +7 -2
  183. package/SCSS-Themes/grids/grid/bootstrap4.scss +7 -2
  184. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +7 -2
  185. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +7 -2
  186. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +7 -2
  187. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +7 -2
  188. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +7 -2
  189. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +7 -2
  190. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +7 -2
  191. package/SCSS-Themes/grids/grid/bootstrap5.scss +7 -2
  192. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +7 -2
  193. package/SCSS-Themes/grids/grid/fabric-dark.scss +7 -2
  194. package/SCSS-Themes/grids/grid/fabric-lite.scss +7 -2
  195. package/SCSS-Themes/grids/grid/fabric.scss +7 -2
  196. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +7 -2
  197. package/SCSS-Themes/grids/grid/fluent-dark.scss +7 -2
  198. package/SCSS-Themes/grids/grid/fluent-lite.scss +7 -2
  199. package/SCSS-Themes/grids/grid/fluent.scss +7 -2
  200. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +7 -2
  201. package/SCSS-Themes/grids/grid/fluent2-dark.scss +7 -2
  202. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +7 -2
  203. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +7 -2
  204. package/SCSS-Themes/grids/grid/fluent2-lite.scss +7 -2
  205. package/SCSS-Themes/grids/grid/fluent2.scss +7 -2
  206. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +7 -2
  207. package/SCSS-Themes/grids/grid/highcontrast.scss +7 -2
  208. package/SCSS-Themes/grids/grid/material-dark-lite.scss +7 -2
  209. package/SCSS-Themes/grids/grid/material-dark.scss +7 -2
  210. package/SCSS-Themes/grids/grid/material-lite.scss +7 -2
  211. package/SCSS-Themes/grids/grid/material.scss +7 -2
  212. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +7 -2
  213. package/SCSS-Themes/grids/grid/material3-dark.scss +7 -2
  214. package/SCSS-Themes/grids/grid/material3-lite.scss +7 -2
  215. package/SCSS-Themes/grids/grid/material3.scss +7 -2
  216. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +7 -2
  217. package/SCSS-Themes/grids/grid/tailwind-dark.scss +7 -2
  218. package/SCSS-Themes/grids/grid/tailwind-lite.scss +7 -2
  219. package/SCSS-Themes/grids/grid/tailwind.scss +7 -2
  220. package/SCSS-Themes/grids/grid/tailwind3-dark-lite.scss +7 -2
  221. package/SCSS-Themes/grids/grid/tailwind3-dark.scss +7 -2
  222. package/SCSS-Themes/grids/grid/tailwind3-lite.scss +7 -2
  223. package/SCSS-Themes/grids/grid/tailwind3.scss +7 -2
  224. package/SCSS-Themes/highcontrast-lite.scss +46 -5
  225. package/SCSS-Themes/highcontrast.scss +50 -9
  226. package/SCSS-Themes/inputs/input/bootstrap4-lite.scss +1 -1
  227. package/SCSS-Themes/inputs/input/bootstrap4.scss +1 -1
  228. package/SCSS-Themes/material-dark-lite.scss +43 -4
  229. package/SCSS-Themes/material-dark.scss +47 -8
  230. package/SCSS-Themes/material-lite.scss +44 -5
  231. package/SCSS-Themes/material.scss +48 -9
  232. package/SCSS-Themes/material3-dark-lite.scss +42 -4
  233. package/SCSS-Themes/material3-dark.scss +46 -8
  234. package/SCSS-Themes/material3-lite.scss +42 -4
  235. package/SCSS-Themes/material3.scss +46 -8
  236. package/SCSS-Themes/notifications/toast/bds-dark-lite.scss +1 -1
  237. package/SCSS-Themes/notifications/toast/bds-dark.scss +1 -1
  238. package/SCSS-Themes/notifications/toast/bds-lite.scss +1 -1
  239. package/SCSS-Themes/notifications/toast/bds.scss +1 -1
  240. package/SCSS-Themes/notifications/toast/bootstrap-dark-lite.scss +1 -1
  241. package/SCSS-Themes/notifications/toast/bootstrap-dark.scss +1 -1
  242. package/SCSS-Themes/notifications/toast/bootstrap-lite.scss +1 -1
  243. package/SCSS-Themes/notifications/toast/bootstrap.scss +1 -1
  244. package/SCSS-Themes/notifications/toast/bootstrap4-lite.scss +1 -1
  245. package/SCSS-Themes/notifications/toast/bootstrap4.scss +1 -1
  246. package/SCSS-Themes/notifications/toast/bootstrap5-dark-lite.scss +1 -1
  247. package/SCSS-Themes/notifications/toast/bootstrap5-dark.scss +1 -1
  248. package/SCSS-Themes/notifications/toast/bootstrap5-lite.scss +1 -1
  249. package/SCSS-Themes/notifications/toast/bootstrap5.3-dark-lite.scss +1 -1
  250. package/SCSS-Themes/notifications/toast/bootstrap5.3-dark.scss +1 -1
  251. package/SCSS-Themes/notifications/toast/bootstrap5.3-lite.scss +1 -1
  252. package/SCSS-Themes/notifications/toast/bootstrap5.3.scss +1 -1
  253. package/SCSS-Themes/notifications/toast/bootstrap5.scss +1 -1
  254. package/SCSS-Themes/notifications/toast/fabric-dark-lite.scss +1 -1
  255. package/SCSS-Themes/notifications/toast/fabric-dark.scss +1 -1
  256. package/SCSS-Themes/notifications/toast/fabric-lite.scss +1 -1
  257. package/SCSS-Themes/notifications/toast/fabric.scss +1 -1
  258. package/SCSS-Themes/notifications/toast/fluent-dark-lite.scss +1 -1
  259. package/SCSS-Themes/notifications/toast/fluent-dark.scss +1 -1
  260. package/SCSS-Themes/notifications/toast/fluent-lite.scss +1 -1
  261. package/SCSS-Themes/notifications/toast/fluent.scss +1 -1
  262. package/SCSS-Themes/notifications/toast/fluent2-dark-lite.scss +5 -5
  263. package/SCSS-Themes/notifications/toast/fluent2-dark.scss +5 -5
  264. package/SCSS-Themes/notifications/toast/fluent2-highcontrast-lite.scss +5 -5
  265. package/SCSS-Themes/notifications/toast/fluent2-highcontrast.scss +5 -5
  266. package/SCSS-Themes/notifications/toast/fluent2-lite.scss +5 -5
  267. package/SCSS-Themes/notifications/toast/fluent2.scss +5 -5
  268. package/SCSS-Themes/notifications/toast/highcontrast-lite.scss +1 -1
  269. package/SCSS-Themes/notifications/toast/highcontrast.scss +1 -1
  270. package/SCSS-Themes/notifications/toast/material-dark-lite.scss +1 -1
  271. package/SCSS-Themes/notifications/toast/material-dark.scss +1 -1
  272. package/SCSS-Themes/notifications/toast/material-lite.scss +1 -1
  273. package/SCSS-Themes/notifications/toast/material.scss +1 -1
  274. package/SCSS-Themes/notifications/toast/material3-dark-lite.scss +1 -1
  275. package/SCSS-Themes/notifications/toast/material3-dark.scss +1 -1
  276. package/SCSS-Themes/notifications/toast/material3-lite.scss +1 -1
  277. package/SCSS-Themes/notifications/toast/material3.scss +1 -1
  278. package/SCSS-Themes/notifications/toast/tailwind-dark-lite.scss +1 -1
  279. package/SCSS-Themes/notifications/toast/tailwind-dark.scss +1 -1
  280. package/SCSS-Themes/notifications/toast/tailwind-lite.scss +1 -1
  281. package/SCSS-Themes/notifications/toast/tailwind.scss +1 -1
  282. package/SCSS-Themes/notifications/toast/tailwind3-dark-lite.scss +1 -1
  283. package/SCSS-Themes/notifications/toast/tailwind3-dark.scss +1 -1
  284. package/SCSS-Themes/notifications/toast/tailwind3-lite.scss +1 -1
  285. package/SCSS-Themes/notifications/toast/tailwind3.scss +1 -1
  286. package/SCSS-Themes/pivotview/pivotview/bds-dark-lite.scss +4 -0
  287. package/SCSS-Themes/pivotview/pivotview/bds-dark.scss +4 -0
  288. package/SCSS-Themes/pivotview/pivotview/bds-lite.scss +4 -0
  289. package/SCSS-Themes/pivotview/pivotview/bds.scss +4 -0
  290. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark-lite.scss +4 -0
  291. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +4 -0
  292. package/SCSS-Themes/pivotview/pivotview/bootstrap-lite.scss +4 -0
  293. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +4 -0
  294. package/SCSS-Themes/pivotview/pivotview/bootstrap4-lite.scss +4 -0
  295. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +4 -0
  296. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark-lite.scss +4 -0
  297. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +4 -0
  298. package/SCSS-Themes/pivotview/pivotview/bootstrap5-lite.scss +4 -0
  299. package/SCSS-Themes/pivotview/pivotview/bootstrap5.3-dark-lite.scss +4 -0
  300. package/SCSS-Themes/pivotview/pivotview/bootstrap5.3-dark.scss +4 -0
  301. package/SCSS-Themes/pivotview/pivotview/bootstrap5.3-lite.scss +4 -0
  302. package/SCSS-Themes/pivotview/pivotview/bootstrap5.3.scss +4 -0
  303. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +4 -0
  304. package/SCSS-Themes/pivotview/pivotview/fabric-dark-lite.scss +4 -0
  305. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +4 -0
  306. package/SCSS-Themes/pivotview/pivotview/fabric-lite.scss +4 -0
  307. package/SCSS-Themes/pivotview/pivotview/fabric.scss +4 -0
  308. package/SCSS-Themes/pivotview/pivotview/fluent-dark-lite.scss +4 -0
  309. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +4 -0
  310. package/SCSS-Themes/pivotview/pivotview/fluent-lite.scss +4 -0
  311. package/SCSS-Themes/pivotview/pivotview/fluent.scss +4 -0
  312. package/SCSS-Themes/pivotview/pivotview/fluent2-dark-lite.scss +4 -0
  313. package/SCSS-Themes/pivotview/pivotview/fluent2-dark.scss +4 -0
  314. package/SCSS-Themes/pivotview/pivotview/fluent2-highcontrast-lite.scss +4 -0
  315. package/SCSS-Themes/pivotview/pivotview/fluent2-highcontrast.scss +4 -0
  316. package/SCSS-Themes/pivotview/pivotview/fluent2-lite.scss +4 -0
  317. package/SCSS-Themes/pivotview/pivotview/fluent2.scss +4 -0
  318. package/SCSS-Themes/pivotview/pivotview/highcontrast-lite.scss +4 -0
  319. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +4 -0
  320. package/SCSS-Themes/pivotview/pivotview/material-dark-lite.scss +4 -0
  321. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +4 -0
  322. package/SCSS-Themes/pivotview/pivotview/material-lite.scss +4 -0
  323. package/SCSS-Themes/pivotview/pivotview/material.scss +4 -0
  324. package/SCSS-Themes/pivotview/pivotview/material3-dark-lite.scss +4 -0
  325. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +4 -0
  326. package/SCSS-Themes/pivotview/pivotview/material3-lite.scss +4 -0
  327. package/SCSS-Themes/pivotview/pivotview/material3.scss +4 -0
  328. package/SCSS-Themes/pivotview/pivotview/tailwind-dark-lite.scss +4 -0
  329. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +4 -0
  330. package/SCSS-Themes/pivotview/pivotview/tailwind-lite.scss +4 -0
  331. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +4 -0
  332. package/SCSS-Themes/pivotview/pivotview/tailwind3-dark-lite.scss +4 -0
  333. package/SCSS-Themes/pivotview/pivotview/tailwind3-dark.scss +4 -0
  334. package/SCSS-Themes/pivotview/pivotview/tailwind3-lite.scss +4 -0
  335. package/SCSS-Themes/pivotview/pivotview/tailwind3.scss +4 -0
  336. package/SCSS-Themes/querybuilder/query-builder/bds-dark-lite.scss +25 -0
  337. package/SCSS-Themes/querybuilder/query-builder/bds-dark.scss +25 -0
  338. package/SCSS-Themes/querybuilder/query-builder/bds-lite.scss +25 -0
  339. package/SCSS-Themes/querybuilder/query-builder/bds.scss +25 -0
  340. package/SCSS-Themes/querybuilder/query-builder/bootstrap-dark-lite.scss +25 -0
  341. package/SCSS-Themes/querybuilder/query-builder/bootstrap-dark.scss +25 -0
  342. package/SCSS-Themes/querybuilder/query-builder/bootstrap-lite.scss +27 -0
  343. package/SCSS-Themes/querybuilder/query-builder/bootstrap.scss +27 -0
  344. package/SCSS-Themes/querybuilder/query-builder/bootstrap4-lite.scss +26 -0
  345. package/SCSS-Themes/querybuilder/query-builder/bootstrap4.scss +26 -0
  346. package/SCSS-Themes/querybuilder/query-builder/bootstrap5-dark-lite.scss +25 -0
  347. package/SCSS-Themes/querybuilder/query-builder/bootstrap5-dark.scss +25 -0
  348. package/SCSS-Themes/querybuilder/query-builder/bootstrap5-lite.scss +25 -0
  349. package/SCSS-Themes/querybuilder/query-builder/bootstrap5.3-dark-lite.scss +25 -0
  350. package/SCSS-Themes/querybuilder/query-builder/bootstrap5.3-dark.scss +25 -0
  351. package/SCSS-Themes/querybuilder/query-builder/bootstrap5.3-lite.scss +25 -0
  352. package/SCSS-Themes/querybuilder/query-builder/bootstrap5.3.scss +25 -0
  353. package/SCSS-Themes/querybuilder/query-builder/bootstrap5.scss +25 -0
  354. package/SCSS-Themes/querybuilder/query-builder/fabric-dark-lite.scss +27 -0
  355. package/SCSS-Themes/querybuilder/query-builder/fabric-dark.scss +27 -0
  356. package/SCSS-Themes/querybuilder/query-builder/fabric-lite.scss +27 -0
  357. package/SCSS-Themes/querybuilder/query-builder/fabric.scss +27 -0
  358. package/SCSS-Themes/querybuilder/query-builder/fluent-dark-lite.scss +25 -0
  359. package/SCSS-Themes/querybuilder/query-builder/fluent-dark.scss +25 -0
  360. package/SCSS-Themes/querybuilder/query-builder/fluent-lite.scss +25 -0
  361. package/SCSS-Themes/querybuilder/query-builder/fluent.scss +25 -0
  362. package/SCSS-Themes/querybuilder/query-builder/fluent2-dark-lite.scss +25 -0
  363. package/SCSS-Themes/querybuilder/query-builder/fluent2-dark.scss +25 -0
  364. package/SCSS-Themes/querybuilder/query-builder/fluent2-highcontrast-lite.scss +25 -0
  365. package/SCSS-Themes/querybuilder/query-builder/fluent2-highcontrast.scss +25 -0
  366. package/SCSS-Themes/querybuilder/query-builder/fluent2-lite.scss +25 -0
  367. package/SCSS-Themes/querybuilder/query-builder/fluent2.scss +25 -0
  368. package/SCSS-Themes/querybuilder/query-builder/highcontrast-lite.scss +27 -0
  369. package/SCSS-Themes/querybuilder/query-builder/highcontrast.scss +27 -0
  370. package/SCSS-Themes/querybuilder/query-builder/material-dark-lite.scss +26 -0
  371. package/SCSS-Themes/querybuilder/query-builder/material-dark.scss +26 -0
  372. package/SCSS-Themes/querybuilder/query-builder/material-lite.scss +26 -0
  373. package/SCSS-Themes/querybuilder/query-builder/material.scss +26 -0
  374. package/SCSS-Themes/querybuilder/query-builder/material3-dark-lite.scss +25 -0
  375. package/SCSS-Themes/querybuilder/query-builder/material3-dark.scss +25 -0
  376. package/SCSS-Themes/querybuilder/query-builder/material3-lite.scss +25 -0
  377. package/SCSS-Themes/querybuilder/query-builder/material3.scss +25 -0
  378. package/SCSS-Themes/querybuilder/query-builder/tailwind-dark-lite.scss +25 -0
  379. package/SCSS-Themes/querybuilder/query-builder/tailwind-dark.scss +25 -0
  380. package/SCSS-Themes/querybuilder/query-builder/tailwind-lite.scss +25 -0
  381. package/SCSS-Themes/querybuilder/query-builder/tailwind.scss +25 -0
  382. package/SCSS-Themes/querybuilder/query-builder/tailwind3-dark-lite.scss +25 -0
  383. package/SCSS-Themes/querybuilder/query-builder/tailwind3-dark.scss +25 -0
  384. package/SCSS-Themes/querybuilder/query-builder/tailwind3-lite.scss +25 -0
  385. package/SCSS-Themes/querybuilder/query-builder/tailwind3.scss +25 -0
  386. package/SCSS-Themes/tailwind-dark-lite.scss +44 -6
  387. package/SCSS-Themes/tailwind-dark.scss +48 -10
  388. package/SCSS-Themes/tailwind-lite.scss +44 -6
  389. package/SCSS-Themes/tailwind.scss +48 -10
  390. package/SCSS-Themes/tailwind3-dark-lite.scss +45 -5
  391. package/SCSS-Themes/tailwind3-dark.scss +49 -9
  392. package/SCSS-Themes/tailwind3-lite.scss +45 -5
  393. package/SCSS-Themes/tailwind3.scss +49 -9
  394. package/package.json +1 -1
@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
354
354
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
355
355
  left: 0;
356
356
  margin-left: 12px;
357
- margin-top: 10px;
357
+ margin-top: 15px;
358
358
  padding-bottom: 6px;
359
359
  position: absolute;
360
360
  }
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 15px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 15px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 15px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 15px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1033,6 +1033,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1033
1033
  margin-left: 18px !important;
1034
1034
  }
1035
1035
 
1036
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1037
+ display: flex;
1038
+ }
1039
+
1036
1040
  .e-toolbar-item.e-template,
1037
1041
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1038
1042
  {
@@ -1033,6 +1033,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1033
1033
  margin-left: 18px !important;
1034
1034
  }
1035
1035
 
1036
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1037
+ display: flex;
1038
+ }
1039
+
1036
1040
  .e-toolbar-item.e-template,
1037
1041
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1038
1042
  {
@@ -1032,6 +1032,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1032
1032
  margin-left: 18px !important;
1033
1033
  }
1034
1034
 
1035
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1036
+ display: flex;
1037
+ }
1038
+
1035
1039
  .e-toolbar-item.e-template,
1036
1040
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1037
1041
  {
@@ -1032,6 +1032,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1032
1032
  margin-left: 18px !important;
1033
1033
  }
1034
1034
 
1035
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1036
+ display: flex;
1037
+ }
1038
+
1035
1039
  .e-toolbar-item.e-template,
1036
1040
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1037
1041
  {
@@ -1034,6 +1034,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1034
1034
  margin-left: 18px !important;
1035
1035
  }
1036
1036
 
1037
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1038
+ display: flex;
1039
+ }
1040
+
1037
1041
  .e-toolbar-item.e-template,
1038
1042
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1039
1043
  {
@@ -1034,6 +1034,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1034
1034
  margin-left: 18px !important;
1035
1035
  }
1036
1036
 
1037
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1038
+ display: flex;
1039
+ }
1040
+
1037
1041
  .e-toolbar-item.e-template,
1038
1042
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1039
1043
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 4px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 4px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 4px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 4px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 4px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 4px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 4px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 4px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1032,6 +1032,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1032
1032
  margin-left: 18px !important;
1033
1033
  }
1034
1034
 
1035
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1036
+ display: flex;
1037
+ }
1038
+
1035
1039
  .e-toolbar-item.e-template,
1036
1040
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1037
1041
  {
@@ -1032,6 +1032,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1032
1032
  margin-left: 18px !important;
1033
1033
  }
1034
1034
 
1035
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1036
+ display: flex;
1037
+ }
1038
+
1035
1039
  .e-toolbar-item.e-template,
1036
1040
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1037
1041
  {
@@ -1031,6 +1031,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1031
1031
  margin-left: 18px !important;
1032
1032
  }
1033
1033
 
1034
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1035
+ display: flex;
1036
+ }
1037
+
1034
1038
  .e-toolbar-item.e-template,
1035
1039
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1036
1040
  {
@@ -1031,6 +1031,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1031
1031
  margin-left: 18px !important;
1032
1032
  }
1033
1033
 
1034
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1035
+ display: flex;
1036
+ }
1037
+
1034
1038
  .e-toolbar-item.e-template,
1035
1039
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1036
1040
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1034,6 +1034,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1034
1034
  margin-left: 18px !important;
1035
1035
  }
1036
1036
 
1037
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1038
+ display: flex;
1039
+ }
1040
+
1037
1041
  .e-toolbar-item.e-template,
1038
1042
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1039
1043
  {
@@ -1034,6 +1034,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1034
1034
  margin-left: 18px !important;
1035
1035
  }
1036
1036
 
1037
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1038
+ display: flex;
1039
+ }
1040
+
1037
1041
  .e-toolbar-item.e-template,
1038
1042
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1039
1043
  {
@@ -1032,6 +1032,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1032
1032
  margin-left: 18px !important;
1033
1033
  }
1034
1034
 
1035
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1036
+ display: flex;
1037
+ }
1038
+
1035
1039
  .e-toolbar-item.e-template,
1036
1040
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1037
1041
  {
@@ -1032,6 +1032,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1032
1032
  margin-left: 18px !important;
1033
1033
  }
1034
1034
 
1035
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1036
+ display: flex;
1037
+ }
1038
+
1035
1039
  .e-toolbar-item.e-template,
1036
1040
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1037
1041
  {
@@ -1033,6 +1033,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1033
1033
  margin-left: 18px !important;
1034
1034
  }
1035
1035
 
1036
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1037
+ display: flex;
1038
+ }
1039
+
1036
1040
  .e-toolbar-item.e-template,
1037
1041
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1038
1042
  {
@@ -1033,6 +1033,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1033
1033
  margin-left: 18px !important;
1034
1034
  }
1035
1035
 
1036
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1037
+ display: flex;
1038
+ }
1039
+
1036
1040
  .e-toolbar-item.e-template,
1037
1041
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1038
1042
  {
@@ -1033,6 +1033,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1033
1033
  margin-left: 18px !important;
1034
1034
  }
1035
1035
 
1036
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1037
+ display: flex;
1038
+ }
1039
+
1036
1040
  .e-toolbar-item.e-template,
1037
1041
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1038
1042
  {
@@ -1033,6 +1033,10 @@ $pivotview-touch-header-text-padding: 8px !default;
1033
1033
  margin-left: 18px !important;
1034
1034
  }
1035
1035
 
1036
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1037
+ display: flex;
1038
+ }
1039
+
1036
1040
  .e-toolbar-item.e-template,
1037
1041
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1038
1042
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 12px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 12px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 12px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 12px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 12px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 12px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 12px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 12px !default;
1030
1030
  margin-left: 18px !important;
1031
1031
  }
1032
1032
 
1033
+ .e-toolbar-item.e-template .e-toolbar-template-container {
1034
+ display: flex;
1035
+ }
1036
+
1033
1037
  .e-toolbar-item.e-template,
1034
1038
  .e-toolbar-item:not(.e-separator):not(.e-spacer)
1035
1039
  {
@@ -131,6 +131,8 @@ $qrybldr-drag-grp-list-heg: 29px !default;
131
131
  $qrybldr-drag-grp-big-list-heg: 35px !default;
132
132
  $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
133
133
  $qryblr-drag-icon-color: $secondary-text-color !default;
134
+ $spinner-border-light-color: $primary-light !default;
135
+ $spinner-border-color: $primary !default;
134
136
 
135
137
  @mixin fluent2-small-round-btn {
136
138
  @if $theme-name == 'fluent2' {
@@ -1207,6 +1209,29 @@ $qryblr-drag-icon-color: $secondary-text-color !default;
1207
1209
  }
1208
1210
  }
1209
1211
 
1212
+ .e-querybuilder-spinner::before {
1213
+ content: '';
1214
+ position: absolute;
1215
+ left: 50%;
1216
+ transform: translateX(-50%);
1217
+ width: 16px;
1218
+ height: 16px;
1219
+ border: 2px solid $spinner-border-light-color;
1220
+ border-top: 2px solid $spinner-border-color;
1221
+ border-radius: 50%;
1222
+ animation: spin 1s linear infinite;
1223
+ }
1224
+
1225
+ @keyframes spin {
1226
+ 0% {
1227
+ transform: translateX(-50%) rotate(0deg);
1228
+ }
1229
+
1230
+ 100% {
1231
+ transform: translateX(-50%) rotate(360deg);
1232
+ }
1233
+ }
1234
+
1210
1235
 
1211
1236
  @include export-module('query-builder-bds-icons') {
1212
1237
  .e-query-builder {