@syncfusion/blazor-themes 23.2.7 → 24.1.41

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 (434) hide show
  1. package/SCSS-Themes/base/bootstrap-dark.scss +24 -1
  2. package/SCSS-Themes/base/bootstrap.scss +24 -1
  3. package/SCSS-Themes/base/bootstrap4.scss +25 -2
  4. package/SCSS-Themes/base/bootstrap5-dark.scss +25 -2
  5. package/SCSS-Themes/base/bootstrap5.scss +25 -2
  6. package/SCSS-Themes/base/fabric-dark.scss +24 -1
  7. package/SCSS-Themes/base/fabric.scss +24 -1
  8. package/SCSS-Themes/base/fluent-dark.scss +25 -2
  9. package/SCSS-Themes/base/fluent.scss +25 -2
  10. package/SCSS-Themes/base/highcontrast.scss +24 -1
  11. package/SCSS-Themes/base/material-dark.scss +24 -1
  12. package/SCSS-Themes/base/material.scss +24 -1
  13. package/SCSS-Themes/base/material3-dark.scss +24 -1
  14. package/SCSS-Themes/base/material3.scss +24 -1
  15. package/SCSS-Themes/base/tailwind-dark.scss +24 -1
  16. package/SCSS-Themes/base/tailwind.scss +24 -1
  17. package/SCSS-Themes/bootstrap-dark.scss +2775 -205
  18. package/SCSS-Themes/bootstrap.scss +2774 -205
  19. package/SCSS-Themes/bootstrap4.scss +2782 -212
  20. package/SCSS-Themes/bootstrap5-dark.scss +2778 -210
  21. package/SCSS-Themes/bootstrap5.scss +2778 -210
  22. package/SCSS-Themes/buttons/button/bootstrap-dark.scss +12 -12
  23. package/SCSS-Themes/buttons/button/bootstrap.scss +12 -12
  24. package/SCSS-Themes/buttons/button/bootstrap4.scss +12 -12
  25. package/SCSS-Themes/buttons/button/bootstrap5-dark.scss +12 -12
  26. package/SCSS-Themes/buttons/button/bootstrap5.scss +12 -12
  27. package/SCSS-Themes/buttons/button/fabric-dark.scss +12 -12
  28. package/SCSS-Themes/buttons/button/fabric.scss +12 -12
  29. package/SCSS-Themes/buttons/button/fluent-dark.scss +12 -12
  30. package/SCSS-Themes/buttons/button/fluent.scss +12 -12
  31. package/SCSS-Themes/buttons/button/highcontrast.scss +12 -12
  32. package/SCSS-Themes/buttons/button/material-dark.scss +12 -12
  33. package/SCSS-Themes/buttons/button/material.scss +12 -12
  34. package/SCSS-Themes/buttons/button/material3-dark.scss +12 -12
  35. package/SCSS-Themes/buttons/button/material3.scss +12 -12
  36. package/SCSS-Themes/buttons/button/tailwind-dark.scss +12 -12
  37. package/SCSS-Themes/buttons/button/tailwind.scss +12 -12
  38. package/SCSS-Themes/buttons/check-box/bootstrap-dark.scss +3 -0
  39. package/SCSS-Themes/buttons/check-box/bootstrap.scss +3 -0
  40. package/SCSS-Themes/buttons/check-box/bootstrap4.scss +3 -0
  41. package/SCSS-Themes/buttons/check-box/bootstrap5-dark.scss +3 -0
  42. package/SCSS-Themes/buttons/check-box/bootstrap5.scss +3 -0
  43. package/SCSS-Themes/buttons/check-box/fabric-dark.scss +3 -0
  44. package/SCSS-Themes/buttons/check-box/fabric.scss +3 -0
  45. package/SCSS-Themes/buttons/check-box/fluent-dark.scss +3 -0
  46. package/SCSS-Themes/buttons/check-box/fluent.scss +3 -0
  47. package/SCSS-Themes/buttons/check-box/highcontrast.scss +3 -0
  48. package/SCSS-Themes/buttons/check-box/material-dark.scss +3 -0
  49. package/SCSS-Themes/buttons/check-box/material.scss +3 -0
  50. package/SCSS-Themes/buttons/check-box/material3-dark.scss +3 -0
  51. package/SCSS-Themes/buttons/check-box/material3.scss +3 -0
  52. package/SCSS-Themes/buttons/check-box/tailwind-dark.scss +3 -0
  53. package/SCSS-Themes/buttons/check-box/tailwind.scss +3 -0
  54. package/SCSS-Themes/calendars/daterangepicker/bootstrap-dark.scss +11 -15
  55. package/SCSS-Themes/calendars/daterangepicker/bootstrap.scss +11 -15
  56. package/SCSS-Themes/calendars/daterangepicker/bootstrap4.scss +11 -15
  57. package/SCSS-Themes/calendars/daterangepicker/bootstrap5-dark.scss +11 -15
  58. package/SCSS-Themes/calendars/daterangepicker/bootstrap5.scss +11 -15
  59. package/SCSS-Themes/calendars/daterangepicker/fabric-dark.scss +11 -15
  60. package/SCSS-Themes/calendars/daterangepicker/fabric.scss +11 -15
  61. package/SCSS-Themes/calendars/daterangepicker/fluent-dark.scss +11 -15
  62. package/SCSS-Themes/calendars/daterangepicker/fluent.scss +11 -15
  63. package/SCSS-Themes/calendars/daterangepicker/highcontrast.scss +11 -15
  64. package/SCSS-Themes/calendars/daterangepicker/material-dark.scss +11 -15
  65. package/SCSS-Themes/calendars/daterangepicker/material.scss +11 -15
  66. package/SCSS-Themes/calendars/daterangepicker/material3-dark.scss +13 -16
  67. package/SCSS-Themes/calendars/daterangepicker/material3.scss +13 -16
  68. package/SCSS-Themes/calendars/daterangepicker/tailwind-dark.scss +11 -15
  69. package/SCSS-Themes/calendars/daterangepicker/tailwind.scss +11 -15
  70. package/SCSS-Themes/documenteditor/document-editor/bootstrap-dark.scss +28 -0
  71. package/SCSS-Themes/documenteditor/document-editor/bootstrap.scss +28 -0
  72. package/SCSS-Themes/documenteditor/document-editor/bootstrap4.scss +28 -0
  73. package/SCSS-Themes/documenteditor/document-editor/bootstrap5-dark.scss +28 -0
  74. package/SCSS-Themes/documenteditor/document-editor/bootstrap5.scss +28 -0
  75. package/SCSS-Themes/documenteditor/document-editor/fabric-dark.scss +28 -0
  76. package/SCSS-Themes/documenteditor/document-editor/fabric.scss +28 -0
  77. package/SCSS-Themes/documenteditor/document-editor/fluent-dark.scss +28 -0
  78. package/SCSS-Themes/documenteditor/document-editor/fluent.scss +28 -0
  79. package/SCSS-Themes/documenteditor/document-editor/highcontrast.scss +28 -0
  80. package/SCSS-Themes/documenteditor/document-editor/material-dark.scss +28 -0
  81. package/SCSS-Themes/documenteditor/document-editor/material.scss +28 -0
  82. package/SCSS-Themes/documenteditor/document-editor/material3-dark.scss +28 -0
  83. package/SCSS-Themes/documenteditor/document-editor/material3.scss +28 -0
  84. package/SCSS-Themes/documenteditor/document-editor/tailwind-dark.scss +28 -0
  85. package/SCSS-Themes/documenteditor/document-editor/tailwind.scss +28 -0
  86. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark.scss +6 -0
  87. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap.scss +6 -0
  88. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4.scss +6 -0
  89. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark.scss +6 -0
  90. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.scss +6 -0
  91. package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark.scss +6 -0
  92. package/SCSS-Themes/dropdowns/drop-down-tree/fabric.scss +6 -0
  93. package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss +6 -0
  94. package/SCSS-Themes/dropdowns/drop-down-tree/fluent.scss +6 -0
  95. package/SCSS-Themes/dropdowns/drop-down-tree/highcontrast.scss +6 -0
  96. package/SCSS-Themes/dropdowns/drop-down-tree/material-dark.scss +6 -0
  97. package/SCSS-Themes/dropdowns/drop-down-tree/material.scss +6 -0
  98. package/SCSS-Themes/dropdowns/drop-down-tree/material3-dark.scss +6 -0
  99. package/SCSS-Themes/dropdowns/drop-down-tree/material3.scss +6 -0
  100. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind-dark.scss +6 -0
  101. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind.scss +6 -0
  102. package/SCSS-Themes/fabric-dark.scss +2773 -204
  103. package/SCSS-Themes/fabric.scss +2773 -204
  104. package/SCSS-Themes/filemanager/file-manager/bootstrap-dark.scss +6 -4
  105. package/SCSS-Themes/filemanager/file-manager/bootstrap.scss +6 -4
  106. package/SCSS-Themes/filemanager/file-manager/bootstrap4.scss +6 -4
  107. package/SCSS-Themes/filemanager/file-manager/bootstrap5-dark.scss +6 -4
  108. package/SCSS-Themes/filemanager/file-manager/bootstrap5.scss +6 -4
  109. package/SCSS-Themes/filemanager/file-manager/fabric-dark.scss +6 -4
  110. package/SCSS-Themes/filemanager/file-manager/fabric.scss +6 -4
  111. package/SCSS-Themes/filemanager/file-manager/fluent-dark.scss +6 -4
  112. package/SCSS-Themes/filemanager/file-manager/fluent.scss +6 -4
  113. package/SCSS-Themes/filemanager/file-manager/highcontrast.scss +6 -4
  114. package/SCSS-Themes/filemanager/file-manager/material-dark.scss +6 -4
  115. package/SCSS-Themes/filemanager/file-manager/material.scss +6 -4
  116. package/SCSS-Themes/filemanager/file-manager/material3-dark.scss +11 -9
  117. package/SCSS-Themes/filemanager/file-manager/material3.scss +11 -9
  118. package/SCSS-Themes/filemanager/file-manager/tailwind-dark.scss +6 -4
  119. package/SCSS-Themes/filemanager/file-manager/tailwind.scss +6 -4
  120. package/SCSS-Themes/fluent-dark.scss +2791 -216
  121. package/SCSS-Themes/fluent.scss +2791 -216
  122. package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss +109 -21
  123. package/SCSS-Themes/gantt/gantt/bootstrap.scss +109 -21
  124. package/SCSS-Themes/gantt/gantt/bootstrap4.scss +110 -21
  125. package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss +109 -21
  126. package/SCSS-Themes/gantt/gantt/bootstrap5.scss +109 -21
  127. package/SCSS-Themes/gantt/gantt/fabric-dark.scss +109 -21
  128. package/SCSS-Themes/gantt/gantt/fabric.scss +109 -21
  129. package/SCSS-Themes/gantt/gantt/fluent-dark.scss +109 -21
  130. package/SCSS-Themes/gantt/gantt/fluent.scss +109 -21
  131. package/SCSS-Themes/gantt/gantt/highcontrast.scss +109 -21
  132. package/SCSS-Themes/gantt/gantt/material-dark.scss +109 -21
  133. package/SCSS-Themes/gantt/gantt/material.scss +109 -21
  134. package/SCSS-Themes/gantt/gantt/material3-dark.scss +109 -21
  135. package/SCSS-Themes/gantt/gantt/material3.scss +109 -21
  136. package/SCSS-Themes/gantt/gantt/tailwind-dark.scss +109 -22
  137. package/SCSS-Themes/gantt/gantt/tailwind.scss +109 -22
  138. package/SCSS-Themes/grids/excel-filter/material3-dark.scss +1 -1
  139. package/SCSS-Themes/grids/excel-filter/material3.scss +1 -1
  140. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +267 -13
  141. package/SCSS-Themes/grids/grid/bootstrap.scss +267 -13
  142. package/SCSS-Themes/grids/grid/bootstrap4.scss +271 -17
  143. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +262 -11
  144. package/SCSS-Themes/grids/grid/bootstrap5.scss +262 -11
  145. package/SCSS-Themes/grids/grid/fabric-dark.scss +267 -13
  146. package/SCSS-Themes/grids/grid/fabric.scss +267 -13
  147. package/SCSS-Themes/grids/grid/fluent-dark.scss +271 -17
  148. package/SCSS-Themes/grids/grid/fluent.scss +271 -17
  149. package/SCSS-Themes/grids/grid/highcontrast.scss +266 -12
  150. package/SCSS-Themes/grids/grid/material-dark.scss +266 -12
  151. package/SCSS-Themes/grids/grid/material.scss +266 -12
  152. package/SCSS-Themes/grids/grid/material3-dark.scss +271 -14
  153. package/SCSS-Themes/grids/grid/material3.scss +271 -14
  154. package/SCSS-Themes/grids/grid/tailwind-dark.scss +265 -11
  155. package/SCSS-Themes/grids/grid/tailwind.scss +265 -11
  156. package/SCSS-Themes/highcontrast.scss +2774 -205
  157. package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss +203 -8
  158. package/SCSS-Themes/image-editor/image-editor/bootstrap.scss +203 -8
  159. package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss +203 -8
  160. package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss +203 -8
  161. package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss +203 -8
  162. package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss +203 -8
  163. package/SCSS-Themes/image-editor/image-editor/fabric.scss +203 -8
  164. package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss +209 -8
  165. package/SCSS-Themes/image-editor/image-editor/fluent.scss +209 -8
  166. package/SCSS-Themes/image-editor/image-editor/highcontrast.scss +203 -8
  167. package/SCSS-Themes/image-editor/image-editor/material-dark.scss +203 -8
  168. package/SCSS-Themes/image-editor/image-editor/material.scss +203 -8
  169. package/SCSS-Themes/image-editor/image-editor/material3-dark.scss +203 -8
  170. package/SCSS-Themes/image-editor/image-editor/material3.scss +203 -8
  171. package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss +203 -8
  172. package/SCSS-Themes/image-editor/image-editor/tailwind.scss +203 -8
  173. package/SCSS-Themes/inputs/color-picker/bootstrap-dark.scss +36 -0
  174. package/SCSS-Themes/inputs/color-picker/bootstrap.scss +36 -0
  175. package/SCSS-Themes/inputs/color-picker/bootstrap4.scss +36 -0
  176. package/SCSS-Themes/inputs/color-picker/bootstrap5-dark.scss +36 -0
  177. package/SCSS-Themes/inputs/color-picker/bootstrap5.scss +36 -0
  178. package/SCSS-Themes/inputs/color-picker/fabric-dark.scss +36 -0
  179. package/SCSS-Themes/inputs/color-picker/fabric.scss +36 -0
  180. package/SCSS-Themes/inputs/color-picker/fluent-dark.scss +36 -0
  181. package/SCSS-Themes/inputs/color-picker/fluent.scss +36 -0
  182. package/SCSS-Themes/inputs/color-picker/highcontrast.scss +36 -0
  183. package/SCSS-Themes/inputs/color-picker/material-dark.scss +36 -0
  184. package/SCSS-Themes/inputs/color-picker/material.scss +36 -0
  185. package/SCSS-Themes/inputs/color-picker/material3-dark.scss +36 -0
  186. package/SCSS-Themes/inputs/color-picker/material3.scss +36 -0
  187. package/SCSS-Themes/inputs/color-picker/tailwind-dark.scss +36 -0
  188. package/SCSS-Themes/inputs/color-picker/tailwind.scss +36 -0
  189. package/SCSS-Themes/inputs/data-form/bootstrap-dark.scss +307 -0
  190. package/SCSS-Themes/inputs/data-form/bootstrap.scss +306 -0
  191. package/SCSS-Themes/inputs/data-form/bootstrap4.scss +306 -0
  192. package/SCSS-Themes/inputs/data-form/bootstrap5-dark.scss +306 -0
  193. package/SCSS-Themes/inputs/data-form/bootstrap5.scss +306 -0
  194. package/SCSS-Themes/inputs/data-form/fabric-dark.scss +306 -0
  195. package/SCSS-Themes/inputs/data-form/fabric.scss +306 -0
  196. package/SCSS-Themes/inputs/data-form/fluent-dark.scss +306 -0
  197. package/SCSS-Themes/inputs/data-form/fluent.scss +306 -0
  198. package/SCSS-Themes/inputs/data-form/highcontrast.scss +306 -0
  199. package/SCSS-Themes/inputs/data-form/material-dark.scss +306 -0
  200. package/SCSS-Themes/inputs/data-form/material.scss +307 -0
  201. package/SCSS-Themes/inputs/data-form/material3-dark.scss +306 -0
  202. package/SCSS-Themes/inputs/data-form/material3.scss +306 -0
  203. package/SCSS-Themes/inputs/data-form/tailwind-dark.scss +306 -0
  204. package/SCSS-Themes/inputs/data-form/tailwind.scss +306 -0
  205. package/SCSS-Themes/inputs/rating/bootstrap-dark.scss +30 -9
  206. package/SCSS-Themes/inputs/rating/bootstrap.scss +30 -9
  207. package/SCSS-Themes/inputs/rating/bootstrap4.scss +30 -9
  208. package/SCSS-Themes/inputs/rating/bootstrap5-dark.scss +30 -9
  209. package/SCSS-Themes/inputs/rating/bootstrap5.scss +30 -9
  210. package/SCSS-Themes/inputs/rating/fabric-dark.scss +30 -9
  211. package/SCSS-Themes/inputs/rating/fabric.scss +30 -9
  212. package/SCSS-Themes/inputs/rating/fluent-dark.scss +30 -9
  213. package/SCSS-Themes/inputs/rating/fluent.scss +30 -9
  214. package/SCSS-Themes/inputs/rating/highcontrast.scss +30 -9
  215. package/SCSS-Themes/inputs/rating/material-dark.scss +30 -9
  216. package/SCSS-Themes/inputs/rating/material.scss +30 -9
  217. package/SCSS-Themes/inputs/rating/material3-dark.scss +30 -9
  218. package/SCSS-Themes/inputs/rating/material3.scss +30 -9
  219. package/SCSS-Themes/inputs/rating/tailwind-dark.scss +30 -9
  220. package/SCSS-Themes/inputs/rating/tailwind.scss +30 -9
  221. package/SCSS-Themes/inputs/slider/bootstrap-dark.scss +4 -0
  222. package/SCSS-Themes/inputs/slider/bootstrap.scss +4 -0
  223. package/SCSS-Themes/inputs/slider/bootstrap4.scss +4 -0
  224. package/SCSS-Themes/inputs/slider/bootstrap5-dark.scss +4 -0
  225. package/SCSS-Themes/inputs/slider/bootstrap5.scss +4 -0
  226. package/SCSS-Themes/inputs/slider/fabric-dark.scss +4 -0
  227. package/SCSS-Themes/inputs/slider/fabric.scss +4 -0
  228. package/SCSS-Themes/inputs/slider/fluent-dark.scss +4 -0
  229. package/SCSS-Themes/inputs/slider/fluent.scss +4 -0
  230. package/SCSS-Themes/inputs/slider/highcontrast.scss +4 -0
  231. package/SCSS-Themes/inputs/slider/material-dark.scss +4 -0
  232. package/SCSS-Themes/inputs/slider/material.scss +4 -0
  233. package/SCSS-Themes/inputs/slider/material3-dark.scss +4 -0
  234. package/SCSS-Themes/inputs/slider/material3.scss +4 -0
  235. package/SCSS-Themes/inputs/slider/tailwind-dark.scss +4 -0
  236. package/SCSS-Themes/inputs/slider/tailwind.scss +4 -0
  237. package/SCSS-Themes/lists/list-view/bootstrap4.scss +2 -2
  238. package/SCSS-Themes/lists/list-view/bootstrap5-dark.scss +1 -1
  239. package/SCSS-Themes/lists/list-view/bootstrap5.scss +1 -1
  240. package/SCSS-Themes/lists/list-view/material.scss +1 -1
  241. package/SCSS-Themes/lists/list-view/material3-dark.scss +1 -1
  242. package/SCSS-Themes/lists/list-view/material3.scss +1 -1
  243. package/SCSS-Themes/lists/list-view/tailwind-dark.scss +2 -2
  244. package/SCSS-Themes/lists/list-view/tailwind.scss +2 -2
  245. package/SCSS-Themes/material-dark.scss +2773 -204
  246. package/SCSS-Themes/material.scss +2775 -205
  247. package/SCSS-Themes/material3-dark.scss +2789 -218
  248. package/SCSS-Themes/material3.scss +2789 -218
  249. package/SCSS-Themes/navigations/pager/bootstrap-dark.scss +130 -0
  250. package/SCSS-Themes/navigations/pager/bootstrap.scss +130 -0
  251. package/SCSS-Themes/navigations/pager/bootstrap4.scss +130 -0
  252. package/SCSS-Themes/navigations/pager/bootstrap5-dark.scss +130 -0
  253. package/SCSS-Themes/navigations/pager/bootstrap5.scss +130 -0
  254. package/SCSS-Themes/navigations/pager/fabric-dark.scss +130 -0
  255. package/SCSS-Themes/navigations/pager/fabric.scss +130 -0
  256. package/SCSS-Themes/navigations/pager/fluent-dark.scss +130 -0
  257. package/SCSS-Themes/navigations/pager/fluent.scss +130 -0
  258. package/SCSS-Themes/navigations/pager/highcontrast.scss +130 -0
  259. package/SCSS-Themes/navigations/pager/material-dark.scss +130 -0
  260. package/SCSS-Themes/navigations/pager/material.scss +130 -0
  261. package/SCSS-Themes/navigations/pager/material3-dark.scss +130 -0
  262. package/SCSS-Themes/navigations/pager/material3.scss +130 -0
  263. package/SCSS-Themes/navigations/pager/tailwind-dark.scss +130 -0
  264. package/SCSS-Themes/navigations/pager/tailwind.scss +130 -0
  265. package/SCSS-Themes/navigations/stepper/bootstrap-dark.scss +876 -0
  266. package/SCSS-Themes/navigations/stepper/bootstrap.scss +876 -0
  267. package/SCSS-Themes/navigations/stepper/bootstrap4.scss +876 -0
  268. package/SCSS-Themes/navigations/stepper/bootstrap5-dark.scss +877 -0
  269. package/SCSS-Themes/navigations/stepper/bootstrap5.scss +877 -0
  270. package/SCSS-Themes/navigations/stepper/fabric-dark.scss +876 -0
  271. package/SCSS-Themes/navigations/stepper/fabric.scss +876 -0
  272. package/SCSS-Themes/navigations/stepper/fluent-dark.scss +876 -0
  273. package/SCSS-Themes/navigations/stepper/fluent.scss +876 -0
  274. package/SCSS-Themes/navigations/stepper/highcontrast.scss +876 -0
  275. package/SCSS-Themes/navigations/stepper/material-dark.scss +876 -0
  276. package/SCSS-Themes/navigations/stepper/material.scss +876 -0
  277. package/SCSS-Themes/navigations/stepper/material3-dark.scss +876 -0
  278. package/SCSS-Themes/navigations/stepper/material3.scss +876 -0
  279. package/SCSS-Themes/navigations/stepper/tailwind-dark.scss +876 -0
  280. package/SCSS-Themes/navigations/stepper/tailwind.scss +876 -0
  281. package/SCSS-Themes/navigations/tab/bootstrap-dark.scss +7 -1
  282. package/SCSS-Themes/navigations/tab/bootstrap.scss +7 -1
  283. package/SCSS-Themes/navigations/tab/bootstrap4.scss +7 -1
  284. package/SCSS-Themes/navigations/tab/bootstrap5-dark.scss +9 -2
  285. package/SCSS-Themes/navigations/tab/bootstrap5.scss +9 -2
  286. package/SCSS-Themes/navigations/tab/fabric-dark.scss +6 -0
  287. package/SCSS-Themes/navigations/tab/fabric.scss +6 -0
  288. package/SCSS-Themes/navigations/tab/fluent-dark.scss +7 -1
  289. package/SCSS-Themes/navigations/tab/fluent.scss +7 -1
  290. package/SCSS-Themes/navigations/tab/highcontrast.scss +7 -1
  291. package/SCSS-Themes/navigations/tab/material-dark.scss +7 -1
  292. package/SCSS-Themes/navigations/tab/material.scss +7 -1
  293. package/SCSS-Themes/navigations/tab/material3-dark.scss +6 -0
  294. package/SCSS-Themes/navigations/tab/material3.scss +6 -0
  295. package/SCSS-Themes/navigations/tab/tailwind-dark.scss +6 -0
  296. package/SCSS-Themes/navigations/tab/tailwind.scss +6 -0
  297. package/SCSS-Themes/notifications/message/bootstrap-dark.scss +257 -17
  298. package/SCSS-Themes/notifications/message/bootstrap.scss +257 -17
  299. package/SCSS-Themes/notifications/message/bootstrap4.scss +257 -17
  300. package/SCSS-Themes/notifications/message/bootstrap5-dark.scss +257 -17
  301. package/SCSS-Themes/notifications/message/bootstrap5.scss +257 -17
  302. package/SCSS-Themes/notifications/message/fabric-dark.scss +257 -17
  303. package/SCSS-Themes/notifications/message/fabric.scss +257 -17
  304. package/SCSS-Themes/notifications/message/fluent-dark.scss +257 -17
  305. package/SCSS-Themes/notifications/message/fluent.scss +257 -17
  306. package/SCSS-Themes/notifications/message/highcontrast.scss +257 -17
  307. package/SCSS-Themes/notifications/message/material-dark.scss +257 -17
  308. package/SCSS-Themes/notifications/message/material.scss +257 -17
  309. package/SCSS-Themes/notifications/message/material3-dark.scss +257 -17
  310. package/SCSS-Themes/notifications/message/material3.scss +257 -17
  311. package/SCSS-Themes/notifications/message/tailwind-dark.scss +257 -17
  312. package/SCSS-Themes/notifications/message/tailwind.scss +257 -17
  313. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +147 -0
  314. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +147 -0
  315. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +147 -0
  316. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +147 -0
  317. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +147 -0
  318. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +147 -0
  319. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +147 -0
  320. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +147 -0
  321. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +147 -0
  322. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +147 -0
  323. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +147 -0
  324. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +147 -0
  325. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +147 -0
  326. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +147 -0
  327. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +147 -0
  328. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +147 -0
  329. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss +63 -29
  330. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss +63 -29
  331. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss +63 -29
  332. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss +63 -29
  333. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss +63 -29
  334. package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss +63 -29
  335. package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss +63 -29
  336. package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss +65 -31
  337. package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss +65 -31
  338. package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss +63 -29
  339. package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss +63 -29
  340. package/SCSS-Themes/pivotview/pivotfieldlist/material.scss +63 -29
  341. package/SCSS-Themes/pivotview/pivotfieldlist/material3-dark.scss +64 -30
  342. package/SCSS-Themes/pivotview/pivotfieldlist/material3.scss +64 -30
  343. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss +63 -29
  344. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss +63 -29
  345. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +21 -27
  346. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +21 -27
  347. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +21 -27
  348. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +20 -26
  349. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +20 -26
  350. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +20 -26
  351. package/SCSS-Themes/pivotview/pivotview/fabric.scss +20 -26
  352. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +22 -28
  353. package/SCSS-Themes/pivotview/pivotview/fluent.scss +22 -28
  354. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +21 -27
  355. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +20 -26
  356. package/SCSS-Themes/pivotview/pivotview/material.scss +20 -26
  357. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +22 -28
  358. package/SCSS-Themes/pivotview/pivotview/material3.scss +22 -28
  359. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +20 -26
  360. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +20 -26
  361. package/SCSS-Themes/popups/tooltip/bootstrap5-dark.scss +2 -2
  362. package/SCSS-Themes/popups/tooltip/bootstrap5.scss +2 -2
  363. package/SCSS-Themes/popups/tooltip/fluent-dark.scss +1 -1
  364. package/SCSS-Themes/popups/tooltip/fluent.scss +1 -1
  365. package/SCSS-Themes/popups/tooltip/highcontrast.scss +1 -1
  366. package/SCSS-Themes/popups/tooltip/tailwind-dark.scss +1 -1
  367. package/SCSS-Themes/popups/tooltip/tailwind.scss +1 -1
  368. package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss +111 -18
  369. package/SCSS-Themes/ribbon/ribbon/bootstrap.scss +111 -18
  370. package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss +111 -18
  371. package/SCSS-Themes/ribbon/ribbon/bootstrap5-dark.scss +111 -18
  372. package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss +111 -18
  373. package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss +111 -18
  374. package/SCSS-Themes/ribbon/ribbon/fabric.scss +111 -18
  375. package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss +111 -18
  376. package/SCSS-Themes/ribbon/ribbon/fluent.scss +111 -18
  377. package/SCSS-Themes/ribbon/ribbon/highcontrast.scss +111 -18
  378. package/SCSS-Themes/ribbon/ribbon/material-dark.scss +112 -19
  379. package/SCSS-Themes/ribbon/ribbon/material.scss +112 -19
  380. package/SCSS-Themes/ribbon/ribbon/material3-dark.scss +111 -20
  381. package/SCSS-Themes/ribbon/ribbon/material3.scss +111 -20
  382. package/SCSS-Themes/ribbon/ribbon/tailwind-dark.scss +111 -18
  383. package/SCSS-Themes/ribbon/ribbon/tailwind.scss +111 -18
  384. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +82 -7
  385. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +82 -7
  386. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +82 -7
  387. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +83 -8
  388. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +83 -8
  389. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +82 -7
  390. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +82 -7
  391. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +83 -8
  392. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +83 -8
  393. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +82 -7
  394. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +82 -7
  395. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +82 -7
  396. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +82 -7
  397. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +82 -7
  398. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +82 -7
  399. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +82 -7
  400. package/SCSS-Themes/schedule/recurrence-editor/bootstrap-dark.scss +6 -11
  401. package/SCSS-Themes/schedule/recurrence-editor/bootstrap.scss +6 -11
  402. package/SCSS-Themes/schedule/recurrence-editor/bootstrap4.scss +6 -11
  403. package/SCSS-Themes/schedule/recurrence-editor/bootstrap5-dark.scss +8 -13
  404. package/SCSS-Themes/schedule/recurrence-editor/bootstrap5.scss +8 -13
  405. package/SCSS-Themes/schedule/recurrence-editor/fabric-dark.scss +7 -12
  406. package/SCSS-Themes/schedule/recurrence-editor/fabric.scss +7 -12
  407. package/SCSS-Themes/schedule/recurrence-editor/fluent-dark.scss +7 -12
  408. package/SCSS-Themes/schedule/recurrence-editor/fluent.scss +7 -12
  409. package/SCSS-Themes/schedule/recurrence-editor/highcontrast.scss +6 -11
  410. package/SCSS-Themes/schedule/recurrence-editor/material-dark.scss +6 -11
  411. package/SCSS-Themes/schedule/recurrence-editor/material.scss +6 -11
  412. package/SCSS-Themes/schedule/recurrence-editor/material3-dark.scss +7 -12
  413. package/SCSS-Themes/schedule/recurrence-editor/material3.scss +7 -12
  414. package/SCSS-Themes/schedule/recurrence-editor/tailwind-dark.scss +8 -13
  415. package/SCSS-Themes/schedule/recurrence-editor/tailwind.scss +8 -13
  416. package/SCSS-Themes/schedule/schedule/bootstrap-dark.scss +29 -12
  417. package/SCSS-Themes/schedule/schedule/bootstrap.scss +29 -12
  418. package/SCSS-Themes/schedule/schedule/bootstrap4.scss +29 -12
  419. package/SCSS-Themes/schedule/schedule/bootstrap5-dark.scss +29 -12
  420. package/SCSS-Themes/schedule/schedule/bootstrap5.scss +29 -12
  421. package/SCSS-Themes/schedule/schedule/fabric-dark.scss +29 -12
  422. package/SCSS-Themes/schedule/schedule/fabric.scss +29 -12
  423. package/SCSS-Themes/schedule/schedule/fluent-dark.scss +29 -12
  424. package/SCSS-Themes/schedule/schedule/fluent.scss +29 -12
  425. package/SCSS-Themes/schedule/schedule/highcontrast.scss +29 -12
  426. package/SCSS-Themes/schedule/schedule/material-dark.scss +29 -12
  427. package/SCSS-Themes/schedule/schedule/material.scss +29 -12
  428. package/SCSS-Themes/schedule/schedule/material3-dark.scss +29 -12
  429. package/SCSS-Themes/schedule/schedule/material3.scss +29 -12
  430. package/SCSS-Themes/schedule/schedule/tailwind-dark.scss +29 -12
  431. package/SCSS-Themes/schedule/schedule/tailwind.scss +29 -12
  432. package/SCSS-Themes/tailwind-dark.scss +2775 -207
  433. package/SCSS-Themes/tailwind.scss +2775 -207
  434. package/package.json +1 -1
package/SCSS-Themes/calendars/daterangepicker/bootstrap.scss CHANGED
@@ -993,13 +993,11 @@ $range-header-font-size: 16px !default;
993
993
  height: $modal-range-prev-next-icon-size;
994
994
  width: $modal-range-prev-next-icon-size;
995
995
  @if ($skin-name == 'Material3') {
996
- margin-right: 60vw;
997
996
  vertical-align: inherit;
998
997
  font-size: $modal-range-tablet-font-size
999
998
  }
1000
999
  @media screen and (orientation: landscape) {
1001
1000
  @if ($skin-name == 'Material3') {
1002
- margin-right: 78vw;
1003
1001
  vertical-align: inherit;
1004
1002
  }
1005
1003
  }
@@ -1014,9 +1012,6 @@ $range-header-font-size: 16px !default;
1014
1012
  #{if(&, '&', '*')} .e-next {
1015
1013
  height: $modal-range-prev-next-icon-size;
1016
1014
  width: $modal-range-prev-next-icon-size;
1017
- @if ($skin-name == 'Material3') {
1018
- margin-right: 42px;
1019
- }
1020
1015
 
1021
1016
  #{if(&, '&', '*')} span {
1022
1017
  padding: $modal-range-prev-next-icon-padding;
@@ -1029,16 +1024,17 @@ $range-header-font-size: 16px !default;
1029
1024
 
1030
1025
  #{if(&, '&', '*')} .e-title {
1031
1026
  @media (max-height: 600px) {
1032
- @if ($skin-name == 'Material3') {
1033
- margin-left: $modal-header-month-name-left-width;
1034
- position: absolute;
1035
- text-align: center;
1036
- vertical-align: middle;
1037
- width: $modal-header-month-name-width;
1038
- line-height: $modal-month-name-line-height;
1039
- }
1040
- line-height: $modal-range-month-landscape-title-line-height;
1041
- }
1027
+ @if ($skin-name =='Material3') {
1028
+ margin-left: $modal-header-month-name-left-landscape-width;
1029
+ position: absolute;
1030
+ text-align: center;
1031
+ vertical-align: middle;
1032
+ width: $modal-header-month-name-width;
1033
+ line-height: $modal-month-name-line-height;
1034
+ }
1035
+
1036
+ line-height: $modal-range-month-landscape-title-line-height;
1037
+ }
1042
1038
 
1043
1039
  @media (min-height: 600px) {
1044
1040
  @if ($skin-name == 'Material3') {
package/SCSS-Themes/calendars/daterangepicker/bootstrap4.scss CHANGED
@@ -1003,13 +1003,11 @@ $range-header-font-size: 16px !default;
1003
1003
  height: $modal-range-prev-next-icon-size;
1004
1004
  width: $modal-range-prev-next-icon-size;
1005
1005
  @if ($skin-name == 'Material3') {
1006
- margin-right: 60vw;
1007
1006
  vertical-align: inherit;
1008
1007
  font-size: $modal-range-tablet-font-size
1009
1008
  }
1010
1009
  @media screen and (orientation: landscape) {
1011
1010
  @if ($skin-name == 'Material3') {
1012
- margin-right: 78vw;
1013
1011
  vertical-align: inherit;
1014
1012
  }
1015
1013
  }
@@ -1024,9 +1022,6 @@ $range-header-font-size: 16px !default;
1024
1022
  #{if(&, '&', '*')} .e-next {
1025
1023
  height: $modal-range-prev-next-icon-size;
1026
1024
  width: $modal-range-prev-next-icon-size;
1027
- @if ($skin-name == 'Material3') {
1028
- margin-right: 42px;
1029
- }
1030
1025
 
1031
1026
  #{if(&, '&', '*')} span {
1032
1027
  padding: $modal-range-prev-next-icon-padding;
@@ -1039,16 +1034,17 @@ $range-header-font-size: 16px !default;
1039
1034
 
1040
1035
  #{if(&, '&', '*')} .e-title {
1041
1036
  @media (max-height: 600px) {
1042
- @if ($skin-name == 'Material3') {
1043
- margin-left: $modal-header-month-name-left-width;
1044
- position: absolute;
1045
- text-align: center;
1046
- vertical-align: middle;
1047
- width: $modal-header-month-name-width;
1048
- line-height: $modal-month-name-line-height;
1049
- }
1050
- line-height: $modal-range-month-landscape-title-line-height;
1051
- }
1037
+ @if ($skin-name =='Material3') {
1038
+ margin-left: $modal-header-month-name-left-landscape-width;
1039
+ position: absolute;
1040
+ text-align: center;
1041
+ vertical-align: middle;
1042
+ width: $modal-header-month-name-width;
1043
+ line-height: $modal-month-name-line-height;
1044
+ }
1045
+
1046
+ line-height: $modal-range-month-landscape-title-line-height;
1047
+ }
1052
1048
 
1053
1049
  @media (min-height: 600px) {
1054
1050
  @if ($skin-name == 'Material3') {
package/SCSS-Themes/calendars/daterangepicker/bootstrap5-dark.scss CHANGED
@@ -1031,13 +1031,11 @@ $range-header-font-size: 16px !default;
1031
1031
  height: $modal-range-prev-next-icon-size;
1032
1032
  width: $modal-range-prev-next-icon-size;
1033
1033
  @if ($skin-name == 'Material3') {
1034
- margin-right: 60vw;
1035
1034
  vertical-align: inherit;
1036
1035
  font-size: $modal-range-tablet-font-size
1037
1036
  }
1038
1037
  @media screen and (orientation: landscape) {
1039
1038
  @if ($skin-name == 'Material3') {
1040
- margin-right: 78vw;
1041
1039
  vertical-align: inherit;
1042
1040
  }
1043
1041
  }
@@ -1052,9 +1050,6 @@ $range-header-font-size: 16px !default;
1052
1050
  #{if(&, '&', '*')} .e-next {
1053
1051
  height: $modal-range-prev-next-icon-size;
1054
1052
  width: $modal-range-prev-next-icon-size;
1055
- @if ($skin-name == 'Material3') {
1056
- margin-right: 42px;
1057
- }
1058
1053
 
1059
1054
  #{if(&, '&', '*')} span {
1060
1055
  padding: $modal-range-prev-next-icon-padding;
@@ -1067,16 +1062,17 @@ $range-header-font-size: 16px !default;
1067
1062
 
1068
1063
  #{if(&, '&', '*')} .e-title {
1069
1064
  @media (max-height: 600px) {
1070
- @if ($skin-name == 'Material3') {
1071
- margin-left: $modal-header-month-name-left-width;
1072
- position: absolute;
1073
- text-align: center;
1074
- vertical-align: middle;
1075
- width: $modal-header-month-name-width;
1076
- line-height: $modal-month-name-line-height;
1077
- }
1078
- line-height: $modal-range-month-landscape-title-line-height;
1079
- }
1065
+ @if ($skin-name =='Material3') {
1066
+ margin-left: $modal-header-month-name-left-landscape-width;
1067
+ position: absolute;
1068
+ text-align: center;
1069
+ vertical-align: middle;
1070
+ width: $modal-header-month-name-width;
1071
+ line-height: $modal-month-name-line-height;
1072
+ }
1073
+
1074
+ line-height: $modal-range-month-landscape-title-line-height;
1075
+ }
1080
1076
 
1081
1077
  @media (min-height: 600px) {
1082
1078
  @if ($skin-name == 'Material3') {
package/SCSS-Themes/calendars/daterangepicker/bootstrap5.scss CHANGED
@@ -1031,13 +1031,11 @@ $range-header-font-size: 16px !default;
1031
1031
  height: $modal-range-prev-next-icon-size;
1032
1032
  width: $modal-range-prev-next-icon-size;
1033
1033
  @if ($skin-name == 'Material3') {
1034
- margin-right: 60vw;
1035
1034
  vertical-align: inherit;
1036
1035
  font-size: $modal-range-tablet-font-size
1037
1036
  }
1038
1037
  @media screen and (orientation: landscape) {
1039
1038
  @if ($skin-name == 'Material3') {
1040
- margin-right: 78vw;
1041
1039
  vertical-align: inherit;
1042
1040
  }
1043
1041
  }
@@ -1052,9 +1050,6 @@ $range-header-font-size: 16px !default;
1052
1050
  #{if(&, '&', '*')} .e-next {
1053
1051
  height: $modal-range-prev-next-icon-size;
1054
1052
  width: $modal-range-prev-next-icon-size;
1055
- @if ($skin-name == 'Material3') {
1056
- margin-right: 42px;
1057
- }
1058
1053
 
1059
1054
  #{if(&, '&', '*')} span {
1060
1055
  padding: $modal-range-prev-next-icon-padding;
@@ -1067,16 +1062,17 @@ $range-header-font-size: 16px !default;
1067
1062
 
1068
1063
  #{if(&, '&', '*')} .e-title {
1069
1064
  @media (max-height: 600px) {
1070
- @if ($skin-name == 'Material3') {
1071
- margin-left: $modal-header-month-name-left-width;
1072
- position: absolute;
1073
- text-align: center;
1074
- vertical-align: middle;
1075
- width: $modal-header-month-name-width;
1076
- line-height: $modal-month-name-line-height;
1077
- }
1078
- line-height: $modal-range-month-landscape-title-line-height;
1079
- }
1065
+ @if ($skin-name =='Material3') {
1066
+ margin-left: $modal-header-month-name-left-landscape-width;
1067
+ position: absolute;
1068
+ text-align: center;
1069
+ vertical-align: middle;
1070
+ width: $modal-header-month-name-width;
1071
+ line-height: $modal-month-name-line-height;
1072
+ }
1073
+
1074
+ line-height: $modal-range-month-landscape-title-line-height;
1075
+ }
1080
1076
 
1081
1077
  @media (min-height: 600px) {
1082
1078
  @if ($skin-name == 'Material3') {
package/SCSS-Themes/calendars/daterangepicker/fabric-dark.scss CHANGED
@@ -996,13 +996,11 @@ $range-header-font-size: 16px !default;
996
996
  height: $modal-range-prev-next-icon-size;
997
997
  width: $modal-range-prev-next-icon-size;
998
998
  @if ($skin-name == 'Material3') {
999
- margin-right: 60vw;
1000
999
  vertical-align: inherit;
1001
1000
  font-size: $modal-range-tablet-font-size
1002
1001
  }
1003
1002
  @media screen and (orientation: landscape) {
1004
1003
  @if ($skin-name == 'Material3') {
1005
- margin-right: 78vw;
1006
1004
  vertical-align: inherit;
1007
1005
  }
1008
1006
  }
@@ -1017,9 +1015,6 @@ $range-header-font-size: 16px !default;
1017
1015
  #{if(&, '&', '*')} .e-next {
1018
1016
  height: $modal-range-prev-next-icon-size;
1019
1017
  width: $modal-range-prev-next-icon-size;
1020
- @if ($skin-name == 'Material3') {
1021
- margin-right: 42px;
1022
- }
1023
1018
 
1024
1019
  #{if(&, '&', '*')} span {
1025
1020
  padding: $modal-range-prev-next-icon-padding;
@@ -1032,16 +1027,17 @@ $range-header-font-size: 16px !default;
1032
1027
 
1033
1028
  #{if(&, '&', '*')} .e-title {
1034
1029
  @media (max-height: 600px) {
1035
- @if ($skin-name == 'Material3') {
1036
- margin-left: $modal-header-month-name-left-width;
1037
- position: absolute;
1038
- text-align: center;
1039
- vertical-align: middle;
1040
- width: $modal-header-month-name-width;
1041
- line-height: $modal-month-name-line-height;
1042
- }
1043
- line-height: $modal-range-month-landscape-title-line-height;
1044
- }
1030
+ @if ($skin-name =='Material3') {
1031
+ margin-left: $modal-header-month-name-left-landscape-width;
1032
+ position: absolute;
1033
+ text-align: center;
1034
+ vertical-align: middle;
1035
+ width: $modal-header-month-name-width;
1036
+ line-height: $modal-month-name-line-height;
1037
+ }
1038
+
1039
+ line-height: $modal-range-month-landscape-title-line-height;
1040
+ }
1045
1041
 
1046
1042
  @media (min-height: 600px) {
1047
1043
  @if ($skin-name == 'Material3') {
package/SCSS-Themes/calendars/daterangepicker/fabric.scss CHANGED
@@ -993,13 +993,11 @@ $range-header-font-size: 16px !default;
993
993
  height: $modal-range-prev-next-icon-size;
994
994
  width: $modal-range-prev-next-icon-size;
995
995
  @if ($skin-name == 'Material3') {
996
- margin-right: 60vw;
997
996
  vertical-align: inherit;
998
997
  font-size: $modal-range-tablet-font-size
999
998
  }
1000
999
  @media screen and (orientation: landscape) {
1001
1000
  @if ($skin-name == 'Material3') {
1002
- margin-right: 78vw;
1003
1001
  vertical-align: inherit;
1004
1002
  }
1005
1003
  }
@@ -1014,9 +1012,6 @@ $range-header-font-size: 16px !default;
1014
1012
  #{if(&, '&', '*')} .e-next {
1015
1013
  height: $modal-range-prev-next-icon-size;
1016
1014
  width: $modal-range-prev-next-icon-size;
1017
- @if ($skin-name == 'Material3') {
1018
- margin-right: 42px;
1019
- }
1020
1015
 
1021
1016
  #{if(&, '&', '*')} span {
1022
1017
  padding: $modal-range-prev-next-icon-padding;
@@ -1029,16 +1024,17 @@ $range-header-font-size: 16px !default;
1029
1024
 
1030
1025
  #{if(&, '&', '*')} .e-title {
1031
1026
  @media (max-height: 600px) {
1032
- @if ($skin-name == 'Material3') {
1033
- margin-left: $modal-header-month-name-left-width;
1034
- position: absolute;
1035
- text-align: center;
1036
- vertical-align: middle;
1037
- width: $modal-header-month-name-width;
1038
- line-height: $modal-month-name-line-height;
1039
- }
1040
- line-height: $modal-range-month-landscape-title-line-height;
1041
- }
1027
+ @if ($skin-name =='Material3') {
1028
+ margin-left: $modal-header-month-name-left-landscape-width;
1029
+ position: absolute;
1030
+ text-align: center;
1031
+ vertical-align: middle;
1032
+ width: $modal-header-month-name-width;
1033
+ line-height: $modal-month-name-line-height;
1034
+ }
1035
+
1036
+ line-height: $modal-range-month-landscape-title-line-height;
1037
+ }
1042
1038
 
1043
1039
  @media (min-height: 600px) {
1044
1040
  @if ($skin-name == 'Material3') {
package/SCSS-Themes/calendars/daterangepicker/fluent-dark.scss CHANGED
@@ -1057,13 +1057,11 @@ $range-header-font-size: 16px !default;
1057
1057
  height: $modal-range-prev-next-icon-size;
1058
1058
  width: $modal-range-prev-next-icon-size;
1059
1059
  @if ($skin-name == 'Material3') {
1060
- margin-right: 60vw;
1061
1060
  vertical-align: inherit;
1062
1061
  font-size: $modal-range-tablet-font-size
1063
1062
  }
1064
1063
  @media screen and (orientation: landscape) {
1065
1064
  @if ($skin-name == 'Material3') {
1066
- margin-right: 78vw;
1067
1065
  vertical-align: inherit;
1068
1066
  }
1069
1067
  }
@@ -1078,9 +1076,6 @@ $range-header-font-size: 16px !default;
1078
1076
  #{if(&, '&', '*')} .e-next {
1079
1077
  height: $modal-range-prev-next-icon-size;
1080
1078
  width: $modal-range-prev-next-icon-size;
1081
- @if ($skin-name == 'Material3') {
1082
- margin-right: 42px;
1083
- }
1084
1079
 
1085
1080
  #{if(&, '&', '*')} span {
1086
1081
  padding: $modal-range-prev-next-icon-padding;
@@ -1093,16 +1088,17 @@ $range-header-font-size: 16px !default;
1093
1088
 
1094
1089
  #{if(&, '&', '*')} .e-title {
1095
1090
  @media (max-height: 600px) {
1096
- @if ($skin-name == 'Material3') {
1097
- margin-left: $modal-header-month-name-left-width;
1098
- position: absolute;
1099
- text-align: center;
1100
- vertical-align: middle;
1101
- width: $modal-header-month-name-width;
1102
- line-height: $modal-month-name-line-height;
1103
- }
1104
- line-height: $modal-range-month-landscape-title-line-height;
1105
- }
1091
+ @if ($skin-name =='Material3') {
1092
+ margin-left: $modal-header-month-name-left-landscape-width;
1093
+ position: absolute;
1094
+ text-align: center;
1095
+ vertical-align: middle;
1096
+ width: $modal-header-month-name-width;
1097
+ line-height: $modal-month-name-line-height;
1098
+ }
1099
+
1100
+ line-height: $modal-range-month-landscape-title-line-height;
1101
+ }
1106
1102
 
1107
1103
  @media (min-height: 600px) {
1108
1104
  @if ($skin-name == 'Material3') {
package/SCSS-Themes/calendars/daterangepicker/fluent.scss CHANGED
@@ -1057,13 +1057,11 @@ $range-header-font-size: 16px !default;
1057
1057
  height: $modal-range-prev-next-icon-size;
1058
1058
  width: $modal-range-prev-next-icon-size;
1059
1059
  @if ($skin-name == 'Material3') {
1060
- margin-right: 60vw;
1061
1060
  vertical-align: inherit;
1062
1061
  font-size: $modal-range-tablet-font-size
1063
1062
  }
1064
1063
  @media screen and (orientation: landscape) {
1065
1064
  @if ($skin-name == 'Material3') {
1066
- margin-right: 78vw;
1067
1065
  vertical-align: inherit;
1068
1066
  }
1069
1067
  }
@@ -1078,9 +1076,6 @@ $range-header-font-size: 16px !default;
1078
1076
  #{if(&, '&', '*')} .e-next {
1079
1077
  height: $modal-range-prev-next-icon-size;
1080
1078
  width: $modal-range-prev-next-icon-size;
1081
- @if ($skin-name == 'Material3') {
1082
- margin-right: 42px;
1083
- }
1084
1079
 
1085
1080
  #{if(&, '&', '*')} span {
1086
1081
  padding: $modal-range-prev-next-icon-padding;
@@ -1093,16 +1088,17 @@ $range-header-font-size: 16px !default;
1093
1088
 
1094
1089
  #{if(&, '&', '*')} .e-title {
1095
1090
  @media (max-height: 600px) {
1096
- @if ($skin-name == 'Material3') {
1097
- margin-left: $modal-header-month-name-left-width;
1098
- position: absolute;
1099
- text-align: center;
1100
- vertical-align: middle;
1101
- width: $modal-header-month-name-width;
1102
- line-height: $modal-month-name-line-height;
1103
- }
1104
- line-height: $modal-range-month-landscape-title-line-height;
1105
- }
1091
+ @if ($skin-name =='Material3') {
1092
+ margin-left: $modal-header-month-name-left-landscape-width;
1093
+ position: absolute;
1094
+ text-align: center;
1095
+ vertical-align: middle;
1096
+ width: $modal-header-month-name-width;
1097
+ line-height: $modal-month-name-line-height;
1098
+ }
1099
+
1100
+ line-height: $modal-range-month-landscape-title-line-height;
1101
+ }
1106
1102
 
1107
1103
  @media (min-height: 600px) {
1108
1104
  @if ($skin-name == 'Material3') {
package/SCSS-Themes/calendars/daterangepicker/highcontrast.scss CHANGED
@@ -993,13 +993,11 @@ $range-header-font-size: 16px !default;
993
993
  height: $modal-range-prev-next-icon-size;
994
994
  width: $modal-range-prev-next-icon-size;
995
995
  @if ($skin-name == 'Material3') {
996
- margin-right: 60vw;
997
996
  vertical-align: inherit;
998
997
  font-size: $modal-range-tablet-font-size
999
998
  }
1000
999
  @media screen and (orientation: landscape) {
1001
1000
  @if ($skin-name == 'Material3') {
1002
- margin-right: 78vw;
1003
1001
  vertical-align: inherit;
1004
1002
  }
1005
1003
  }
@@ -1014,9 +1012,6 @@ $range-header-font-size: 16px !default;
1014
1012
  #{if(&, '&', '*')} .e-next {
1015
1013
  height: $modal-range-prev-next-icon-size;
1016
1014
  width: $modal-range-prev-next-icon-size;
1017
- @if ($skin-name == 'Material3') {
1018
- margin-right: 42px;
1019
- }
1020
1015
 
1021
1016
  #{if(&, '&', '*')} span {
1022
1017
  padding: $modal-range-prev-next-icon-padding;
@@ -1029,16 +1024,17 @@ $range-header-font-size: 16px !default;
1029
1024
 
1030
1025
  #{if(&, '&', '*')} .e-title {
1031
1026
  @media (max-height: 600px) {
1032
- @if ($skin-name == 'Material3') {
1033
- margin-left: $modal-header-month-name-left-width;
1034
- position: absolute;
1035
- text-align: center;
1036
- vertical-align: middle;
1037
- width: $modal-header-month-name-width;
1038
- line-height: $modal-month-name-line-height;
1039
- }
1040
- line-height: $modal-range-month-landscape-title-line-height;
1041
- }
1027
+ @if ($skin-name =='Material3') {
1028
+ margin-left: $modal-header-month-name-left-landscape-width;
1029
+ position: absolute;
1030
+ text-align: center;
1031
+ vertical-align: middle;
1032
+ width: $modal-header-month-name-width;
1033
+ line-height: $modal-month-name-line-height;
1034
+ }
1035
+
1036
+ line-height: $modal-range-month-landscape-title-line-height;
1037
+ }
1042
1038
 
1043
1039
  @media (min-height: 600px) {
1044
1040
  @if ($skin-name == 'Material3') {
package/SCSS-Themes/calendars/daterangepicker/material-dark.scss CHANGED
@@ -1001,13 +1001,11 @@ $range-header-font-size: 16px !default;
1001
1001
  height: $modal-range-prev-next-icon-size;
1002
1002
  width: $modal-range-prev-next-icon-size;
1003
1003
  @if ($skin-name == 'Material3') {
1004
- margin-right: 60vw;
1005
1004
  vertical-align: inherit;
1006
1005
  font-size: $modal-range-tablet-font-size
1007
1006
  }
1008
1007
  @media screen and (orientation: landscape) {
1009
1008
  @if ($skin-name == 'Material3') {
1010
- margin-right: 78vw;
1011
1009
  vertical-align: inherit;
1012
1010
  }
1013
1011
  }
@@ -1022,9 +1020,6 @@ $range-header-font-size: 16px !default;
1022
1020
  #{if(&, '&', '*')} .e-next {
1023
1021
  height: $modal-range-prev-next-icon-size;
1024
1022
  width: $modal-range-prev-next-icon-size;
1025
- @if ($skin-name == 'Material3') {
1026
- margin-right: 42px;
1027
- }
1028
1023
 
1029
1024
  #{if(&, '&', '*')} span {
1030
1025
  padding: $modal-range-prev-next-icon-padding;
@@ -1037,16 +1032,17 @@ $range-header-font-size: 16px !default;
1037
1032
 
1038
1033
  #{if(&, '&', '*')} .e-title {
1039
1034
  @media (max-height: 600px) {
1040
- @if ($skin-name == 'Material3') {
1041
- margin-left: $modal-header-month-name-left-width;
1042
- position: absolute;
1043
- text-align: center;
1044
- vertical-align: middle;
1045
- width: $modal-header-month-name-width;
1046
- line-height: $modal-month-name-line-height;
1047
- }
1048
- line-height: $modal-range-month-landscape-title-line-height;
1049
- }
1035
+ @if ($skin-name =='Material3') {
1036
+ margin-left: $modal-header-month-name-left-landscape-width;
1037
+ position: absolute;
1038
+ text-align: center;
1039
+ vertical-align: middle;
1040
+ width: $modal-header-month-name-width;
1041
+ line-height: $modal-month-name-line-height;
1042
+ }
1043
+
1044
+ line-height: $modal-range-month-landscape-title-line-height;
1045
+ }
1050
1046
 
1051
1047
  @media (min-height: 600px) {
1052
1048
  @if ($skin-name == 'Material3') {
package/SCSS-Themes/calendars/daterangepicker/material.scss CHANGED
@@ -1001,13 +1001,11 @@ $range-header-font-size: 16px !default;
1001
1001
  height: $modal-range-prev-next-icon-size;
1002
1002
  width: $modal-range-prev-next-icon-size;
1003
1003
  @if ($skin-name == 'Material3') {
1004
- margin-right: 60vw;
1005
1004
  vertical-align: inherit;
1006
1005
  font-size: $modal-range-tablet-font-size
1007
1006
  }
1008
1007
  @media screen and (orientation: landscape) {
1009
1008
  @if ($skin-name == 'Material3') {
1010
- margin-right: 78vw;
1011
1009
  vertical-align: inherit;
1012
1010
  }
1013
1011
  }
@@ -1022,9 +1020,6 @@ $range-header-font-size: 16px !default;
1022
1020
  #{if(&, '&', '*')} .e-next {
1023
1021
  height: $modal-range-prev-next-icon-size;
1024
1022
  width: $modal-range-prev-next-icon-size;
1025
- @if ($skin-name == 'Material3') {
1026
- margin-right: 42px;
1027
- }
1028
1023
 
1029
1024
  #{if(&, '&', '*')} span {
1030
1025
  padding: $modal-range-prev-next-icon-padding;
@@ -1037,16 +1032,17 @@ $range-header-font-size: 16px !default;
1037
1032
 
1038
1033
  #{if(&, '&', '*')} .e-title {
1039
1034
  @media (max-height: 600px) {
1040
- @if ($skin-name == 'Material3') {
1041
- margin-left: $modal-header-month-name-left-width;
1042
- position: absolute;
1043
- text-align: center;
1044
- vertical-align: middle;
1045
- width: $modal-header-month-name-width;
1046
- line-height: $modal-month-name-line-height;
1047
- }
1048
- line-height: $modal-range-month-landscape-title-line-height;
1049
- }
1035
+ @if ($skin-name =='Material3') {
1036
+ margin-left: $modal-header-month-name-left-landscape-width;
1037
+ position: absolute;
1038
+ text-align: center;
1039
+ vertical-align: middle;
1040
+ width: $modal-header-month-name-width;
1041
+ line-height: $modal-month-name-line-height;
1042
+ }
1043
+
1044
+ line-height: $modal-range-month-landscape-title-line-height;
1045
+ }
1050
1046
 
1051
1047
  @media (min-height: 600px) {
1052
1048
  @if ($skin-name == 'Material3') {
package/SCSS-Themes/calendars/daterangepicker/material3-dark.scss CHANGED
@@ -263,7 +263,8 @@ $modal-range-landscape-conetent-overflow: auto !default;
263
263
  $modal-range-table-display: table !default;
264
264
  $modal-range-start-end-size: 28px !default;
265
265
  $modal-month-name-line-height: 44px !default;
266
- $modal-header-month-name-left-width: -25vw !default;
266
+ $modal-header-month-name-left-width: -29vw !default;
267
+ $modal-header-month-name-left-landscape-width: -27vw !default;
267
268
  $modal-header-month-name-width: 50vw !default;
268
269
 
269
270
  // header styles for presets
@@ -1016,13 +1017,11 @@ $range-header-font-size: 16px !default;
1016
1017
  height: $modal-range-prev-next-icon-size;
1017
1018
  width: $modal-range-prev-next-icon-size;
1018
1019
  @if ($skin-name == 'Material3') {
1019
- margin-right: 60vw;
1020
1020
  vertical-align: inherit;
1021
1021
  font-size: $modal-range-tablet-font-size
1022
1022
  }
1023
1023
  @media screen and (orientation: landscape) {
1024
1024
  @if ($skin-name == 'Material3') {
1025
- margin-right: 78vw;
1026
1025
  vertical-align: inherit;
1027
1026
  }
1028
1027
  }
@@ -1037,9 +1036,6 @@ $range-header-font-size: 16px !default;
1037
1036
  #{if(&, '&', '*')} .e-next {
1038
1037
  height: $modal-range-prev-next-icon-size;
1039
1038
  width: $modal-range-prev-next-icon-size;
1040
- @if ($skin-name == 'Material3') {
1041
- margin-right: 42px;
1042
- }
1043
1039
 
1044
1040
  #{if(&, '&', '*')} span {
1045
1041
  padding: $modal-range-prev-next-icon-padding;
@@ -1052,16 +1048,17 @@ $range-header-font-size: 16px !default;
1052
1048
 
1053
1049
  #{if(&, '&', '*')} .e-title {
1054
1050
  @media (max-height: 600px) {
1055
- @if ($skin-name == 'Material3') {
1056
- margin-left: $modal-header-month-name-left-width;
1057
- position: absolute;
1058
- text-align: center;
1059
- vertical-align: middle;
1060
- width: $modal-header-month-name-width;
1061
- line-height: $modal-month-name-line-height;
1062
- }
1063
- line-height: $modal-range-month-landscape-title-line-height;
1064
- }
1051
+ @if ($skin-name =='Material3') {
1052
+ margin-left: $modal-header-month-name-left-landscape-width;
1053
+ position: absolute;
1054
+ text-align: center;
1055
+ vertical-align: middle;
1056
+ width: $modal-header-month-name-width;
1057
+ line-height: $modal-month-name-line-height;
1058
+ }
1059
+
1060
+ line-height: $modal-range-month-landscape-title-line-height;
1061
+ }
1065
1062
 
1066
1063
  @media (min-height: 600px) {
1067
1064
  @if ($skin-name == 'Material3') {