@syncfusion/blazor-themes 26.1.42 → 26.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 (308) hide show
  1. package/SCSS-Themes/base/fluent2-dark.scss +2 -2
  2. package/SCSS-Themes/base/fluent2-highcontrast.scss +12 -12
  3. package/SCSS-Themes/base/fluent2.scss +15 -13
  4. package/SCSS-Themes/bds-dark.scss +244 -67
  5. package/SCSS-Themes/bds.scss +244 -67
  6. package/SCSS-Themes/bootstrap-dark.scss +244 -67
  7. package/SCSS-Themes/bootstrap.scss +250 -73
  8. package/SCSS-Themes/bootstrap4.scss +250 -73
  9. package/SCSS-Themes/bootstrap5-dark.scss +252 -75
  10. package/SCSS-Themes/bootstrap5.scss +252 -75
  11. package/SCSS-Themes/buttons/button/bds-dark.scss +2 -2
  12. package/SCSS-Themes/buttons/button/bds.scss +2 -2
  13. package/SCSS-Themes/buttons/button/bootstrap-dark.scss +2 -2
  14. package/SCSS-Themes/buttons/button/bootstrap.scss +2 -2
  15. package/SCSS-Themes/buttons/button/bootstrap4.scss +2 -2
  16. package/SCSS-Themes/buttons/button/bootstrap5-dark.scss +2 -2
  17. package/SCSS-Themes/buttons/button/bootstrap5.scss +2 -2
  18. package/SCSS-Themes/buttons/button/fabric-dark.scss +2 -2
  19. package/SCSS-Themes/buttons/button/fabric.scss +2 -2
  20. package/SCSS-Themes/buttons/button/fluent-dark.scss +2 -2
  21. package/SCSS-Themes/buttons/button/fluent.scss +2 -2
  22. package/SCSS-Themes/buttons/button/fluent2-dark.scss +2 -2
  23. package/SCSS-Themes/buttons/button/fluent2.scss +2 -2
  24. package/SCSS-Themes/buttons/button/highcontrast.scss +2 -2
  25. package/SCSS-Themes/buttons/button/material-dark.scss +2 -2
  26. package/SCSS-Themes/buttons/button/material.scss +2 -2
  27. package/SCSS-Themes/buttons/button/material3-dark.scss +2 -2
  28. package/SCSS-Themes/buttons/button/material3.scss +2 -2
  29. package/SCSS-Themes/buttons/button/tailwind-dark.scss +2 -2
  30. package/SCSS-Themes/buttons/button/tailwind.scss +2 -2
  31. package/SCSS-Themes/buttons/speed-dial/bds-dark.scss +1 -0
  32. package/SCSS-Themes/buttons/speed-dial/bds.scss +1 -0
  33. package/SCSS-Themes/buttons/speed-dial/bootstrap-dark.scss +1 -0
  34. package/SCSS-Themes/buttons/speed-dial/bootstrap.scss +1 -0
  35. package/SCSS-Themes/buttons/speed-dial/bootstrap4.scss +1 -0
  36. package/SCSS-Themes/buttons/speed-dial/bootstrap5-dark.scss +1 -0
  37. package/SCSS-Themes/buttons/speed-dial/bootstrap5.scss +1 -0
  38. package/SCSS-Themes/buttons/speed-dial/fabric-dark.scss +1 -0
  39. package/SCSS-Themes/buttons/speed-dial/fabric.scss +1 -0
  40. package/SCSS-Themes/buttons/speed-dial/fluent-dark.scss +1 -0
  41. package/SCSS-Themes/buttons/speed-dial/fluent.scss +1 -0
  42. package/SCSS-Themes/buttons/speed-dial/fluent2-dark.scss +1 -0
  43. package/SCSS-Themes/buttons/speed-dial/fluent2.scss +1 -0
  44. package/SCSS-Themes/buttons/speed-dial/highcontrast.scss +1 -0
  45. package/SCSS-Themes/buttons/speed-dial/material-dark.scss +1 -0
  46. package/SCSS-Themes/buttons/speed-dial/material.scss +1 -0
  47. package/SCSS-Themes/buttons/speed-dial/material3-dark.scss +1 -0
  48. package/SCSS-Themes/buttons/speed-dial/material3.scss +1 -0
  49. package/SCSS-Themes/buttons/speed-dial/tailwind-dark.scss +1 -0
  50. package/SCSS-Themes/buttons/speed-dial/tailwind.scss +1 -0
  51. package/SCSS-Themes/dropdowns/list-box/bds-dark.scss +17 -13
  52. package/SCSS-Themes/dropdowns/list-box/bds.scss +17 -13
  53. package/SCSS-Themes/dropdowns/list-box/bootstrap-dark.scss +17 -13
  54. package/SCSS-Themes/dropdowns/list-box/bootstrap.scss +17 -13
  55. package/SCSS-Themes/dropdowns/list-box/bootstrap4.scss +17 -13
  56. package/SCSS-Themes/dropdowns/list-box/bootstrap5-dark.scss +17 -13
  57. package/SCSS-Themes/dropdowns/list-box/bootstrap5.scss +17 -13
  58. package/SCSS-Themes/dropdowns/list-box/fabric-dark.scss +17 -13
  59. package/SCSS-Themes/dropdowns/list-box/fabric.scss +17 -13
  60. package/SCSS-Themes/dropdowns/list-box/fluent-dark.scss +17 -13
  61. package/SCSS-Themes/dropdowns/list-box/fluent.scss +17 -13
  62. package/SCSS-Themes/dropdowns/list-box/fluent2-dark.scss +17 -13
  63. package/SCSS-Themes/dropdowns/list-box/fluent2.scss +17 -13
  64. package/SCSS-Themes/dropdowns/list-box/highcontrast.scss +17 -13
  65. package/SCSS-Themes/dropdowns/list-box/material-dark.scss +17 -13
  66. package/SCSS-Themes/dropdowns/list-box/material.scss +17 -13
  67. package/SCSS-Themes/dropdowns/list-box/material3-dark.scss +17 -13
  68. package/SCSS-Themes/dropdowns/list-box/material3.scss +17 -13
  69. package/SCSS-Themes/dropdowns/list-box/tailwind-dark.scss +17 -13
  70. package/SCSS-Themes/dropdowns/list-box/tailwind.scss +17 -13
  71. package/SCSS-Themes/dropdowns/multi-select/material.scss +1 -1
  72. package/SCSS-Themes/fabric-dark.scss +244 -67
  73. package/SCSS-Themes/fabric.scss +247 -70
  74. package/SCSS-Themes/fluent-dark.scss +250 -73
  75. package/SCSS-Themes/fluent.scss +250 -73
  76. package/SCSS-Themes/fluent2-dark.scss +260 -83
  77. package/SCSS-Themes/fluent2-highcontrast.scss +12 -12
  78. package/SCSS-Themes/fluent2.scss +273 -94
  79. package/SCSS-Themes/grids/grid/bds-dark.scss +15 -10
  80. package/SCSS-Themes/grids/grid/bds.scss +15 -10
  81. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +15 -10
  82. package/SCSS-Themes/grids/grid/bootstrap.scss +21 -16
  83. package/SCSS-Themes/grids/grid/bootstrap4.scss +21 -16
  84. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +23 -18
  85. package/SCSS-Themes/grids/grid/bootstrap5.scss +23 -18
  86. package/SCSS-Themes/grids/grid/fabric-dark.scss +15 -10
  87. package/SCSS-Themes/grids/grid/fabric.scss +18 -13
  88. package/SCSS-Themes/grids/grid/fluent-dark.scss +21 -16
  89. package/SCSS-Themes/grids/grid/fluent.scss +21 -16
  90. package/SCSS-Themes/grids/grid/fluent2-dark.scss +27 -22
  91. package/SCSS-Themes/grids/grid/fluent2.scss +27 -22
  92. package/SCSS-Themes/grids/grid/highcontrast.scss +22 -17
  93. package/SCSS-Themes/grids/grid/material-dark.scss +15 -10
  94. package/SCSS-Themes/grids/grid/material.scss +16 -11
  95. package/SCSS-Themes/grids/grid/material3-dark.scss +20 -15
  96. package/SCSS-Themes/grids/grid/material3.scss +20 -15
  97. package/SCSS-Themes/grids/grid/tailwind-dark.scss +24 -19
  98. package/SCSS-Themes/grids/grid/tailwind.scss +24 -19
  99. package/SCSS-Themes/highcontrast.scss +251 -74
  100. package/SCSS-Themes/image-editor/image-editor/bds-dark.scss +50 -1
  101. package/SCSS-Themes/image-editor/image-editor/bds.scss +50 -1
  102. package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss +50 -1
  103. package/SCSS-Themes/image-editor/image-editor/bootstrap.scss +50 -1
  104. package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss +50 -1
  105. package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss +50 -1
  106. package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss +50 -1
  107. package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss +50 -1
  108. package/SCSS-Themes/image-editor/image-editor/fabric.scss +50 -1
  109. package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss +50 -1
  110. package/SCSS-Themes/image-editor/image-editor/fluent.scss +50 -1
  111. package/SCSS-Themes/image-editor/image-editor/fluent2-dark.scss +50 -1
  112. package/SCSS-Themes/image-editor/image-editor/fluent2.scss +50 -1
  113. package/SCSS-Themes/image-editor/image-editor/highcontrast.scss +50 -1
  114. package/SCSS-Themes/image-editor/image-editor/material-dark.scss +50 -1
  115. package/SCSS-Themes/image-editor/image-editor/material.scss +50 -1
  116. package/SCSS-Themes/image-editor/image-editor/material3-dark.scss +50 -1
  117. package/SCSS-Themes/image-editor/image-editor/material3.scss +50 -1
  118. package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss +50 -1
  119. package/SCSS-Themes/image-editor/image-editor/tailwind.scss +50 -1
  120. package/SCSS-Themes/inputs/input/bds-dark.scss +45 -21
  121. package/SCSS-Themes/inputs/input/bds.scss +45 -21
  122. package/SCSS-Themes/inputs/input/bootstrap-dark.scss +45 -21
  123. package/SCSS-Themes/inputs/input/bootstrap.scss +45 -21
  124. package/SCSS-Themes/inputs/input/bootstrap4.scss +45 -21
  125. package/SCSS-Themes/inputs/input/bootstrap5-dark.scss +45 -21
  126. package/SCSS-Themes/inputs/input/bootstrap5.scss +45 -21
  127. package/SCSS-Themes/inputs/input/fabric-dark.scss +45 -21
  128. package/SCSS-Themes/inputs/input/fabric.scss +45 -21
  129. package/SCSS-Themes/inputs/input/fluent-dark.scss +45 -21
  130. package/SCSS-Themes/inputs/input/fluent.scss +45 -21
  131. package/SCSS-Themes/inputs/input/fluent2-dark.scss +45 -21
  132. package/SCSS-Themes/inputs/input/fluent2.scss +45 -21
  133. package/SCSS-Themes/inputs/input/highcontrast.scss +45 -21
  134. package/SCSS-Themes/inputs/input/material-dark.scss +45 -21
  135. package/SCSS-Themes/inputs/input/material.scss +45 -21
  136. package/SCSS-Themes/inputs/input/material3-dark.scss +45 -21
  137. package/SCSS-Themes/inputs/input/material3.scss +45 -21
  138. package/SCSS-Themes/inputs/input/tailwind-dark.scss +45 -21
  139. package/SCSS-Themes/inputs/input/tailwind.scss +45 -21
  140. package/SCSS-Themes/inputs/otp-input/bds-dark.scss +1 -1
  141. package/SCSS-Themes/inputs/otp-input/bds.scss +1 -1
  142. package/SCSS-Themes/inputs/otp-input/bootstrap-dark.scss +1 -1
  143. package/SCSS-Themes/inputs/otp-input/bootstrap.scss +1 -1
  144. package/SCSS-Themes/inputs/otp-input/bootstrap4.scss +1 -1
  145. package/SCSS-Themes/inputs/otp-input/bootstrap5-dark.scss +1 -1
  146. package/SCSS-Themes/inputs/otp-input/bootstrap5.scss +1 -1
  147. package/SCSS-Themes/inputs/otp-input/fabric-dark.scss +1 -1
  148. package/SCSS-Themes/inputs/otp-input/fabric.scss +1 -1
  149. package/SCSS-Themes/inputs/otp-input/fluent-dark.scss +1 -1
  150. package/SCSS-Themes/inputs/otp-input/fluent.scss +1 -1
  151. package/SCSS-Themes/inputs/otp-input/fluent2-dark.scss +1 -1
  152. package/SCSS-Themes/inputs/otp-input/fluent2.scss +1 -1
  153. package/SCSS-Themes/inputs/otp-input/highcontrast.scss +1 -1
  154. package/SCSS-Themes/inputs/otp-input/material-dark.scss +1 -1
  155. package/SCSS-Themes/inputs/otp-input/material.scss +1 -1
  156. package/SCSS-Themes/inputs/otp-input/material3-dark.scss +1 -1
  157. package/SCSS-Themes/inputs/otp-input/material3.scss +1 -1
  158. package/SCSS-Themes/inputs/otp-input/tailwind-dark.scss +1 -1
  159. package/SCSS-Themes/inputs/otp-input/tailwind.scss +1 -1
  160. package/SCSS-Themes/material-dark.scss +244 -67
  161. package/SCSS-Themes/material.scss +246 -69
  162. package/SCSS-Themes/material3-dark.scss +249 -72
  163. package/SCSS-Themes/material3.scss +249 -72
  164. package/SCSS-Themes/navigations/breadcrumb/bds-dark.scss +4 -2
  165. package/SCSS-Themes/navigations/breadcrumb/bds.scss +4 -2
  166. package/SCSS-Themes/navigations/breadcrumb/bootstrap-dark.scss +4 -2
  167. package/SCSS-Themes/navigations/breadcrumb/bootstrap.scss +4 -2
  168. package/SCSS-Themes/navigations/breadcrumb/bootstrap4.scss +4 -2
  169. package/SCSS-Themes/navigations/breadcrumb/bootstrap5-dark.scss +4 -2
  170. package/SCSS-Themes/navigations/breadcrumb/bootstrap5.scss +4 -2
  171. package/SCSS-Themes/navigations/breadcrumb/fabric-dark.scss +4 -2
  172. package/SCSS-Themes/navigations/breadcrumb/fabric.scss +4 -2
  173. package/SCSS-Themes/navigations/breadcrumb/fluent-dark.scss +4 -2
  174. package/SCSS-Themes/navigations/breadcrumb/fluent.scss +4 -2
  175. package/SCSS-Themes/navigations/breadcrumb/fluent2-dark.scss +4 -2
  176. package/SCSS-Themes/navigations/breadcrumb/fluent2.scss +4 -2
  177. package/SCSS-Themes/navigations/breadcrumb/highcontrast.scss +4 -2
  178. package/SCSS-Themes/navigations/breadcrumb/material-dark.scss +4 -2
  179. package/SCSS-Themes/navigations/breadcrumb/material.scss +4 -2
  180. package/SCSS-Themes/navigations/breadcrumb/material3-dark.scss +4 -2
  181. package/SCSS-Themes/navigations/breadcrumb/material3.scss +4 -2
  182. package/SCSS-Themes/navigations/breadcrumb/tailwind-dark.scss +4 -2
  183. package/SCSS-Themes/navigations/breadcrumb/tailwind.scss +4 -2
  184. package/SCSS-Themes/navigations/treeview/bds-dark.scss +2 -2
  185. package/SCSS-Themes/navigations/treeview/bds.scss +2 -2
  186. package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss +2 -2
  187. package/SCSS-Themes/navigations/treeview/bootstrap.scss +2 -2
  188. package/SCSS-Themes/navigations/treeview/bootstrap4.scss +2 -2
  189. package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss +2 -2
  190. package/SCSS-Themes/navigations/treeview/bootstrap5.scss +2 -2
  191. package/SCSS-Themes/navigations/treeview/fabric-dark.scss +2 -2
  192. package/SCSS-Themes/navigations/treeview/fabric.scss +2 -2
  193. package/SCSS-Themes/navigations/treeview/fluent-dark.scss +2 -2
  194. package/SCSS-Themes/navigations/treeview/fluent.scss +2 -2
  195. package/SCSS-Themes/navigations/treeview/fluent2-dark.scss +2 -2
  196. package/SCSS-Themes/navigations/treeview/fluent2.scss +2 -2
  197. package/SCSS-Themes/navigations/treeview/highcontrast.scss +2 -2
  198. package/SCSS-Themes/navigations/treeview/material-dark.scss +2 -2
  199. package/SCSS-Themes/navigations/treeview/material.scss +2 -2
  200. package/SCSS-Themes/navigations/treeview/material3-dark.scss +2 -2
  201. package/SCSS-Themes/navigations/treeview/material3.scss +2 -2
  202. package/SCSS-Themes/navigations/treeview/tailwind-dark.scss +2 -2
  203. package/SCSS-Themes/navigations/treeview/tailwind.scss +2 -2
  204. package/SCSS-Themes/notifications/message/fluent2-dark.scss +2 -2
  205. package/SCSS-Themes/notifications/message/fluent2.scss +2 -2
  206. package/SCSS-Themes/pdfviewer/pdfviewer/bds-dark.scss +56 -10
  207. package/SCSS-Themes/pdfviewer/pdfviewer/bds.scss +56 -10
  208. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +56 -10
  209. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +56 -10
  210. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +56 -10
  211. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +56 -10
  212. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +56 -10
  213. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +56 -10
  214. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +56 -10
  215. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +56 -10
  216. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +56 -10
  217. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2-dark.scss +56 -10
  218. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2.scss +56 -10
  219. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +56 -10
  220. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +56 -10
  221. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +56 -10
  222. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +56 -10
  223. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +56 -10
  224. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +56 -10
  225. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +56 -10
  226. package/SCSS-Themes/popups/dialog/bds-dark.scss +6 -0
  227. package/SCSS-Themes/popups/dialog/bds.scss +6 -0
  228. package/SCSS-Themes/popups/dialog/bootstrap-dark.scss +6 -0
  229. package/SCSS-Themes/popups/dialog/bootstrap.scss +6 -0
  230. package/SCSS-Themes/popups/dialog/bootstrap4.scss +6 -0
  231. package/SCSS-Themes/popups/dialog/bootstrap5-dark.scss +6 -0
  232. package/SCSS-Themes/popups/dialog/bootstrap5.scss +6 -0
  233. package/SCSS-Themes/popups/dialog/fabric-dark.scss +6 -0
  234. package/SCSS-Themes/popups/dialog/fabric.scss +6 -0
  235. package/SCSS-Themes/popups/dialog/fluent-dark.scss +6 -0
  236. package/SCSS-Themes/popups/dialog/fluent.scss +6 -0
  237. package/SCSS-Themes/popups/dialog/fluent2-dark.scss +6 -0
  238. package/SCSS-Themes/popups/dialog/fluent2.scss +6 -0
  239. package/SCSS-Themes/popups/dialog/highcontrast.scss +6 -0
  240. package/SCSS-Themes/popups/dialog/material-dark.scss +6 -0
  241. package/SCSS-Themes/popups/dialog/material.scss +6 -0
  242. package/SCSS-Themes/popups/dialog/material3-dark.scss +6 -0
  243. package/SCSS-Themes/popups/dialog/material3.scss +6 -0
  244. package/SCSS-Themes/popups/dialog/tailwind-dark.scss +6 -0
  245. package/SCSS-Themes/popups/dialog/tailwind.scss +6 -0
  246. package/SCSS-Themes/querybuilder/query-builder/bds-dark.scss +1 -1
  247. package/SCSS-Themes/querybuilder/query-builder/bds.scss +1 -1
  248. package/SCSS-Themes/querybuilder/query-builder/bootstrap-dark.scss +1 -1
  249. package/SCSS-Themes/querybuilder/query-builder/bootstrap.scss +1 -1
  250. package/SCSS-Themes/querybuilder/query-builder/bootstrap4.scss +1 -1
  251. package/SCSS-Themes/querybuilder/query-builder/bootstrap5-dark.scss +1 -1
  252. package/SCSS-Themes/querybuilder/query-builder/bootstrap5.scss +1 -1
  253. package/SCSS-Themes/querybuilder/query-builder/fabric-dark.scss +1 -1
  254. package/SCSS-Themes/querybuilder/query-builder/fabric.scss +1 -1
  255. package/SCSS-Themes/querybuilder/query-builder/fluent-dark.scss +1 -1
  256. package/SCSS-Themes/querybuilder/query-builder/fluent.scss +1 -1
  257. package/SCSS-Themes/querybuilder/query-builder/fluent2-dark.scss +1 -1
  258. package/SCSS-Themes/querybuilder/query-builder/fluent2.scss +1 -1
  259. package/SCSS-Themes/querybuilder/query-builder/highcontrast.scss +1 -1
  260. package/SCSS-Themes/querybuilder/query-builder/material-dark.scss +1 -1
  261. package/SCSS-Themes/querybuilder/query-builder/material.scss +1 -1
  262. package/SCSS-Themes/querybuilder/query-builder/material3-dark.scss +1 -1
  263. package/SCSS-Themes/querybuilder/query-builder/material3.scss +1 -1
  264. package/SCSS-Themes/querybuilder/query-builder/tailwind-dark.scss +1 -1
  265. package/SCSS-Themes/querybuilder/query-builder/tailwind.scss +1 -1
  266. package/SCSS-Themes/ribbon/ribbon/bds-dark.scss +38 -4
  267. package/SCSS-Themes/ribbon/ribbon/bds.scss +38 -4
  268. package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss +38 -4
  269. package/SCSS-Themes/ribbon/ribbon/bootstrap.scss +38 -4
  270. package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss +38 -4
  271. package/SCSS-Themes/ribbon/ribbon/bootstrap5-dark.scss +38 -4
  272. package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss +38 -4
  273. package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss +38 -4
  274. package/SCSS-Themes/ribbon/ribbon/fabric.scss +38 -4
  275. package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss +38 -4
  276. package/SCSS-Themes/ribbon/ribbon/fluent.scss +38 -4
  277. package/SCSS-Themes/ribbon/ribbon/fluent2-dark.scss +38 -4
  278. package/SCSS-Themes/ribbon/ribbon/fluent2.scss +38 -4
  279. package/SCSS-Themes/ribbon/ribbon/highcontrast.scss +38 -4
  280. package/SCSS-Themes/ribbon/ribbon/material-dark.scss +38 -4
  281. package/SCSS-Themes/ribbon/ribbon/material.scss +38 -4
  282. package/SCSS-Themes/ribbon/ribbon/material3-dark.scss +38 -4
  283. package/SCSS-Themes/ribbon/ribbon/material3.scss +38 -4
  284. package/SCSS-Themes/ribbon/ribbon/tailwind-dark.scss +38 -4
  285. package/SCSS-Themes/ribbon/ribbon/tailwind.scss +38 -4
  286. package/SCSS-Themes/splitbuttons/drop-down-button/bds-dark.scss +6 -0
  287. package/SCSS-Themes/splitbuttons/drop-down-button/bds.scss +6 -0
  288. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap-dark.scss +6 -0
  289. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap.scss +6 -0
  290. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap4.scss +6 -0
  291. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5-dark.scss +6 -0
  292. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5.scss +6 -0
  293. package/SCSS-Themes/splitbuttons/drop-down-button/fabric-dark.scss +6 -0
  294. package/SCSS-Themes/splitbuttons/drop-down-button/fabric.scss +6 -0
  295. package/SCSS-Themes/splitbuttons/drop-down-button/fluent-dark.scss +6 -0
  296. package/SCSS-Themes/splitbuttons/drop-down-button/fluent.scss +6 -0
  297. package/SCSS-Themes/splitbuttons/drop-down-button/fluent2-dark.scss +6 -0
  298. package/SCSS-Themes/splitbuttons/drop-down-button/fluent2.scss +6 -0
  299. package/SCSS-Themes/splitbuttons/drop-down-button/highcontrast.scss +6 -0
  300. package/SCSS-Themes/splitbuttons/drop-down-button/material-dark.scss +6 -0
  301. package/SCSS-Themes/splitbuttons/drop-down-button/material.scss +6 -0
  302. package/SCSS-Themes/splitbuttons/drop-down-button/material3-dark.scss +6 -0
  303. package/SCSS-Themes/splitbuttons/drop-down-button/material3.scss +6 -0
  304. package/SCSS-Themes/splitbuttons/drop-down-button/tailwind-dark.scss +6 -0
  305. package/SCSS-Themes/splitbuttons/drop-down-button/tailwind.scss +6 -0
  306. package/SCSS-Themes/tailwind-dark.scss +253 -76
  307. package/SCSS-Themes/tailwind.scss +253 -76
  308. package/package.json +1 -1
@@ -999,14 +999,14 @@ $lg-desktop: 1399.98;
999
999
  }
1000
1000
 
1001
1001
  .e-pv-diagram-resize-handle{
1002
- @if $theme-name == 'fluent2' {
1002
+ @if $theme-name == 'fluent2' or $theme-name == 'bootstrap5.3' {
1003
1003
  fill: $pv-selection-touch-element-background-color !important/* stylelint-disable-line declaration-no-important */
1004
1004
  }
1005
1005
  }
1006
1006
 
1007
1007
  .e-pv-diagram-border,
1008
1008
  .e-pv-diagram-resize-handle {
1009
- @if $theme-name=='fluent2' {
1009
+ @if $theme-name == 'fluent2' or $theme-name == 'bootstrap5.3' {
1010
1010
  stroke: $pv-selection-touch-element-background-color !important;/* stylelint-disable-line declaration-no-important */
1011
1011
  }
1012
1012
  }
@@ -2681,6 +2681,15 @@ $lg-desktop: 1399.98;
2681
2681
  }
2682
2682
  }
2683
2683
 
2684
+ .e-pv-shapes-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover{
2685
+ @if $theme-name == 'bootstrap5.3' {
2686
+ color: var(--color-sf-secondary-text-color-pressed);
2687
+ }
2688
+ @if $theme-name == 'bootstrap5' {
2689
+ color: $pv-item-selection-color;
2690
+ }
2691
+ }
2692
+
2684
2693
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2685
2694
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2686
2695
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus {
@@ -2892,6 +2901,17 @@ $lg-desktop: 1399.98;
2892
2901
 
2893
2902
  .e-pv-search-input-mobile {
2894
2903
  height: $pv-search-input-height;
2904
+ max-height: 150px !important;/* stylelint-disable-line declaration-no-important */
2905
+ }
2906
+
2907
+ .e-pdfviewer.e-pv-mobile-view .e-pv-nav-toolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:first-child,
2908
+ .e-bigger .e-pdfviewer.e-pv-mobile-view .e-pv-nav-toolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:first-child {
2909
+ margin-left: 3px;
2910
+ }
2911
+
2912
+ .e-pdfviewer.e-pv-mobile-view .e-pv-nav-toolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:last-child,
2913
+ .e-bigger .e-pdfviewer.e-pv-mobile-view .e-pv-nav-toolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:last-child {
2914
+ margin-right: 3px;
2895
2915
  }
2896
2916
 
2897
2917
  .e-pv-match-case-container {
@@ -2989,13 +3009,11 @@ $lg-desktop: 1399.98;
2989
3009
  }
2990
3010
 
2991
3011
  .e-pv-notification-popup {
2992
- height: $pv-notification-popup-height;
2993
3012
  margin: 0 10px;
2994
3013
  max-width: $pv-notification-popup-width;
2995
3014
  }
2996
3015
 
2997
3016
  .e-pv-notification-popup.e-pv-notification-large-content {
2998
- height: $pv-notification-popup-height-large-content;
2999
3017
  max-width: $pv-notification-popup-width-large-content;
3000
3018
  }
3001
3019
 
@@ -3401,6 +3419,13 @@ $lg-desktop: 1399.98;
3401
3419
  }
3402
3420
  }
3403
3421
 
3422
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active:not(:hover) {
3423
+ @if $skin-name == 'fluent2' {
3424
+ background-color: $pv-annotation-dd-background-color-active;
3425
+ color: $pv-icon-color;
3426
+ }
3427
+ }
3428
+
3404
3429
  .e-pv-annotation-color-container.e-dropdown-btn.e-btn,
3405
3430
  .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
3406
3431
  .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
@@ -3562,6 +3587,7 @@ $lg-desktop: 1399.98;
3562
3587
  line-height: $pv-prop-color-picker-line-height;
3563
3588
  @if ($skin-name == 'bootstrap5') {
3564
3589
  background: $transparent;
3590
+ border: 1px solid $border-light;
3565
3591
  border-radius: 4px;
3566
3592
  box-sizing: border-box;
3567
3593
  color: $content-text-color;
@@ -3791,6 +3817,9 @@ $lg-desktop: 1399.98;
3791
3817
  @if $skin-name == 'FluentUI' {
3792
3818
  margin-left: 195px;
3793
3819
  }
3820
+ @if ($skin-name == 'bootstrap5') {
3821
+ margin-left: 145px !important;/* stylelint-disable-line declaration-no-important */
3822
+ }
3794
3823
  }
3795
3824
 
3796
3825
  .e-pv-properties-line-start,
@@ -4120,11 +4149,21 @@ $lg-desktop: 1399.98;
4120
4149
  }
4121
4150
 
4122
4151
  .e-pv-annotation-stamp-container .e-menu-parent.e-menu .e-menu-item.e-selected {
4123
- @if $skin-name == 'bootstrap5' {
4152
+ @if $skin-name == 'bootstrap5' or $theme-name == 'bootstrap5.3' {
4124
4153
  background: $secondary-bg-color-pressed;
4125
4154
  }
4126
4155
  }
4127
4156
 
4157
+ .e-pv-annotation-stamp-container .e-menu-parent.e-menu .e-menu-item.e-selected .e-pv-stamp-icon,
4158
+ .e-pv-annotation-stamp-container .e-menu-parent.e-menu .e-menu-item.e-selected .e-caret {
4159
+ @if $theme-name == 'bootstrap5.3' {
4160
+ color: var(--color-sf-secondary-text-color-pressed);
4161
+ }
4162
+ @if $theme-name == 'bootstrap5' {
4163
+ color: $pv-item-selection-color;
4164
+ }
4165
+ }
4166
+
4128
4167
  .e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
4129
4168
  .e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
4130
4169
  height: $pv-toolbar-btn-height-big;
@@ -4220,7 +4259,7 @@ $lg-desktop: 1399.98;
4220
4259
 
4221
4260
  .e-pv-organize-window .e-dlg-header-content .e-btn.e-dlg-closeicon-btn{
4222
4261
  @if $theme-name == 'fluent2' {
4223
- padding: 8px !important;/* stylelint-disable-line declaration-no-important */
4262
+ color: var(--color-sf-secondary-text-color);
4224
4263
  }
4225
4264
  }
4226
4265
 
@@ -4566,7 +4605,7 @@ $lg-desktop: 1399.98;
4566
4605
  }
4567
4606
 
4568
4607
  .e-pdfviewer .e-btn-save.e-outline.e-primary:disabled {
4569
- @if ($skin-name != 'bootstrap5' and $skin-name != 'Material3') {
4608
+ @if ($skin-name != 'bootstrap5' and $skin-name != 'bootstrap5.3' and $skin-name != 'Material3') {
4570
4609
  background-color: $pv-save-button-bg-color;
4571
4610
  border-radius: 2px;
4572
4611
  color: $pv-save-button-color;
@@ -4676,6 +4715,9 @@ $lg-desktop: 1399.98;
4676
4715
  @if $skin-name == 'bootstrap4' {
4677
4716
  color: $pv-title-close-color;
4678
4717
  }
4718
+ @if $skin-name == 'fluent2' {
4719
+ color: var(--color-sf-secondary-text-color);
4720
+ }
4679
4721
  height: $pv-title-close-height;
4680
4722
  position: $pv-title-close-position;
4681
4723
  right: 11px;
@@ -4973,7 +5015,7 @@ $lg-desktop: 1399.98;
4973
5015
 
4974
5016
  .e-pdfviewer .e-inplaceeditor .e-editable-value-container {
4975
5017
  background: transparent;
4976
- width: 229px;
5018
+ max-width: 229px;
4977
5019
  }
4978
5020
 
4979
5021
  .e-pv-status-div {
@@ -4989,7 +5031,7 @@ $lg-desktop: 1399.98;
4989
5031
  }
4990
5032
 
4991
5033
  .e-pdfviewer .e-input-group.e-control-wrapper.e-editable-elements.e-input-focus {
4992
- @if $skin-name != 'bootstrap5' {
5034
+ @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap5.3' {
4993
5035
  caret-color: $pv-comment-text-cursor-color;
4994
5036
  }
4995
5037
  }
@@ -5109,10 +5151,14 @@ $lg-desktop: 1399.98;
5109
5151
  .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-right-align.e-pv-tbar-btn.e-tooltip.textprop-option-active,
5110
5152
  .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-center-align.e-pv-tbar-btn.e-tooltip.textprop-option-active,
5111
5153
  .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-justfiy-align.e-pv-tbar-btn.e-tooltip.textprop-option-active {
5112
- @if $skin-name != 'bootstrap5' {
5154
+ @if $skin-name != 'bootstrap5' and $skin-name != 'fluent2' {
5113
5155
  background: $pv-signature-footer-color;
5114
5156
  border-color: $pv-signature-footer-color;
5115
5157
  }
5158
+ @else if ($skin-name == 'fluent2'){
5159
+ background: $pv-item-selection-background-color;
5160
+ border-color: $pv-annotation-dropdown-border-color-hover;
5161
+ }
5116
5162
  @else {
5117
5163
  background: $secondary-bg-color-pressed;
5118
5164
  border-color: $secondary-bg-color-pressed;
@@ -999,14 +999,14 @@ $lg-desktop: 1399.98;
999
999
  }
1000
1000
 
1001
1001
  .e-pv-diagram-resize-handle{
1002
- @if $theme-name == 'fluent2' {
1002
+ @if $theme-name == 'fluent2' or $theme-name == 'bootstrap5.3' {
1003
1003
  fill: $pv-selection-touch-element-background-color !important/* stylelint-disable-line declaration-no-important */
1004
1004
  }
1005
1005
  }
1006
1006
 
1007
1007
  .e-pv-diagram-border,
1008
1008
  .e-pv-diagram-resize-handle {
1009
- @if $theme-name=='fluent2' {
1009
+ @if $theme-name == 'fluent2' or $theme-name == 'bootstrap5.3' {
1010
1010
  stroke: $pv-selection-touch-element-background-color !important;/* stylelint-disable-line declaration-no-important */
1011
1011
  }
1012
1012
  }
@@ -2681,6 +2681,15 @@ $lg-desktop: 1399.98;
2681
2681
  }
2682
2682
  }
2683
2683
 
2684
+ .e-pv-shapes-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover{
2685
+ @if $theme-name == 'bootstrap5.3' {
2686
+ color: var(--color-sf-secondary-text-color-pressed);
2687
+ }
2688
+ @if $theme-name == 'bootstrap5' {
2689
+ color: $pv-item-selection-color;
2690
+ }
2691
+ }
2692
+
2684
2693
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2685
2694
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2686
2695
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus {
@@ -2892,6 +2901,17 @@ $lg-desktop: 1399.98;
2892
2901
 
2893
2902
  .e-pv-search-input-mobile {
2894
2903
  height: $pv-search-input-height;
2904
+ max-height: 150px !important;/* stylelint-disable-line declaration-no-important */
2905
+ }
2906
+
2907
+ .e-pdfviewer.e-pv-mobile-view .e-pv-nav-toolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:first-child,
2908
+ .e-bigger .e-pdfviewer.e-pv-mobile-view .e-pv-nav-toolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:first-child {
2909
+ margin-left: 3px;
2910
+ }
2911
+
2912
+ .e-pdfviewer.e-pv-mobile-view .e-pv-nav-toolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:last-child,
2913
+ .e-bigger .e-pdfviewer.e-pv-mobile-view .e-pv-nav-toolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:last-child {
2914
+ margin-right: 3px;
2895
2915
  }
2896
2916
 
2897
2917
  .e-pv-match-case-container {
@@ -2989,13 +3009,11 @@ $lg-desktop: 1399.98;
2989
3009
  }
2990
3010
 
2991
3011
  .e-pv-notification-popup {
2992
- height: $pv-notification-popup-height;
2993
3012
  margin: 0 10px;
2994
3013
  max-width: $pv-notification-popup-width;
2995
3014
  }
2996
3015
 
2997
3016
  .e-pv-notification-popup.e-pv-notification-large-content {
2998
- height: $pv-notification-popup-height-large-content;
2999
3017
  max-width: $pv-notification-popup-width-large-content;
3000
3018
  }
3001
3019
 
@@ -3401,6 +3419,13 @@ $lg-desktop: 1399.98;
3401
3419
  }
3402
3420
  }
3403
3421
 
3422
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active:not(:hover) {
3423
+ @if $skin-name == 'fluent2' {
3424
+ background-color: $pv-annotation-dd-background-color-active;
3425
+ color: $pv-icon-color;
3426
+ }
3427
+ }
3428
+
3404
3429
  .e-pv-annotation-color-container.e-dropdown-btn.e-btn,
3405
3430
  .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
3406
3431
  .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
@@ -3562,6 +3587,7 @@ $lg-desktop: 1399.98;
3562
3587
  line-height: $pv-prop-color-picker-line-height;
3563
3588
  @if ($skin-name == 'bootstrap5') {
3564
3589
  background: $transparent;
3590
+ border: 1px solid $border-light;
3565
3591
  border-radius: 4px;
3566
3592
  box-sizing: border-box;
3567
3593
  color: $content-text-color;
@@ -3791,6 +3817,9 @@ $lg-desktop: 1399.98;
3791
3817
  @if $skin-name == 'FluentUI' {
3792
3818
  margin-left: 195px;
3793
3819
  }
3820
+ @if ($skin-name == 'bootstrap5') {
3821
+ margin-left: 145px !important;/* stylelint-disable-line declaration-no-important */
3822
+ }
3794
3823
  }
3795
3824
 
3796
3825
  .e-pv-properties-line-start,
@@ -4120,11 +4149,21 @@ $lg-desktop: 1399.98;
4120
4149
  }
4121
4150
 
4122
4151
  .e-pv-annotation-stamp-container .e-menu-parent.e-menu .e-menu-item.e-selected {
4123
- @if $skin-name == 'bootstrap5' {
4152
+ @if $skin-name == 'bootstrap5' or $theme-name == 'bootstrap5.3' {
4124
4153
  background: $secondary-bg-color-pressed;
4125
4154
  }
4126
4155
  }
4127
4156
 
4157
+ .e-pv-annotation-stamp-container .e-menu-parent.e-menu .e-menu-item.e-selected .e-pv-stamp-icon,
4158
+ .e-pv-annotation-stamp-container .e-menu-parent.e-menu .e-menu-item.e-selected .e-caret {
4159
+ @if $theme-name == 'bootstrap5.3' {
4160
+ color: var(--color-sf-secondary-text-color-pressed);
4161
+ }
4162
+ @if $theme-name == 'bootstrap5' {
4163
+ color: $pv-item-selection-color;
4164
+ }
4165
+ }
4166
+
4128
4167
  .e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
4129
4168
  .e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
4130
4169
  height: $pv-toolbar-btn-height-big;
@@ -4220,7 +4259,7 @@ $lg-desktop: 1399.98;
4220
4259
 
4221
4260
  .e-pv-organize-window .e-dlg-header-content .e-btn.e-dlg-closeicon-btn{
4222
4261
  @if $theme-name == 'fluent2' {
4223
- padding: 8px !important;/* stylelint-disable-line declaration-no-important */
4262
+ color: var(--color-sf-secondary-text-color);
4224
4263
  }
4225
4264
  }
4226
4265
 
@@ -4566,7 +4605,7 @@ $lg-desktop: 1399.98;
4566
4605
  }
4567
4606
 
4568
4607
  .e-pdfviewer .e-btn-save.e-outline.e-primary:disabled {
4569
- @if ($skin-name != 'bootstrap5' and $skin-name != 'Material3') {
4608
+ @if ($skin-name != 'bootstrap5' and $skin-name != 'bootstrap5.3' and $skin-name != 'Material3') {
4570
4609
  background-color: $pv-save-button-bg-color;
4571
4610
  border-radius: 2px;
4572
4611
  color: $pv-save-button-color;
@@ -4676,6 +4715,9 @@ $lg-desktop: 1399.98;
4676
4715
  @if $skin-name == 'bootstrap4' {
4677
4716
  color: $pv-title-close-color;
4678
4717
  }
4718
+ @if $skin-name == 'fluent2' {
4719
+ color: var(--color-sf-secondary-text-color);
4720
+ }
4679
4721
  height: $pv-title-close-height;
4680
4722
  position: $pv-title-close-position;
4681
4723
  right: 11px;
@@ -4973,7 +5015,7 @@ $lg-desktop: 1399.98;
4973
5015
 
4974
5016
  .e-pdfviewer .e-inplaceeditor .e-editable-value-container {
4975
5017
  background: transparent;
4976
- width: 229px;
5018
+ max-width: 229px;
4977
5019
  }
4978
5020
 
4979
5021
  .e-pv-status-div {
@@ -4989,7 +5031,7 @@ $lg-desktop: 1399.98;
4989
5031
  }
4990
5032
 
4991
5033
  .e-pdfviewer .e-input-group.e-control-wrapper.e-editable-elements.e-input-focus {
4992
- @if $skin-name != 'bootstrap5' {
5034
+ @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap5.3' {
4993
5035
  caret-color: $pv-comment-text-cursor-color;
4994
5036
  }
4995
5037
  }
@@ -5109,10 +5151,14 @@ $lg-desktop: 1399.98;
5109
5151
  .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-right-align.e-pv-tbar-btn.e-tooltip.textprop-option-active,
5110
5152
  .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-center-align.e-pv-tbar-btn.e-tooltip.textprop-option-active,
5111
5153
  .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-justfiy-align.e-pv-tbar-btn.e-tooltip.textprop-option-active {
5112
- @if $skin-name != 'bootstrap5' {
5154
+ @if $skin-name != 'bootstrap5' and $skin-name != 'fluent2' {
5113
5155
  background: $pv-signature-footer-color;
5114
5156
  border-color: $pv-signature-footer-color;
5115
5157
  }
5158
+ @else if ($skin-name == 'fluent2'){
5159
+ background: $pv-item-selection-background-color;
5160
+ border-color: $pv-annotation-dropdown-border-color-hover;
5161
+ }
5116
5162
  @else {
5117
5163
  background: $secondary-bg-color-pressed;
5118
5164
  border-color: $secondary-bg-color-pressed;
@@ -611,6 +611,12 @@ $dialog-enable-resize-padding-bottom: 15px !default;
611
611
  box-sizing: border-box;
612
612
  }
613
613
 
614
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
615
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
616
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
617
+ }
618
+ }
619
+
614
620
 
615
621
  @include export-module('dialog-theme') {
616
622
  .e-dialog {
@@ -611,6 +611,12 @@ $dialog-enable-resize-padding-bottom: 15px !default;
611
611
  box-sizing: border-box;
612
612
  }
613
613
 
614
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
615
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
616
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
617
+ }
618
+ }
619
+
614
620
 
615
621
  @include export-module('dialog-theme') {
616
622
  .e-dialog {
@@ -590,6 +590,12 @@ $dialog-enable-resize-padding-bottom: 15px !default;
590
590
  box-sizing: border-box;
591
591
  }
592
592
 
593
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
594
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
595
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
596
+ }
597
+ }
598
+
593
599
 
594
600
  @include export-module('dialog-theme') {
595
601
  .e-dialog {
@@ -582,6 +582,12 @@ $dialog-enable-resize-padding-bottom: 15px !default;
582
582
  box-sizing: border-box;
583
583
  }
584
584
 
585
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
586
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
587
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
588
+ }
589
+ }
590
+
585
591
 
586
592
  @include export-module('dialog-theme') {
587
593
  .e-dialog {
@@ -582,6 +582,12 @@ $dialog-enable-resize-padding-bottom: 15px !default;
582
582
  box-sizing: border-box;
583
583
  }
584
584
 
585
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
586
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
587
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
588
+ }
589
+ }
590
+
585
591
 
586
592
  @include export-module('dialog-theme') {
587
593
  .e-dialog {
@@ -592,6 +592,12 @@ $dialog-enable-resize-padding-bottom: 15px !default;
592
592
  box-sizing: border-box;
593
593
  }
594
594
 
595
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
596
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
597
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
598
+ }
599
+ }
600
+
595
601
 
596
602
  @include export-module('dialog-theme') {
597
603
  .e-dialog {
@@ -592,6 +592,12 @@ $dialog-enable-resize-padding-bottom: 15px !default;
592
592
  box-sizing: border-box;
593
593
  }
594
594
 
595
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
596
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
597
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
598
+ }
599
+ }
600
+
595
601
 
596
602
  @include export-module('dialog-theme') {
597
603
  .e-dialog {
@@ -587,6 +587,12 @@ $dialog-enable-resize-padding-bottom: 15px !default;
587
587
  box-sizing: border-box;
588
588
  }
589
589
 
590
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
591
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
592
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
593
+ }
594
+ }
595
+
590
596
 
591
597
  @include export-module('dialog-theme') {
592
598
  .e-dialog {
@@ -582,6 +582,12 @@ $dialog-enable-resize-padding-bottom: 15px !default;
582
582
  box-sizing: border-box;
583
583
  }
584
584
 
585
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
586
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
587
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
588
+ }
589
+ }
590
+
585
591
 
586
592
  @include export-module('dialog-theme') {
587
593
  .e-dialog {
@@ -598,6 +598,12 @@ $dialog-enable-resize-padding-bottom: 15px !default;
598
598
  box-sizing: border-box;
599
599
  }
600
600
 
601
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
602
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
603
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
604
+ }
605
+ }
606
+
601
607
 
602
608
  @include export-module('dialog-theme') {
603
609
  .e-dialog {
@@ -598,6 +598,12 @@ $dialog-enable-resize-padding-bottom: 15px !default;
598
598
  box-sizing: border-box;
599
599
  }
600
600
 
601
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
602
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
603
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
604
+ }
605
+ }
606
+
601
607
 
602
608
  @include export-module('dialog-theme') {
603
609
  .e-dialog {
@@ -605,6 +605,12 @@ $dialog-enable-resize-padding-bottom: 15px !default;
605
605
  box-sizing: border-box;
606
606
  }
607
607
 
608
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
609
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
610
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
611
+ }
612
+ }
613
+
608
614
 
609
615
  @include export-module('dialog-theme') {
610
616
  .e-dialog {
@@ -605,6 +605,12 @@ $dialog-enable-resize-padding-bottom: 15px !default;
605
605
  box-sizing: border-box;
606
606
  }
607
607
 
608
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
609
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
610
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
611
+ }
612
+ }
613
+
608
614
 
609
615
  @include export-module('dialog-theme') {
610
616
  .e-dialog {
@@ -582,6 +582,12 @@ $dialog-enable-resize-padding-bottom: 15px !default;
582
582
  box-sizing: border-box;
583
583
  }
584
584
 
585
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
586
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
587
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
588
+ }
589
+ }
590
+
585
591
 
586
592
  @include export-module('dialog-theme') {
587
593
  .e-dialog {
@@ -587,6 +587,12 @@ $dialog-enable-resize-padding-bottom: 15px !default;
587
587
  box-sizing: border-box;
588
588
  }
589
589
 
590
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
591
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
592
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
593
+ }
594
+ }
595
+
590
596
 
591
597
  @include export-module('dialog-theme') {
592
598
  .e-dialog {
@@ -582,6 +582,12 @@ $dialog-enable-resize-padding-bottom: 15px !default;
582
582
  box-sizing: border-box;
583
583
  }
584
584
 
585
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
586
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
587
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
588
+ }
589
+ }
590
+
585
591
 
586
592
  @include export-module('dialog-theme') {
587
593
  .e-dialog {
@@ -589,6 +589,12 @@ $zero-value: 0 !default;
589
589
  box-sizing: border-box;
590
590
  }
591
591
 
592
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
593
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
594
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
595
+ }
596
+ }
597
+
592
598
 
593
599
  @include export-module('dialog-theme') {
594
600
  .e-dialog {
@@ -589,6 +589,12 @@ $zero-value: 0 !default;
589
589
  box-sizing: border-box;
590
590
  }
591
591
 
592
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
593
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
594
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
595
+ }
596
+ }
597
+
592
598
 
593
599
  @include export-module('dialog-theme') {
594
600
  .e-dialog {
@@ -592,6 +592,12 @@ $dialog-enable-resize-padding-bottom: 15px !default;
592
592
  box-sizing: border-box;
593
593
  }
594
594
 
595
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
596
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
597
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
598
+ }
599
+ }
600
+
595
601
 
596
602
  @include export-module('dialog-theme') {
597
603
  .e-dialog {
@@ -592,6 +592,12 @@ $dialog-enable-resize-padding-bottom: 15px !default;
592
592
  box-sizing: border-box;
593
593
  }
594
594
 
595
+ @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
596
+ .e-dialog .e-dlg-content .e-richtexteditor .e-rte-container .e-rte-tb-float {
597
+ top: -$dialog-content-padding-top !important; /* stylelint-disable-line declaration-no-important */
598
+ }
599
+ }
600
+
595
601
 
596
602
  @include export-module('dialog-theme') {
597
603
  .e-dialog {
@@ -1356,7 +1356,7 @@ $qryblr-drag-icon-color: $secondary-text-color !default;
1356
1356
  .e-query-builder .e-btn.e-round.e-small {
1357
1357
  @if $theme-name == 'fluent2' {
1358
1358
  &:hover {
1359
- background: transparent !important; /* stylelint-disable-line declaration-no-important */
1359
+ background: $content-bg-color-hover !important; /* stylelint-disable-line declaration-no-important */
1360
1360
  }
1361
1361
 
1362
1362
  &:focus {
@@ -1356,7 +1356,7 @@ $qryblr-drag-icon-color: $secondary-text-color !default;
1356
1356
  .e-query-builder .e-btn.e-round.e-small {
1357
1357
  @if $theme-name == 'fluent2' {
1358
1358
  &:hover {
1359
- background: transparent !important; /* stylelint-disable-line declaration-no-important */
1359
+ background: $content-bg-color-hover !important; /* stylelint-disable-line declaration-no-important */
1360
1360
  }
1361
1361
 
1362
1362
  &:focus {
@@ -1354,7 +1354,7 @@ $qryblr-drag-icon-color: $grey-dark-font !default;
1354
1354
  .e-query-builder .e-btn.e-round.e-small {
1355
1355
  @if $theme-name == 'fluent2' {
1356
1356
  &:hover {
1357
- background: transparent !important; /* stylelint-disable-line declaration-no-important */
1357
+ background: $content-bg-color-hover !important; /* stylelint-disable-line declaration-no-important */
1358
1358
  }
1359
1359
 
1360
1360
  &:focus {