@syncfusion/blazor-themes 28.2.5 → 28.2.7

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 (329) hide show
  1. package/Compiled-Themes/bds-dark-lite.css +24 -5
  2. package/Compiled-Themes/bds-dark.css +38 -7
  3. package/Compiled-Themes/bds-lite.css +24 -5
  4. package/Compiled-Themes/bds.css +38 -7
  5. package/Compiled-Themes/bootstrap-dark-lite.css +22 -3
  6. package/Compiled-Themes/bootstrap-dark.css +41 -3
  7. package/Compiled-Themes/bootstrap-lite.css +22 -3
  8. package/Compiled-Themes/bootstrap.css +41 -3
  9. package/Compiled-Themes/bootstrap4-lite.css +23 -4
  10. package/Compiled-Themes/bootstrap4.css +43 -5
  11. package/Compiled-Themes/bootstrap5-dark-lite.css +23 -4
  12. package/Compiled-Themes/bootstrap5-dark.css +36 -5
  13. package/Compiled-Themes/bootstrap5-lite.css +23 -4
  14. package/Compiled-Themes/bootstrap5.3-dark-lite.css +33 -14
  15. package/Compiled-Themes/bootstrap5.3-dark.css +53 -15
  16. package/Compiled-Themes/bootstrap5.3-lite.css +40 -21
  17. package/Compiled-Themes/bootstrap5.3.css +60 -22
  18. package/Compiled-Themes/bootstrap5.css +36 -5
  19. package/Compiled-Themes/fabric-dark-lite.css +22 -3
  20. package/Compiled-Themes/fabric-dark.css +44 -6
  21. package/Compiled-Themes/fabric-lite.css +22 -3
  22. package/Compiled-Themes/fabric.css +44 -6
  23. package/Compiled-Themes/fluent-dark-lite.css +23 -4
  24. package/Compiled-Themes/fluent-dark.css +36 -5
  25. package/Compiled-Themes/fluent-lite.css +23 -4
  26. package/Compiled-Themes/fluent.css +36 -5
  27. package/Compiled-Themes/fluent2-dark-lite.css +27 -8
  28. package/Compiled-Themes/fluent2-dark.css +47 -9
  29. package/Compiled-Themes/fluent2-highcontrast-lite.css +27 -8
  30. package/Compiled-Themes/fluent2-highcontrast.css +47 -9
  31. package/Compiled-Themes/fluent2-lite.css +27 -8
  32. package/Compiled-Themes/fluent2.css +47 -9
  33. package/Compiled-Themes/highcontrast-lite.css +23 -4
  34. package/Compiled-Themes/highcontrast.css +43 -5
  35. package/Compiled-Themes/material-dark-lite.css +23 -4
  36. package/Compiled-Themes/material-dark.css +43 -5
  37. package/Compiled-Themes/material-lite.css +24 -5
  38. package/Compiled-Themes/material.css +44 -6
  39. package/Compiled-Themes/material3-dark-lite.css +25 -6
  40. package/Compiled-Themes/material3-dark.css +45 -7
  41. package/Compiled-Themes/material3-lite.css +25 -6
  42. package/Compiled-Themes/material3.css +45 -7
  43. package/Compiled-Themes/tailwind-dark-lite.css +24 -5
  44. package/Compiled-Themes/tailwind-dark.css +38 -7
  45. package/Compiled-Themes/tailwind-lite.css +24 -5
  46. package/Compiled-Themes/tailwind.css +38 -7
  47. package/Compiled-Themes/tailwind3-dark-lite.css +21 -3
  48. package/Compiled-Themes/tailwind3-dark.css +41 -4
  49. package/Compiled-Themes/tailwind3-lite.css +21 -3
  50. package/Compiled-Themes/tailwind3.css +41 -4
  51. package/SCSS-Themes/base/bootstrap5.3-dark-lite.scss +7 -7
  52. package/SCSS-Themes/base/bootstrap5.3-dark.scss +7 -7
  53. package/SCSS-Themes/base/bootstrap5.3-lite.scss +14 -14
  54. package/SCSS-Themes/base/bootstrap5.3.scss +14 -14
  55. package/SCSS-Themes/bds-dark-lite.scss +38 -11
  56. package/SCSS-Themes/bds-dark.scss +62 -23
  57. package/SCSS-Themes/bds-lite.scss +38 -11
  58. package/SCSS-Themes/bds.scss +62 -23
  59. package/SCSS-Themes/bootstrap-dark-lite.scss +35 -8
  60. package/SCSS-Themes/bootstrap-dark.scss +59 -20
  61. package/SCSS-Themes/bootstrap-lite.scss +36 -8
  62. package/SCSS-Themes/bootstrap.scss +60 -20
  63. package/SCSS-Themes/bootstrap4-lite.scss +37 -10
  64. package/SCSS-Themes/bootstrap4.scss +61 -22
  65. package/SCSS-Themes/bootstrap5-dark-lite.scss +36 -10
  66. package/SCSS-Themes/bootstrap5-dark.scss +60 -22
  67. package/SCSS-Themes/bootstrap5-lite.scss +36 -10
  68. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +45 -19
  69. package/SCSS-Themes/bootstrap5.3-dark.scss +69 -31
  70. package/SCSS-Themes/bootstrap5.3-lite.scss +52 -26
  71. package/SCSS-Themes/bootstrap5.3.scss +76 -38
  72. package/SCSS-Themes/bootstrap5.scss +60 -22
  73. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark-lite.scss +2 -2
  74. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss +2 -2
  75. package/SCSS-Themes/documenteditor/document-editor-container/fabric-lite.scss +2 -2
  76. package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss +2 -2
  77. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast-lite.scss +1 -1
  78. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss +1 -1
  79. package/SCSS-Themes/documenteditor/document-editor-container/material-dark-lite.scss +2 -2
  80. package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss +2 -2
  81. package/SCSS-Themes/documenteditor/document-editor-container/material-lite.scss +2 -2
  82. package/SCSS-Themes/documenteditor/document-editor-container/material.scss +2 -2
  83. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark-lite.scss +1 -1
  84. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss +1 -1
  85. package/SCSS-Themes/documenteditor/document-editor-container/material3-lite.scss +1 -1
  86. package/SCSS-Themes/documenteditor/document-editor-container/material3.scss +1 -1
  87. package/SCSS-Themes/dropdowns/drop-down-tree/bds-dark-lite.scss +21 -8
  88. package/SCSS-Themes/dropdowns/drop-down-tree/bds-dark.scss +33 -20
  89. package/SCSS-Themes/dropdowns/drop-down-tree/bds-lite.scss +21 -8
  90. package/SCSS-Themes/dropdowns/drop-down-tree/bds.scss +33 -20
  91. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark-lite.scss +18 -5
  92. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark.scss +30 -17
  93. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-lite.scss +19 -5
  94. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap.scss +31 -17
  95. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4-lite.scss +20 -7
  96. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4.scss +32 -19
  97. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark-lite.scss +19 -7
  98. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark.scss +31 -19
  99. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-lite.scss +19 -7
  100. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.3-dark-lite.scss +19 -7
  101. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.3-dark.scss +31 -19
  102. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.3-lite.scss +19 -7
  103. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.3.scss +31 -19
  104. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.scss +31 -19
  105. package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark-lite.scss +18 -5
  106. package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark.scss +30 -17
  107. package/SCSS-Themes/dropdowns/drop-down-tree/fabric-lite.scss +18 -5
  108. package/SCSS-Themes/dropdowns/drop-down-tree/fabric.scss +30 -17
  109. package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark-lite.scss +19 -7
  110. package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss +31 -19
  111. package/SCSS-Themes/dropdowns/drop-down-tree/fluent-lite.scss +19 -7
  112. package/SCSS-Themes/dropdowns/drop-down-tree/fluent.scss +31 -19
  113. package/SCSS-Themes/dropdowns/drop-down-tree/fluent2-dark-lite.scss +21 -8
  114. package/SCSS-Themes/dropdowns/drop-down-tree/fluent2-dark.scss +33 -20
  115. package/SCSS-Themes/dropdowns/drop-down-tree/fluent2-highcontrast-lite.scss +21 -8
  116. package/SCSS-Themes/dropdowns/drop-down-tree/fluent2-highcontrast.scss +33 -20
  117. package/SCSS-Themes/dropdowns/drop-down-tree/fluent2-lite.scss +21 -8
  118. package/SCSS-Themes/dropdowns/drop-down-tree/fluent2.scss +33 -20
  119. package/SCSS-Themes/dropdowns/drop-down-tree/highcontrast-lite.scss +19 -6
  120. package/SCSS-Themes/dropdowns/drop-down-tree/highcontrast.scss +31 -18
  121. package/SCSS-Themes/dropdowns/drop-down-tree/material-dark-lite.scss +18 -5
  122. package/SCSS-Themes/dropdowns/drop-down-tree/material-dark.scss +30 -17
  123. package/SCSS-Themes/dropdowns/drop-down-tree/material-lite.scss +18 -5
  124. package/SCSS-Themes/dropdowns/drop-down-tree/material.scss +30 -17
  125. package/SCSS-Themes/dropdowns/drop-down-tree/material3-dark-lite.scss +20 -7
  126. package/SCSS-Themes/dropdowns/drop-down-tree/material3-dark.scss +32 -19
  127. package/SCSS-Themes/dropdowns/drop-down-tree/material3-lite.scss +20 -7
  128. package/SCSS-Themes/dropdowns/drop-down-tree/material3.scss +32 -19
  129. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind-dark-lite.scss +20 -8
  130. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind-dark.scss +32 -20
  131. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind-lite.scss +20 -8
  132. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind.scss +32 -20
  133. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind3-dark-lite.scss +18 -6
  134. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind3-dark.scss +30 -18
  135. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind3-lite.scss +18 -6
  136. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind3.scss +30 -18
  137. package/SCSS-Themes/fabric-dark-lite.scss +37 -10
  138. package/SCSS-Themes/fabric-dark.scss +61 -22
  139. package/SCSS-Themes/fabric-lite.scss +37 -10
  140. package/SCSS-Themes/fabric.scss +61 -22
  141. package/SCSS-Themes/fluent-dark-lite.scss +36 -10
  142. package/SCSS-Themes/fluent-dark.scss +60 -22
  143. package/SCSS-Themes/fluent-lite.scss +36 -10
  144. package/SCSS-Themes/fluent.scss +60 -22
  145. package/SCSS-Themes/fluent2-dark-lite.scss +40 -13
  146. package/SCSS-Themes/fluent2-dark.scss +64 -25
  147. package/SCSS-Themes/fluent2-highcontrast-lite.scss +40 -13
  148. package/SCSS-Themes/fluent2-highcontrast.scss +64 -25
  149. package/SCSS-Themes/fluent2-lite.scss +40 -13
  150. package/SCSS-Themes/fluent2.scss +64 -25
  151. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +7 -0
  152. package/SCSS-Themes/grids/grid/bds-dark.scss +19 -0
  153. package/SCSS-Themes/grids/grid/bds-lite.scss +7 -0
  154. package/SCSS-Themes/grids/grid/bds.scss +19 -0
  155. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +7 -0
  156. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +19 -0
  157. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +7 -0
  158. package/SCSS-Themes/grids/grid/bootstrap.scss +19 -0
  159. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +7 -0
  160. package/SCSS-Themes/grids/grid/bootstrap4.scss +19 -0
  161. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +7 -0
  162. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +19 -0
  163. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +7 -0
  164. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +7 -0
  165. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +19 -0
  166. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +7 -0
  167. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +19 -0
  168. package/SCSS-Themes/grids/grid/bootstrap5.scss +19 -0
  169. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +7 -0
  170. package/SCSS-Themes/grids/grid/fabric-dark.scss +19 -0
  171. package/SCSS-Themes/grids/grid/fabric-lite.scss +7 -0
  172. package/SCSS-Themes/grids/grid/fabric.scss +19 -0
  173. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +7 -0
  174. package/SCSS-Themes/grids/grid/fluent-dark.scss +19 -0
  175. package/SCSS-Themes/grids/grid/fluent-lite.scss +7 -0
  176. package/SCSS-Themes/grids/grid/fluent.scss +19 -0
  177. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +7 -0
  178. package/SCSS-Themes/grids/grid/fluent2-dark.scss +19 -0
  179. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +7 -0
  180. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +19 -0
  181. package/SCSS-Themes/grids/grid/fluent2-lite.scss +7 -0
  182. package/SCSS-Themes/grids/grid/fluent2.scss +19 -0
  183. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +7 -0
  184. package/SCSS-Themes/grids/grid/highcontrast.scss +19 -0
  185. package/SCSS-Themes/grids/grid/material-dark-lite.scss +7 -0
  186. package/SCSS-Themes/grids/grid/material-dark.scss +19 -0
  187. package/SCSS-Themes/grids/grid/material-lite.scss +7 -0
  188. package/SCSS-Themes/grids/grid/material.scss +19 -0
  189. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +7 -0
  190. package/SCSS-Themes/grids/grid/material3-dark.scss +19 -0
  191. package/SCSS-Themes/grids/grid/material3-lite.scss +7 -0
  192. package/SCSS-Themes/grids/grid/material3.scss +19 -0
  193. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +7 -0
  194. package/SCSS-Themes/grids/grid/tailwind-dark.scss +19 -0
  195. package/SCSS-Themes/grids/grid/tailwind-lite.scss +7 -0
  196. package/SCSS-Themes/grids/grid/tailwind.scss +19 -0
  197. package/SCSS-Themes/grids/grid/tailwind3-dark-lite.scss +7 -0
  198. package/SCSS-Themes/grids/grid/tailwind3-dark.scss +19 -0
  199. package/SCSS-Themes/grids/grid/tailwind3-lite.scss +7 -0
  200. package/SCSS-Themes/grids/grid/tailwind3.scss +19 -0
  201. package/SCSS-Themes/highcontrast-lite.scss +37 -10
  202. package/SCSS-Themes/highcontrast.scss +61 -22
  203. package/SCSS-Themes/interactive-chat/ai-assistview/bds-dark-lite.scss +3 -3
  204. package/SCSS-Themes/interactive-chat/ai-assistview/bds-dark.scss +3 -3
  205. package/SCSS-Themes/interactive-chat/ai-assistview/bds-lite.scss +3 -3
  206. package/SCSS-Themes/interactive-chat/ai-assistview/bds.scss +3 -3
  207. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap-dark-lite.scss +3 -3
  208. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap-dark.scss +3 -3
  209. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap-lite.scss +3 -3
  210. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap.scss +3 -3
  211. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap4-lite.scss +3 -3
  212. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap4.scss +3 -3
  213. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap5-dark-lite.scss +3 -3
  214. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap5-dark.scss +3 -3
  215. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap5-lite.scss +3 -3
  216. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap5.3-dark-lite.scss +3 -3
  217. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap5.3-dark.scss +3 -3
  218. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap5.3-lite.scss +3 -3
  219. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap5.3.scss +3 -3
  220. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap5.scss +3 -3
  221. package/SCSS-Themes/interactive-chat/ai-assistview/fabric-dark-lite.scss +3 -3
  222. package/SCSS-Themes/interactive-chat/ai-assistview/fabric-dark.scss +3 -3
  223. package/SCSS-Themes/interactive-chat/ai-assistview/fabric-lite.scss +3 -3
  224. package/SCSS-Themes/interactive-chat/ai-assistview/fabric.scss +3 -3
  225. package/SCSS-Themes/interactive-chat/ai-assistview/fluent-dark-lite.scss +3 -3
  226. package/SCSS-Themes/interactive-chat/ai-assistview/fluent-dark.scss +3 -3
  227. package/SCSS-Themes/interactive-chat/ai-assistview/fluent-lite.scss +3 -3
  228. package/SCSS-Themes/interactive-chat/ai-assistview/fluent.scss +3 -3
  229. package/SCSS-Themes/interactive-chat/ai-assistview/fluent2-dark-lite.scss +3 -3
  230. package/SCSS-Themes/interactive-chat/ai-assistview/fluent2-dark.scss +3 -3
  231. package/SCSS-Themes/interactive-chat/ai-assistview/fluent2-highcontrast-lite.scss +3 -3
  232. package/SCSS-Themes/interactive-chat/ai-assistview/fluent2-highcontrast.scss +3 -3
  233. package/SCSS-Themes/interactive-chat/ai-assistview/fluent2-lite.scss +3 -3
  234. package/SCSS-Themes/interactive-chat/ai-assistview/fluent2.scss +3 -3
  235. package/SCSS-Themes/interactive-chat/ai-assistview/highcontrast-lite.scss +3 -3
  236. package/SCSS-Themes/interactive-chat/ai-assistview/highcontrast.scss +3 -3
  237. package/SCSS-Themes/interactive-chat/ai-assistview/material-dark-lite.scss +3 -3
  238. package/SCSS-Themes/interactive-chat/ai-assistview/material-dark.scss +3 -3
  239. package/SCSS-Themes/interactive-chat/ai-assistview/material-lite.scss +3 -3
  240. package/SCSS-Themes/interactive-chat/ai-assistview/material.scss +3 -3
  241. package/SCSS-Themes/interactive-chat/ai-assistview/material3-dark-lite.scss +3 -3
  242. package/SCSS-Themes/interactive-chat/ai-assistview/material3-dark.scss +3 -3
  243. package/SCSS-Themes/interactive-chat/ai-assistview/material3-lite.scss +3 -3
  244. package/SCSS-Themes/interactive-chat/ai-assistview/material3.scss +3 -3
  245. package/SCSS-Themes/interactive-chat/ai-assistview/tailwind-dark-lite.scss +3 -3
  246. package/SCSS-Themes/interactive-chat/ai-assistview/tailwind-dark.scss +3 -3
  247. package/SCSS-Themes/interactive-chat/ai-assistview/tailwind-lite.scss +3 -3
  248. package/SCSS-Themes/interactive-chat/ai-assistview/tailwind.scss +3 -3
  249. package/SCSS-Themes/interactive-chat/ai-assistview/tailwind3-dark-lite.scss +3 -3
  250. package/SCSS-Themes/interactive-chat/ai-assistview/tailwind3-dark.scss +3 -3
  251. package/SCSS-Themes/interactive-chat/ai-assistview/tailwind3-lite.scss +3 -3
  252. package/SCSS-Themes/interactive-chat/ai-assistview/tailwind3.scss +3 -3
  253. package/SCSS-Themes/material-dark-lite.scss +37 -10
  254. package/SCSS-Themes/material-dark.scss +61 -22
  255. package/SCSS-Themes/material-lite.scss +37 -10
  256. package/SCSS-Themes/material.scss +61 -22
  257. package/SCSS-Themes/material3-dark-lite.scss +38 -11
  258. package/SCSS-Themes/material3-dark.scss +62 -23
  259. package/SCSS-Themes/material3-lite.scss +38 -11
  260. package/SCSS-Themes/material3.scss +62 -23
  261. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bds-dark-lite.scss +7 -0
  262. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bds-dark.scss +7 -0
  263. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bds-lite.scss +7 -0
  264. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bds.scss +7 -0
  265. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap-dark-lite.scss +7 -0
  266. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap-dark.scss +7 -0
  267. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap-lite.scss +7 -0
  268. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap.scss +7 -0
  269. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap4-lite.scss +7 -0
  270. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap4.scss +7 -0
  271. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap5-dark-lite.scss +7 -0
  272. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap5-dark.scss +7 -0
  273. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap5-lite.scss +7 -0
  274. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap5.3-dark-lite.scss +7 -0
  275. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap5.3-dark.scss +7 -0
  276. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap5.3-lite.scss +7 -0
  277. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap5.3.scss +7 -0
  278. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap5.scss +7 -0
  279. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fabric-dark-lite.scss +7 -0
  280. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fabric-dark.scss +7 -0
  281. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fabric-lite.scss +7 -0
  282. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fabric.scss +7 -0
  283. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fluent-dark-lite.scss +7 -0
  284. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fluent-dark.scss +7 -0
  285. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fluent-lite.scss +7 -0
  286. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fluent.scss +7 -0
  287. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fluent2-dark-lite.scss +7 -0
  288. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fluent2-dark.scss +7 -0
  289. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fluent2-highcontrast-lite.scss +7 -0
  290. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fluent2-highcontrast.scss +7 -0
  291. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fluent2-lite.scss +7 -0
  292. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fluent2.scss +7 -0
  293. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/highcontrast-lite.scss +7 -0
  294. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/highcontrast.scss +7 -0
  295. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/material-dark-lite.scss +7 -0
  296. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/material-dark.scss +7 -0
  297. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/material-lite.scss +7 -0
  298. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/material.scss +7 -0
  299. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/material3-dark-lite.scss +7 -0
  300. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/material3-dark.scss +7 -0
  301. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/material3-lite.scss +7 -0
  302. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/material3.scss +7 -0
  303. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/tailwind-dark-lite.scss +7 -0
  304. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/tailwind-dark.scss +7 -0
  305. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/tailwind-lite.scss +7 -0
  306. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/tailwind.scss +7 -0
  307. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/tailwind3-dark-lite.scss +7 -0
  308. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/tailwind3-dark.scss +7 -0
  309. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/tailwind3-lite.scss +7 -0
  310. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/tailwind3.scss +7 -0
  311. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.3-dark-lite.scss +2 -2
  312. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.3-dark.scss +2 -2
  313. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.3-lite.scss +2 -2
  314. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.3.scss +2 -2
  315. package/SCSS-Themes/schedule/recurrence-editor/fluent2-dark-lite.scss +2 -2
  316. package/SCSS-Themes/schedule/recurrence-editor/fluent2-dark.scss +2 -2
  317. package/SCSS-Themes/schedule/recurrence-editor/fluent2-highcontrast-lite.scss +2 -2
  318. package/SCSS-Themes/schedule/recurrence-editor/fluent2-highcontrast.scss +2 -2
  319. package/SCSS-Themes/schedule/recurrence-editor/fluent2-lite.scss +2 -2
  320. package/SCSS-Themes/schedule/recurrence-editor/fluent2.scss +2 -2
  321. package/SCSS-Themes/tailwind-dark-lite.scss +37 -11
  322. package/SCSS-Themes/tailwind-dark.scss +61 -23
  323. package/SCSS-Themes/tailwind-lite.scss +37 -11
  324. package/SCSS-Themes/tailwind.scss +61 -23
  325. package/SCSS-Themes/tailwind3-dark-lite.scss +35 -9
  326. package/SCSS-Themes/tailwind3-dark.scss +59 -21
  327. package/SCSS-Themes/tailwind3-lite.scss +35 -9
  328. package/SCSS-Themes/tailwind3.scss +59 -21
  329. package/package.json +1 -1
@@ -36,9 +36,15 @@ $ddt-last-chip-bigger-right-margin: 52px !default;
36
36
  $ddt-select-all-height: 22px !default;
37
37
  $ddt-select-all-padding: 8px 12px !default;
38
38
  $ddt-big-select-all-padding: 12px 16px !default;
39
- $ddt-select-all-checkbox-margin: 0 12px !default;
40
- $ddt-select-all-text-indent: 0 !default;
41
- $ddt-select-all-bigger-text-indent: 0 !default;
39
+ $ddt-select-all-checkbox-margin: 0 7px !default;
40
+ $ddt-rtl-select-all-checkbox-margin: 0 7px !default;
41
+ $ddt-big-select-all-text-margin: 0 12px !default;
42
+ $ddt-rtl-big-select-all-text-margin: 0 12px !default;
43
+ $ddt-big-select-all-padding: 12px 16px !default;
44
+ $ddt-select-all-text-indent: 27px !default;
45
+ $ddt-rtl-select-all-text-indent: 15px !default;
46
+ $ddt-select-all-bigger-text-indent: 33px !default;
47
+ $ddt-rtl-select-all-bigger-text-indent: 16px !default;
42
48
  $ddt-select-all-text-font-size: $text-sm !default;
43
49
  $ddt-popup-radius: 4px !default;
44
50
  $ddt-popup-margin: 8px !default;
@@ -58,6 +64,9 @@ $ddt-overflow-count-padding-top: 3px !default;
58
64
  $ddt-delim-padding : 3px 12px !default;
59
65
  $ddt-delim-bigger-padding: 7px 16px !default;
60
66
  $ddt-remains-count-padding-top: 3px !default;
67
+ $ddt-select-all-font-size: 14px !default;
68
+ $ddt-big-select-all-font-size: 16px !default;
69
+ $ddt-select-all-checkbox-bottom: 0 !default;
61
70
 
62
71
  // color variables
63
72
  $ddt-filter-box-shadow-color: none !default;
@@ -631,10 +640,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
631
640
  .e-checkbox-wrapper {
632
641
  position: relative;
633
642
  text-indent: 0;
634
-
635
- @if ($ddt-skin-name == 'tailwind3') {
636
- bottom: 2px;
637
- }
643
+ bottom: $ddt-select-all-checkbox-bottom;
638
644
 
639
645
  .e-frame {
640
646
  @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
@@ -645,7 +651,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
645
651
 
646
652
  .e-all-text {
647
653
  font-family: inherit;
648
- font-size: 14px;
654
+ font-size: $ddt-select-all-font-size;
649
655
  margin: $ddt-select-all-checkbox-margin;
650
656
  @if $ddt-skin-name == 'tailwind' {
651
657
  line-height: $ddt-select-all-height;
@@ -998,6 +1004,13 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
998
1004
  .e-treeview .e-list-item .e-ul {
999
1005
  padding: 0 14px 0 0;
1000
1006
  }
1007
+
1008
+ .e-selectall-parent {
1009
+ text-indent: $ddt-rtl-select-all-text-indent;
1010
+ .e-all-text {
1011
+ margin: $ddt-rtl-select-all-checkbox-margin;
1012
+ }
1013
+ }
1001
1014
  }
1002
1015
  }
1003
1016
  }
@@ -36,9 +36,15 @@ $ddt-last-chip-bigger-right-margin: 52px !default;
36
36
  $ddt-select-all-height: 22px !default;
37
37
  $ddt-select-all-padding: 8px 12px !default;
38
38
  $ddt-big-select-all-padding: 12px 16px !default;
39
- $ddt-select-all-checkbox-margin: 0 12px !default;
40
- $ddt-select-all-text-indent: 0 !default;
41
- $ddt-select-all-bigger-text-indent: 0 !default;
39
+ $ddt-select-all-checkbox-margin: 0 7px !default;
40
+ $ddt-rtl-select-all-checkbox-margin: 0 7px !default;
41
+ $ddt-big-select-all-text-margin: 0 12px !default;
42
+ $ddt-rtl-big-select-all-text-margin: 0 12px !default;
43
+ $ddt-big-select-all-padding: 12px 16px !default;
44
+ $ddt-select-all-text-indent: 27px !default;
45
+ $ddt-rtl-select-all-text-indent: 15px !default;
46
+ $ddt-select-all-bigger-text-indent: 33px !default;
47
+ $ddt-rtl-select-all-bigger-text-indent: 16px !default;
42
48
  $ddt-select-all-text-font-size: $text-sm !default;
43
49
  $ddt-popup-radius: 4px !default;
44
50
  $ddt-popup-margin: 8px !default;
@@ -58,6 +64,9 @@ $ddt-overflow-count-padding-top: 3px !default;
58
64
  $ddt-delim-padding : 3px 12px !default;
59
65
  $ddt-delim-bigger-padding: 7px 16px !default;
60
66
  $ddt-remains-count-padding-top: 3px !default;
67
+ $ddt-select-all-font-size: 14px !default;
68
+ $ddt-big-select-all-font-size: 16px !default;
69
+ $ddt-select-all-checkbox-bottom: 0 !default;
61
70
 
62
71
  // color variables
63
72
  $ddt-filter-box-shadow-color: none !default;
@@ -631,10 +640,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
631
640
  .e-checkbox-wrapper {
632
641
  position: relative;
633
642
  text-indent: 0;
634
-
635
- @if ($ddt-skin-name == 'tailwind3') {
636
- bottom: 2px;
637
- }
643
+ bottom: $ddt-select-all-checkbox-bottom;
638
644
 
639
645
  .e-frame {
640
646
  @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
@@ -645,7 +651,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
645
651
 
646
652
  .e-all-text {
647
653
  font-family: inherit;
648
- font-size: 14px;
654
+ font-size: $ddt-select-all-font-size;
649
655
  margin: $ddt-select-all-checkbox-margin;
650
656
  @if $ddt-skin-name == 'tailwind' {
651
657
  line-height: $ddt-select-all-height;
@@ -998,6 +1004,13 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
998
1004
  .e-treeview .e-list-item .e-ul {
999
1005
  padding: 0 14px 0 0;
1000
1006
  }
1007
+
1008
+ .e-selectall-parent {
1009
+ text-indent: $ddt-rtl-select-all-text-indent;
1010
+ .e-all-text {
1011
+ margin: $ddt-rtl-select-all-checkbox-margin;
1012
+ }
1013
+ }
1001
1014
  }
1002
1015
  }
1003
1016
  }
@@ -1542,19 +1555,12 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
1542
1555
 
1543
1556
  .e-selectall-parent {
1544
1557
  text-indent: $ddt-select-all-bigger-text-indent;
1545
- @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
1546
- padding: $ddt-big-select-all-padding;
1558
+ padding: $ddt-big-select-all-padding;
1547
1559
 
1548
- .e-all-text {
1549
- font-size: $text-base;
1550
- line-height: 24px;
1551
- @if $ddt-skin-name == 'bootstrap5' {
1552
- margin: 0 12px;
1553
- }
1554
- @else {
1555
- margin: 0 16px;
1556
- }
1557
- }
1560
+ .e-all-text {
1561
+ font-size: $ddt-big-select-all-font-size;
1562
+ line-height: 24px;
1563
+ margin: $ddt-big-select-all-text-margin;
1558
1564
  }
1559
1565
  }
1560
1566
 
@@ -1710,6 +1716,13 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
1710
1716
  right: auto;
1711
1717
  }
1712
1718
  }
1719
+
1720
+ .e-selectall-parent {
1721
+ text-indent: $ddt-rtl-select-all-bigger-text-indent;
1722
+ .e-all-text {
1723
+ margin: $ddt-rtl-big-select-all-text-margin;
1724
+ }
1725
+ }
1713
1726
  }
1714
1727
  }
1715
1728
  }
@@ -36,9 +36,15 @@ $ddt-last-chip-bigger-right-margin: 52px !default;
36
36
  $ddt-select-all-height: 22px !default;
37
37
  $ddt-select-all-padding: 8px 12px !default;
38
38
  $ddt-big-select-all-padding: 12px 16px !default;
39
- $ddt-select-all-checkbox-margin: 0 12px !default;
40
- $ddt-select-all-text-indent: 0 !default;
41
- $ddt-select-all-bigger-text-indent: 0 !default;
39
+ $ddt-select-all-checkbox-margin: 0 7px !default;
40
+ $ddt-rtl-select-all-checkbox-margin: 0 7px !default;
41
+ $ddt-big-select-all-text-margin: 0 12px !default;
42
+ $ddt-rtl-big-select-all-text-margin: 0 12px !default;
43
+ $ddt-big-select-all-padding: 12px 16px !default;
44
+ $ddt-select-all-text-indent: 27px !default;
45
+ $ddt-rtl-select-all-text-indent: 15px !default;
46
+ $ddt-select-all-bigger-text-indent: 33px !default;
47
+ $ddt-rtl-select-all-bigger-text-indent: 16px !default;
42
48
  $ddt-select-all-text-font-size: $text-sm !default;
43
49
  $ddt-popup-radius: 4px !default;
44
50
  $ddt-popup-margin: 8px !default;
@@ -58,6 +64,9 @@ $ddt-overflow-count-padding-top: 3px !default;
58
64
  $ddt-delim-padding : 3px 12px !default;
59
65
  $ddt-delim-bigger-padding: 7px 16px !default;
60
66
  $ddt-remains-count-padding-top: 3px !default;
67
+ $ddt-select-all-font-size: 14px !default;
68
+ $ddt-big-select-all-font-size: 16px !default;
69
+ $ddt-select-all-checkbox-bottom: 0 !default;
61
70
 
62
71
  // color variables
63
72
  $ddt-filter-box-shadow-color: none !default;
@@ -631,10 +640,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
631
640
  .e-checkbox-wrapper {
632
641
  position: relative;
633
642
  text-indent: 0;
634
-
635
- @if ($ddt-skin-name == 'tailwind3') {
636
- bottom: 2px;
637
- }
643
+ bottom: $ddt-select-all-checkbox-bottom;
638
644
 
639
645
  .e-frame {
640
646
  @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
@@ -645,7 +651,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
645
651
 
646
652
  .e-all-text {
647
653
  font-family: inherit;
648
- font-size: 14px;
654
+ font-size: $ddt-select-all-font-size;
649
655
  margin: $ddt-select-all-checkbox-margin;
650
656
  @if $ddt-skin-name == 'tailwind' {
651
657
  line-height: $ddt-select-all-height;
@@ -998,6 +1004,13 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
998
1004
  .e-treeview .e-list-item .e-ul {
999
1005
  padding: 0 14px 0 0;
1000
1006
  }
1007
+
1008
+ .e-selectall-parent {
1009
+ text-indent: $ddt-rtl-select-all-text-indent;
1010
+ .e-all-text {
1011
+ margin: $ddt-rtl-select-all-checkbox-margin;
1012
+ }
1013
+ }
1001
1014
  }
1002
1015
  }
1003
1016
  }
@@ -36,9 +36,15 @@ $ddt-last-chip-bigger-right-margin: 52px !default;
36
36
  $ddt-select-all-height: 22px !default;
37
37
  $ddt-select-all-padding: 8px 12px !default;
38
38
  $ddt-big-select-all-padding: 12px 16px !default;
39
- $ddt-select-all-checkbox-margin: 0 12px !default;
40
- $ddt-select-all-text-indent: 0 !default;
41
- $ddt-select-all-bigger-text-indent: 0 !default;
39
+ $ddt-select-all-checkbox-margin: 0 7px !default;
40
+ $ddt-rtl-select-all-checkbox-margin: 0 7px !default;
41
+ $ddt-big-select-all-text-margin: 0 12px !default;
42
+ $ddt-rtl-big-select-all-text-margin: 0 12px !default;
43
+ $ddt-big-select-all-padding: 12px 16px !default;
44
+ $ddt-select-all-text-indent: 27px !default;
45
+ $ddt-rtl-select-all-text-indent: 15px !default;
46
+ $ddt-select-all-bigger-text-indent: 33px !default;
47
+ $ddt-rtl-select-all-bigger-text-indent: 16px !default;
42
48
  $ddt-select-all-text-font-size: $text-sm !default;
43
49
  $ddt-popup-radius: 4px !default;
44
50
  $ddt-popup-margin: 8px !default;
@@ -58,6 +64,9 @@ $ddt-overflow-count-padding-top: 3px !default;
58
64
  $ddt-delim-padding : 3px 12px !default;
59
65
  $ddt-delim-bigger-padding: 7px 16px !default;
60
66
  $ddt-remains-count-padding-top: 3px !default;
67
+ $ddt-select-all-font-size: 14px !default;
68
+ $ddt-big-select-all-font-size: 16px !default;
69
+ $ddt-select-all-checkbox-bottom: 0 !default;
61
70
 
62
71
  // color variables
63
72
  $ddt-filter-box-shadow-color: none !default;
@@ -631,10 +640,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
631
640
  .e-checkbox-wrapper {
632
641
  position: relative;
633
642
  text-indent: 0;
634
-
635
- @if ($ddt-skin-name == 'tailwind3') {
636
- bottom: 2px;
637
- }
643
+ bottom: $ddt-select-all-checkbox-bottom;
638
644
 
639
645
  .e-frame {
640
646
  @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
@@ -645,7 +651,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
645
651
 
646
652
  .e-all-text {
647
653
  font-family: inherit;
648
- font-size: 14px;
654
+ font-size: $ddt-select-all-font-size;
649
655
  margin: $ddt-select-all-checkbox-margin;
650
656
  @if $ddt-skin-name == 'tailwind' {
651
657
  line-height: $ddt-select-all-height;
@@ -998,6 +1004,13 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
998
1004
  .e-treeview .e-list-item .e-ul {
999
1005
  padding: 0 14px 0 0;
1000
1006
  }
1007
+
1008
+ .e-selectall-parent {
1009
+ text-indent: $ddt-rtl-select-all-text-indent;
1010
+ .e-all-text {
1011
+ margin: $ddt-rtl-select-all-checkbox-margin;
1012
+ }
1013
+ }
1001
1014
  }
1002
1015
  }
1003
1016
  }
@@ -1542,19 +1555,12 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
1542
1555
 
1543
1556
  .e-selectall-parent {
1544
1557
  text-indent: $ddt-select-all-bigger-text-indent;
1545
- @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
1546
- padding: $ddt-big-select-all-padding;
1558
+ padding: $ddt-big-select-all-padding;
1547
1559
 
1548
- .e-all-text {
1549
- font-size: $text-base;
1550
- line-height: 24px;
1551
- @if $ddt-skin-name == 'bootstrap5' {
1552
- margin: 0 12px;
1553
- }
1554
- @else {
1555
- margin: 0 16px;
1556
- }
1557
- }
1560
+ .e-all-text {
1561
+ font-size: $ddt-big-select-all-font-size;
1562
+ line-height: 24px;
1563
+ margin: $ddt-big-select-all-text-margin;
1558
1564
  }
1559
1565
  }
1560
1566
 
@@ -1710,6 +1716,13 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
1710
1716
  right: auto;
1711
1717
  }
1712
1718
  }
1719
+
1720
+ .e-selectall-parent {
1721
+ text-indent: $ddt-rtl-select-all-bigger-text-indent;
1722
+ .e-all-text {
1723
+ margin: $ddt-rtl-big-select-all-text-margin;
1724
+ }
1725
+ }
1713
1726
  }
1714
1727
  }
1715
1728
  }
@@ -42,8 +42,11 @@ $ddt-last-chip-right-margin: 64px !default;
42
42
  $ddt-last-chip-bigger-right-margin: 76px !default;
43
43
  $ddt-select-all-height: 36px !default;
44
44
  $ddt-select-all-checkbox-margin: 10px !default;
45
+ $ddt-rtl-select-all-checkbox-margin: 0 10px !default;
45
46
  $ddt-select-all-text-indent: 38px !default;
47
+ $ddt-rtl-select-all-text-indent: 38px !default;
46
48
  $ddt-select-all-bigger-text-indent: 43px !default;
49
+ $ddt-rtl-select-all-bigger-text-indent: 43px !default;
47
50
  $ddt-select-all-text-font-size: 14px !default;
48
51
  $ddt-popup-reorder-border: $grey-88 !default;
49
52
  $ddt-treeview-padding: 0 8px !default;
@@ -67,6 +70,12 @@ $ddt-chip-ddi-ci-width: calc(100% - 65px) !default;
67
70
  $ddt-big-chip-ddi-width: calc(100% - 39px) !default;
68
71
  $ddt-big-chip-ci-width: calc(100% - 39px) !default;
69
72
  $ddt-big-chip-ddi-ci-width: calc(100% - 77px) !default;
73
+ $ddt-select-all-font-size: 14px !default;
74
+ $ddt-big-select-all-font-size: 16px !default;
75
+ $ddt-big-select-all-padding: 0 !default;
76
+ $ddt-big-select-all-text-margin: 0 10px !default;
77
+ $ddt-rtl-big-select-all-text-margin: 0 10px !default;
78
+ $ddt-select-all-checkbox-bottom: 2px !default;
70
79
 
71
80
  $ddt-icon-bg-color: $grey-base !default;
72
81
  $ddt-remains-font-color: $grey-f5 !default;
@@ -637,10 +646,7 @@ $ddt-item-hover-bg: $grey-44 !default;
637
646
  .e-checkbox-wrapper {
638
647
  position: relative;
639
648
  text-indent: 0;
640
-
641
- @if ($ddt-skin-name == 'tailwind3') {
642
- bottom: 2px;
643
- }
649
+ bottom: $ddt-select-all-checkbox-bottom;
644
650
 
645
651
  .e-frame {
646
652
  @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
@@ -651,7 +657,7 @@ $ddt-item-hover-bg: $grey-44 !default;
651
657
 
652
658
  .e-all-text {
653
659
  font-family: inherit;
654
- font-size: 14px;
660
+ font-size: $ddt-select-all-font-size;
655
661
  margin: $ddt-select-all-checkbox-margin;
656
662
  @if $ddt-skin-name == 'tailwind' {
657
663
  line-height: $ddt-select-all-height;
@@ -1004,6 +1010,13 @@ $ddt-item-hover-bg: $grey-44 !default;
1004
1010
  .e-treeview .e-list-item .e-ul {
1005
1011
  padding: 0 14px 0 0;
1006
1012
  }
1013
+
1014
+ .e-selectall-parent {
1015
+ text-indent: $ddt-rtl-select-all-text-indent;
1016
+ .e-all-text {
1017
+ margin: $ddt-rtl-select-all-checkbox-margin;
1018
+ }
1019
+ }
1007
1020
  }
1008
1021
  }
1009
1022
  }
@@ -42,8 +42,11 @@ $ddt-last-chip-right-margin: 64px !default;
42
42
  $ddt-last-chip-bigger-right-margin: 76px !default;
43
43
  $ddt-select-all-height: 36px !default;
44
44
  $ddt-select-all-checkbox-margin: 10px !default;
45
+ $ddt-rtl-select-all-checkbox-margin: 0 10px !default;
45
46
  $ddt-select-all-text-indent: 38px !default;
47
+ $ddt-rtl-select-all-text-indent: 38px !default;
46
48
  $ddt-select-all-bigger-text-indent: 43px !default;
49
+ $ddt-rtl-select-all-bigger-text-indent: 43px !default;
47
50
  $ddt-select-all-text-font-size: 14px !default;
48
51
  $ddt-popup-reorder-border: $grey-88 !default;
49
52
  $ddt-treeview-padding: 0 8px !default;
@@ -67,6 +70,12 @@ $ddt-chip-ddi-ci-width: calc(100% - 65px) !default;
67
70
  $ddt-big-chip-ddi-width: calc(100% - 39px) !default;
68
71
  $ddt-big-chip-ci-width: calc(100% - 39px) !default;
69
72
  $ddt-big-chip-ddi-ci-width: calc(100% - 77px) !default;
73
+ $ddt-select-all-font-size: 14px !default;
74
+ $ddt-big-select-all-font-size: 16px !default;
75
+ $ddt-big-select-all-padding: 0 !default;
76
+ $ddt-big-select-all-text-margin: 0 10px !default;
77
+ $ddt-rtl-big-select-all-text-margin: 0 10px !default;
78
+ $ddt-select-all-checkbox-bottom: 2px !default;
70
79
 
71
80
  $ddt-icon-bg-color: $grey-base !default;
72
81
  $ddt-remains-font-color: $grey-f5 !default;
@@ -637,10 +646,7 @@ $ddt-item-hover-bg: $grey-44 !default;
637
646
  .e-checkbox-wrapper {
638
647
  position: relative;
639
648
  text-indent: 0;
640
-
641
- @if ($ddt-skin-name == 'tailwind3') {
642
- bottom: 2px;
643
- }
649
+ bottom: $ddt-select-all-checkbox-bottom;
644
650
 
645
651
  .e-frame {
646
652
  @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
@@ -651,7 +657,7 @@ $ddt-item-hover-bg: $grey-44 !default;
651
657
 
652
658
  .e-all-text {
653
659
  font-family: inherit;
654
- font-size: 14px;
660
+ font-size: $ddt-select-all-font-size;
655
661
  margin: $ddt-select-all-checkbox-margin;
656
662
  @if $ddt-skin-name == 'tailwind' {
657
663
  line-height: $ddt-select-all-height;
@@ -1004,6 +1010,13 @@ $ddt-item-hover-bg: $grey-44 !default;
1004
1010
  .e-treeview .e-list-item .e-ul {
1005
1011
  padding: 0 14px 0 0;
1006
1012
  }
1013
+
1014
+ .e-selectall-parent {
1015
+ text-indent: $ddt-rtl-select-all-text-indent;
1016
+ .e-all-text {
1017
+ margin: $ddt-rtl-select-all-checkbox-margin;
1018
+ }
1019
+ }
1007
1020
  }
1008
1021
  }
1009
1022
  }
@@ -1548,19 +1561,12 @@ $ddt-item-hover-bg: $grey-44 !default;
1548
1561
 
1549
1562
  .e-selectall-parent {
1550
1563
  text-indent: $ddt-select-all-bigger-text-indent;
1551
- @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
1552
- padding: $ddt-big-select-all-padding;
1564
+ padding: $ddt-big-select-all-padding;
1553
1565
 
1554
- .e-all-text {
1555
- font-size: $text-base;
1556
- line-height: 24px;
1557
- @if $ddt-skin-name == 'bootstrap5' {
1558
- margin: 0 12px;
1559
- }
1560
- @else {
1561
- margin: 0 16px;
1562
- }
1563
- }
1566
+ .e-all-text {
1567
+ font-size: $ddt-big-select-all-font-size;
1568
+ line-height: 24px;
1569
+ margin: $ddt-big-select-all-text-margin;
1564
1570
  }
1565
1571
  }
1566
1572
 
@@ -1716,6 +1722,13 @@ $ddt-item-hover-bg: $grey-44 !default;
1716
1722
  right: auto;
1717
1723
  }
1718
1724
  }
1725
+
1726
+ .e-selectall-parent {
1727
+ text-indent: $ddt-rtl-select-all-bigger-text-indent;
1728
+ .e-all-text {
1729
+ margin: $ddt-rtl-big-select-all-text-margin;
1730
+ }
1731
+ }
1719
1732
  }
1720
1733
  }
1721
1734
  }
@@ -42,8 +42,11 @@ $ddt-last-chip-right-margin: 64px !default;
42
42
  $ddt-last-chip-bigger-right-margin: 76px !default;
43
43
  $ddt-select-all-height: 36px !default;
44
44
  $ddt-select-all-checkbox-margin: 10px !default;
45
+ $ddt-rtl-select-all-checkbox-margin: 0 10px !default;
45
46
  $ddt-select-all-text-indent: 38px !default;
47
+ $ddt-rtl-select-all-text-indent: 38px !default;
46
48
  $ddt-select-all-bigger-text-indent: 43px !default;
49
+ $ddt-rtl-select-all-bigger-text-indent: 43px !default;
47
50
  $ddt-select-all-text-font-size: 14px !default;
48
51
  $ddt-popup-reorder-border: $grey-e6 !default;
49
52
  $ddt-treeview-padding: 0 8px !default;
@@ -77,6 +80,13 @@ $ddt-delim-padding: 6px 12px 0 12px !default;
77
80
  $ddt-delim-bigger-padding: 7.5px 14px 0 14px !default;
78
81
  $ddt-remains-count-padding-top: 5.5px !default;
79
82
  $ddt-item-hover-bg: $grey-f5 !default;
83
+ $ddt-select-all-font-size: 14px !default;
84
+ $ddt-big-select-all-font-size: 16px !default;
85
+ $ddt-big-select-all-padding: 0px !default;
86
+ $ddt-big-select-all-text-margin: 0 10px !default;
87
+ $ddt-rtl-big-select-all-text-margin: 0 9px !default;
88
+ $ddt-select-all-checkbox-bottom: 2px !default;
89
+
80
90
  @mixin ddt-rotate($position) {
81
91
  transform: rotate($position);
82
92
  transition: transform 300ms ease;
@@ -636,10 +646,7 @@ $ddt-item-hover-bg: $grey-f5 !default;
636
646
  .e-checkbox-wrapper {
637
647
  position: relative;
638
648
  text-indent: 0;
639
-
640
- @if ($ddt-skin-name == 'tailwind3') {
641
- bottom: 2px;
642
- }
649
+ bottom: $ddt-select-all-checkbox-bottom;
643
650
 
644
651
  .e-frame {
645
652
  @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
@@ -650,7 +657,7 @@ $ddt-item-hover-bg: $grey-f5 !default;
650
657
 
651
658
  .e-all-text {
652
659
  font-family: inherit;
653
- font-size: 14px;
660
+ font-size: $ddt-select-all-font-size;
654
661
  margin: $ddt-select-all-checkbox-margin;
655
662
  @if $ddt-skin-name == 'tailwind' {
656
663
  line-height: $ddt-select-all-height;
@@ -1003,6 +1010,13 @@ $ddt-item-hover-bg: $grey-f5 !default;
1003
1010
  .e-treeview .e-list-item .e-ul {
1004
1011
  padding: 0 14px 0 0;
1005
1012
  }
1013
+
1014
+ .e-selectall-parent {
1015
+ text-indent: $ddt-rtl-select-all-text-indent;
1016
+ .e-all-text {
1017
+ margin: $ddt-rtl-select-all-checkbox-margin;
1018
+ }
1019
+ }
1006
1020
  }
1007
1021
  }
1008
1022
  }
@@ -42,8 +42,11 @@ $ddt-last-chip-right-margin: 64px !default;
42
42
  $ddt-last-chip-bigger-right-margin: 76px !default;
43
43
  $ddt-select-all-height: 36px !default;
44
44
  $ddt-select-all-checkbox-margin: 10px !default;
45
+ $ddt-rtl-select-all-checkbox-margin: 0 10px !default;
45
46
  $ddt-select-all-text-indent: 38px !default;
47
+ $ddt-rtl-select-all-text-indent: 38px !default;
46
48
  $ddt-select-all-bigger-text-indent: 43px !default;
49
+ $ddt-rtl-select-all-bigger-text-indent: 43px !default;
47
50
  $ddt-select-all-text-font-size: 14px !default;
48
51
  $ddt-popup-reorder-border: $grey-e6 !default;
49
52
  $ddt-treeview-padding: 0 8px !default;
@@ -77,6 +80,13 @@ $ddt-delim-padding: 6px 12px 0 12px !default;
77
80
  $ddt-delim-bigger-padding: 7.5px 14px 0 14px !default;
78
81
  $ddt-remains-count-padding-top: 5.5px !default;
79
82
  $ddt-item-hover-bg: $grey-f5 !default;
83
+ $ddt-select-all-font-size: 14px !default;
84
+ $ddt-big-select-all-font-size: 16px !default;
85
+ $ddt-big-select-all-padding: 0px !default;
86
+ $ddt-big-select-all-text-margin: 0 10px !default;
87
+ $ddt-rtl-big-select-all-text-margin: 0 9px !default;
88
+ $ddt-select-all-checkbox-bottom: 2px !default;
89
+
80
90
  @mixin ddt-rotate($position) {
81
91
  transform: rotate($position);
82
92
  transition: transform 300ms ease;
@@ -636,10 +646,7 @@ $ddt-item-hover-bg: $grey-f5 !default;
636
646
  .e-checkbox-wrapper {
637
647
  position: relative;
638
648
  text-indent: 0;
639
-
640
- @if ($ddt-skin-name == 'tailwind3') {
641
- bottom: 2px;
642
- }
649
+ bottom: $ddt-select-all-checkbox-bottom;
643
650
 
644
651
  .e-frame {
645
652
  @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
@@ -650,7 +657,7 @@ $ddt-item-hover-bg: $grey-f5 !default;
650
657
 
651
658
  .e-all-text {
652
659
  font-family: inherit;
653
- font-size: 14px;
660
+ font-size: $ddt-select-all-font-size;
654
661
  margin: $ddt-select-all-checkbox-margin;
655
662
  @if $ddt-skin-name == 'tailwind' {
656
663
  line-height: $ddt-select-all-height;
@@ -1003,6 +1010,13 @@ $ddt-item-hover-bg: $grey-f5 !default;
1003
1010
  .e-treeview .e-list-item .e-ul {
1004
1011
  padding: 0 14px 0 0;
1005
1012
  }
1013
+
1014
+ .e-selectall-parent {
1015
+ text-indent: $ddt-rtl-select-all-text-indent;
1016
+ .e-all-text {
1017
+ margin: $ddt-rtl-select-all-checkbox-margin;
1018
+ }
1019
+ }
1006
1020
  }
1007
1021
  }
1008
1022
  }
@@ -1547,19 +1561,12 @@ $ddt-item-hover-bg: $grey-f5 !default;
1547
1561
 
1548
1562
  .e-selectall-parent {
1549
1563
  text-indent: $ddt-select-all-bigger-text-indent;
1550
- @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
1551
- padding: $ddt-big-select-all-padding;
1564
+ padding: $ddt-big-select-all-padding;
1552
1565
 
1553
- .e-all-text {
1554
- font-size: $text-base;
1555
- line-height: 24px;
1556
- @if $ddt-skin-name == 'bootstrap5' {
1557
- margin: 0 12px;
1558
- }
1559
- @else {
1560
- margin: 0 16px;
1561
- }
1562
- }
1566
+ .e-all-text {
1567
+ font-size: $ddt-big-select-all-font-size;
1568
+ line-height: 24px;
1569
+ margin: $ddt-big-select-all-text-margin;
1563
1570
  }
1564
1571
  }
1565
1572
 
@@ -1715,6 +1722,13 @@ $ddt-item-hover-bg: $grey-f5 !default;
1715
1722
  right: auto;
1716
1723
  }
1717
1724
  }
1725
+
1726
+ .e-selectall-parent {
1727
+ text-indent: $ddt-rtl-select-all-bigger-text-indent;
1728
+ .e-all-text {
1729
+ margin: $ddt-rtl-big-select-all-text-margin;
1730
+ }
1731
+ }
1718
1732
  }
1719
1733
  }
1720
1734
  }