@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/buttons/button/material3-dark.scss CHANGED
@@ -1750,7 +1750,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
1750
1750
 
1751
1751
  &:focus-visible { // only for keybord
1752
1752
  @if $skin-name == 'FluentUI' {
1753
- background: $btn-bgcolor;
1753
+ background: $btn-focus-bgcolor;
1754
1754
  }
1755
1755
  @if $skin-name == 'Material3' {
1756
1756
  background: $btn-active-bgcolor;
@@ -1830,7 +1830,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
1830
1830
 
1831
1831
  &:focus-visible { // only for keybord
1832
1832
  @if $skin-name == 'FluentUI' {
1833
- background: $btn-bgcolor;
1833
+ background: $btn-focus-bgcolor;
1834
1834
  }
1835
1835
  @if $skin-name == 'Material3' {
1836
1836
  background: $btn-active-bgcolor;
@@ -1882,7 +1882,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
1882
1882
 
1883
1883
  &:focus-visible { // only for keybord
1884
1884
  @if $skin-name == 'FluentUI' {
1885
- background: $btn-primary-bgcolor;
1885
+ background: $btn-primary-focus-bgcolor;
1886
1886
  }
1887
1887
  @if $skin-name == 'Material3' {
1888
1888
  background: $btn-primary-active-bgcolor;
@@ -1908,7 +1908,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
1908
1908
 
1909
1909
  &:focus-visible { // only for keybord
1910
1910
  @if $skin-name == 'FluentUI' {
1911
- background: $btn-success-bgcolor;
1911
+ background: $btn-success-focus-bgcolor;
1912
1912
  }
1913
1913
  @if $skin-name == 'Material3' {
1914
1914
  background: $btn-success-active-bgcolor;
@@ -1934,7 +1934,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
1934
1934
 
1935
1935
  &:focus-visible { // only for keybord
1936
1936
  @if $skin-name == 'FluentUI' {
1937
- background: $btn-info-bgcolor;
1937
+ background: $btn-info-focus-bgcolor;
1938
1938
  }
1939
1939
  @if $skin-name == 'Material3' {
1940
1940
  background: $btn-info-active-bgcolor;
@@ -1960,7 +1960,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
1960
1960
 
1961
1961
  &:focus-visible { // only for keybord
1962
1962
  @if $skin-name == 'FluentUI' {
1963
- background: $btn-warning-bgcolor;
1963
+ background: $btn-warning-focus-bgcolor;
1964
1964
  }
1965
1965
  @if $skin-name == 'Material3' {
1966
1966
  background: $btn-warning-active-bgcolor;
@@ -1986,7 +1986,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
1986
1986
 
1987
1987
  &:focus-visible { // only for keybord
1988
1988
  @if $skin-name == 'FluentUI' {
1989
- background: $btn-danger-bgcolor;
1989
+ background: $btn-danger-focus-bgcolor;
1990
1990
  }
1991
1991
  @if $skin-name == 'Material3' {
1992
1992
  background: $btn-danger-active-bgcolor;
@@ -2030,7 +2030,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
2030
2030
 
2031
2031
  &:focus-visible { // only for keybord
2032
2032
  @if $skin-name == 'FluentUI' {
2033
- background: $btn-primary-bgcolor;
2033
+ background: $btn-primary-focus-bgcolor;
2034
2034
  }
2035
2035
  @if $skin-name == 'Material3' {
2036
2036
  background: $btn-primary-active-bgcolor;
@@ -2099,7 +2099,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
2099
2099
 
2100
2100
  &:focus-visible { // only for keybord
2101
2101
  @if $skin-name == 'FluentUI' {
2102
- background: $btn-success-bgcolor;
2102
+ background: $btn-success-focus-bgcolor;
2103
2103
  }
2104
2104
  @if $skin-name == 'Material3' {
2105
2105
  background: $btn-success-active-bgcolor;
@@ -2156,7 +2156,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
2156
2156
 
2157
2157
  &:focus-visible { // only for keybord
2158
2158
  @if $skin-name == 'FluentUI' {
2159
- background: $btn-info-bgcolor;
2159
+ background: $btn-info-focus-bgcolor;
2160
2160
  }
2161
2161
  @if $skin-name == 'Material3' {
2162
2162
  background: $btn-info-active-bgcolor;
@@ -2213,7 +2213,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
2213
2213
 
2214
2214
  &:focus-visible { // only for keybord
2215
2215
  @if $skin-name == 'FluentUI' {
2216
- background: $btn-warning-bgcolor;
2216
+ background: $btn-warning-focus-bgcolor;
2217
2217
  }
2218
2218
  @if $skin-name == 'Material3' {
2219
2219
  background: $btn-warning-active-bgcolor;
@@ -2270,7 +2270,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
2270
2270
 
2271
2271
  &:focus-visible { // only for keybord
2272
2272
  @if $skin-name == 'FluentUI' {
2273
- background: $btn-danger-bgcolor;
2273
+ background: $btn-danger-focus-bgcolor;
2274
2274
  }
2275
2275
  @if $skin-name == 'Material3' {
2276
2276
  background: $btn-danger-active-bgcolor;
package/SCSS-Themes/buttons/button/material3.scss CHANGED
@@ -1750,7 +1750,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
1750
1750
 
1751
1751
  &:focus-visible { // only for keybord
1752
1752
  @if $skin-name == 'FluentUI' {
1753
- background: $btn-bgcolor;
1753
+ background: $btn-focus-bgcolor;
1754
1754
  }
1755
1755
  @if $skin-name == 'Material3' {
1756
1756
  background: $btn-active-bgcolor;
@@ -1830,7 +1830,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
1830
1830
 
1831
1831
  &:focus-visible { // only for keybord
1832
1832
  @if $skin-name == 'FluentUI' {
1833
- background: $btn-bgcolor;
1833
+ background: $btn-focus-bgcolor;
1834
1834
  }
1835
1835
  @if $skin-name == 'Material3' {
1836
1836
  background: $btn-active-bgcolor;
@@ -1882,7 +1882,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
1882
1882
 
1883
1883
  &:focus-visible { // only for keybord
1884
1884
  @if $skin-name == 'FluentUI' {
1885
- background: $btn-primary-bgcolor;
1885
+ background: $btn-primary-focus-bgcolor;
1886
1886
  }
1887
1887
  @if $skin-name == 'Material3' {
1888
1888
  background: $btn-primary-active-bgcolor;
@@ -1908,7 +1908,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
1908
1908
 
1909
1909
  &:focus-visible { // only for keybord
1910
1910
  @if $skin-name == 'FluentUI' {
1911
- background: $btn-success-bgcolor;
1911
+ background: $btn-success-focus-bgcolor;
1912
1912
  }
1913
1913
  @if $skin-name == 'Material3' {
1914
1914
  background: $btn-success-active-bgcolor;
@@ -1934,7 +1934,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
1934
1934
 
1935
1935
  &:focus-visible { // only for keybord
1936
1936
  @if $skin-name == 'FluentUI' {
1937
- background: $btn-info-bgcolor;
1937
+ background: $btn-info-focus-bgcolor;
1938
1938
  }
1939
1939
  @if $skin-name == 'Material3' {
1940
1940
  background: $btn-info-active-bgcolor;
@@ -1960,7 +1960,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
1960
1960
 
1961
1961
  &:focus-visible { // only for keybord
1962
1962
  @if $skin-name == 'FluentUI' {
1963
- background: $btn-warning-bgcolor;
1963
+ background: $btn-warning-focus-bgcolor;
1964
1964
  }
1965
1965
  @if $skin-name == 'Material3' {
1966
1966
  background: $btn-warning-active-bgcolor;
@@ -1986,7 +1986,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
1986
1986
 
1987
1987
  &:focus-visible { // only for keybord
1988
1988
  @if $skin-name == 'FluentUI' {
1989
- background: $btn-danger-bgcolor;
1989
+ background: $btn-danger-focus-bgcolor;
1990
1990
  }
1991
1991
  @if $skin-name == 'Material3' {
1992
1992
  background: $btn-danger-active-bgcolor;
@@ -2030,7 +2030,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
2030
2030
 
2031
2031
  &:focus-visible { // only for keybord
2032
2032
  @if $skin-name == 'FluentUI' {
2033
- background: $btn-primary-bgcolor;
2033
+ background: $btn-primary-focus-bgcolor;
2034
2034
  }
2035
2035
  @if $skin-name == 'Material3' {
2036
2036
  background: $btn-primary-active-bgcolor;
@@ -2099,7 +2099,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
2099
2099
 
2100
2100
  &:focus-visible { // only for keybord
2101
2101
  @if $skin-name == 'FluentUI' {
2102
- background: $btn-success-bgcolor;
2102
+ background: $btn-success-focus-bgcolor;
2103
2103
  }
2104
2104
  @if $skin-name == 'Material3' {
2105
2105
  background: $btn-success-active-bgcolor;
@@ -2156,7 +2156,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
2156
2156
 
2157
2157
  &:focus-visible { // only for keybord
2158
2158
  @if $skin-name == 'FluentUI' {
2159
- background: $btn-info-bgcolor;
2159
+ background: $btn-info-focus-bgcolor;
2160
2160
  }
2161
2161
  @if $skin-name == 'Material3' {
2162
2162
  background: $btn-info-active-bgcolor;
@@ -2213,7 +2213,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
2213
2213
 
2214
2214
  &:focus-visible { // only for keybord
2215
2215
  @if $skin-name == 'FluentUI' {
2216
- background: $btn-warning-bgcolor;
2216
+ background: $btn-warning-focus-bgcolor;
2217
2217
  }
2218
2218
  @if $skin-name == 'Material3' {
2219
2219
  background: $btn-warning-active-bgcolor;
@@ -2270,7 +2270,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
2270
2270
 
2271
2271
  &:focus-visible { // only for keybord
2272
2272
  @if $skin-name == 'FluentUI' {
2273
- background: $btn-danger-bgcolor;
2273
+ background: $btn-danger-focus-bgcolor;
2274
2274
  }
2275
2275
  @if $skin-name == 'Material3' {
2276
2276
  background: $btn-danger-active-bgcolor;
package/SCSS-Themes/buttons/button/tailwind-dark.scss CHANGED
@@ -1727,7 +1727,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
1727
1727
 
1728
1728
  &:focus-visible { // only for keybord
1729
1729
  @if $skin-name == 'FluentUI' {
1730
- background: $btn-bgcolor;
1730
+ background: $btn-focus-bgcolor;
1731
1731
  }
1732
1732
  @if $skin-name == 'Material3' {
1733
1733
  background: $btn-active-bgcolor;
@@ -1807,7 +1807,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
1807
1807
 
1808
1808
  &:focus-visible { // only for keybord
1809
1809
  @if $skin-name == 'FluentUI' {
1810
- background: $btn-bgcolor;
1810
+ background: $btn-focus-bgcolor;
1811
1811
  }
1812
1812
  @if $skin-name == 'Material3' {
1813
1813
  background: $btn-active-bgcolor;
@@ -1859,7 +1859,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
1859
1859
 
1860
1860
  &:focus-visible { // only for keybord
1861
1861
  @if $skin-name == 'FluentUI' {
1862
- background: $btn-primary-bgcolor;
1862
+ background: $btn-primary-focus-bgcolor;
1863
1863
  }
1864
1864
  @if $skin-name == 'Material3' {
1865
1865
  background: $btn-primary-active-bgcolor;
@@ -1885,7 +1885,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
1885
1885
 
1886
1886
  &:focus-visible { // only for keybord
1887
1887
  @if $skin-name == 'FluentUI' {
1888
- background: $btn-success-bgcolor;
1888
+ background: $btn-success-focus-bgcolor;
1889
1889
  }
1890
1890
  @if $skin-name == 'Material3' {
1891
1891
  background: $btn-success-active-bgcolor;
@@ -1911,7 +1911,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
1911
1911
 
1912
1912
  &:focus-visible { // only for keybord
1913
1913
  @if $skin-name == 'FluentUI' {
1914
- background: $btn-info-bgcolor;
1914
+ background: $btn-info-focus-bgcolor;
1915
1915
  }
1916
1916
  @if $skin-name == 'Material3' {
1917
1917
  background: $btn-info-active-bgcolor;
@@ -1937,7 +1937,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
1937
1937
 
1938
1938
  &:focus-visible { // only for keybord
1939
1939
  @if $skin-name == 'FluentUI' {
1940
- background: $btn-warning-bgcolor;
1940
+ background: $btn-warning-focus-bgcolor;
1941
1941
  }
1942
1942
  @if $skin-name == 'Material3' {
1943
1943
  background: $btn-warning-active-bgcolor;
@@ -1963,7 +1963,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
1963
1963
 
1964
1964
  &:focus-visible { // only for keybord
1965
1965
  @if $skin-name == 'FluentUI' {
1966
- background: $btn-danger-bgcolor;
1966
+ background: $btn-danger-focus-bgcolor;
1967
1967
  }
1968
1968
  @if $skin-name == 'Material3' {
1969
1969
  background: $btn-danger-active-bgcolor;
@@ -2007,7 +2007,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
2007
2007
 
2008
2008
  &:focus-visible { // only for keybord
2009
2009
  @if $skin-name == 'FluentUI' {
2010
- background: $btn-primary-bgcolor;
2010
+ background: $btn-primary-focus-bgcolor;
2011
2011
  }
2012
2012
  @if $skin-name == 'Material3' {
2013
2013
  background: $btn-primary-active-bgcolor;
@@ -2076,7 +2076,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
2076
2076
 
2077
2077
  &:focus-visible { // only for keybord
2078
2078
  @if $skin-name == 'FluentUI' {
2079
- background: $btn-success-bgcolor;
2079
+ background: $btn-success-focus-bgcolor;
2080
2080
  }
2081
2081
  @if $skin-name == 'Material3' {
2082
2082
  background: $btn-success-active-bgcolor;
@@ -2133,7 +2133,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
2133
2133
 
2134
2134
  &:focus-visible { // only for keybord
2135
2135
  @if $skin-name == 'FluentUI' {
2136
- background: $btn-info-bgcolor;
2136
+ background: $btn-info-focus-bgcolor;
2137
2137
  }
2138
2138
  @if $skin-name == 'Material3' {
2139
2139
  background: $btn-info-active-bgcolor;
@@ -2190,7 +2190,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
2190
2190
 
2191
2191
  &:focus-visible { // only for keybord
2192
2192
  @if $skin-name == 'FluentUI' {
2193
- background: $btn-warning-bgcolor;
2193
+ background: $btn-warning-focus-bgcolor;
2194
2194
  }
2195
2195
  @if $skin-name == 'Material3' {
2196
2196
  background: $btn-warning-active-bgcolor;
@@ -2247,7 +2247,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
2247
2247
 
2248
2248
  &:focus-visible { // only for keybord
2249
2249
  @if $skin-name == 'FluentUI' {
2250
- background: $btn-danger-bgcolor;
2250
+ background: $btn-danger-focus-bgcolor;
2251
2251
  }
2252
2252
  @if $skin-name == 'Material3' {
2253
2253
  background: $btn-danger-active-bgcolor;
package/SCSS-Themes/buttons/button/tailwind.scss CHANGED
@@ -1727,7 +1727,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
1727
1727
 
1728
1728
  &:focus-visible { // only for keybord
1729
1729
  @if $skin-name == 'FluentUI' {
1730
- background: $btn-bgcolor;
1730
+ background: $btn-focus-bgcolor;
1731
1731
  }
1732
1732
  @if $skin-name == 'Material3' {
1733
1733
  background: $btn-active-bgcolor;
@@ -1807,7 +1807,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
1807
1807
 
1808
1808
  &:focus-visible { // only for keybord
1809
1809
  @if $skin-name == 'FluentUI' {
1810
- background: $btn-bgcolor;
1810
+ background: $btn-focus-bgcolor;
1811
1811
  }
1812
1812
  @if $skin-name == 'Material3' {
1813
1813
  background: $btn-active-bgcolor;
@@ -1859,7 +1859,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
1859
1859
 
1860
1860
  &:focus-visible { // only for keybord
1861
1861
  @if $skin-name == 'FluentUI' {
1862
- background: $btn-primary-bgcolor;
1862
+ background: $btn-primary-focus-bgcolor;
1863
1863
  }
1864
1864
  @if $skin-name == 'Material3' {
1865
1865
  background: $btn-primary-active-bgcolor;
@@ -1885,7 +1885,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
1885
1885
 
1886
1886
  &:focus-visible { // only for keybord
1887
1887
  @if $skin-name == 'FluentUI' {
1888
- background: $btn-success-bgcolor;
1888
+ background: $btn-success-focus-bgcolor;
1889
1889
  }
1890
1890
  @if $skin-name == 'Material3' {
1891
1891
  background: $btn-success-active-bgcolor;
@@ -1911,7 +1911,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
1911
1911
 
1912
1912
  &:focus-visible { // only for keybord
1913
1913
  @if $skin-name == 'FluentUI' {
1914
- background: $btn-info-bgcolor;
1914
+ background: $btn-info-focus-bgcolor;
1915
1915
  }
1916
1916
  @if $skin-name == 'Material3' {
1917
1917
  background: $btn-info-active-bgcolor;
@@ -1937,7 +1937,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
1937
1937
 
1938
1938
  &:focus-visible { // only for keybord
1939
1939
  @if $skin-name == 'FluentUI' {
1940
- background: $btn-warning-bgcolor;
1940
+ background: $btn-warning-focus-bgcolor;
1941
1941
  }
1942
1942
  @if $skin-name == 'Material3' {
1943
1943
  background: $btn-warning-active-bgcolor;
@@ -1963,7 +1963,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
1963
1963
 
1964
1964
  &:focus-visible { // only for keybord
1965
1965
  @if $skin-name == 'FluentUI' {
1966
- background: $btn-danger-bgcolor;
1966
+ background: $btn-danger-focus-bgcolor;
1967
1967
  }
1968
1968
  @if $skin-name == 'Material3' {
1969
1969
  background: $btn-danger-active-bgcolor;
@@ -2007,7 +2007,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
2007
2007
 
2008
2008
  &:focus-visible { // only for keybord
2009
2009
  @if $skin-name == 'FluentUI' {
2010
- background: $btn-primary-bgcolor;
2010
+ background: $btn-primary-focus-bgcolor;
2011
2011
  }
2012
2012
  @if $skin-name == 'Material3' {
2013
2013
  background: $btn-primary-active-bgcolor;
@@ -2076,7 +2076,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
2076
2076
 
2077
2077
  &:focus-visible { // only for keybord
2078
2078
  @if $skin-name == 'FluentUI' {
2079
- background: $btn-success-bgcolor;
2079
+ background: $btn-success-focus-bgcolor;
2080
2080
  }
2081
2081
  @if $skin-name == 'Material3' {
2082
2082
  background: $btn-success-active-bgcolor;
@@ -2133,7 +2133,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
2133
2133
 
2134
2134
  &:focus-visible { // only for keybord
2135
2135
  @if $skin-name == 'FluentUI' {
2136
- background: $btn-info-bgcolor;
2136
+ background: $btn-info-focus-bgcolor;
2137
2137
  }
2138
2138
  @if $skin-name == 'Material3' {
2139
2139
  background: $btn-info-active-bgcolor;
@@ -2190,7 +2190,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
2190
2190
 
2191
2191
  &:focus-visible { // only for keybord
2192
2192
  @if $skin-name == 'FluentUI' {
2193
- background: $btn-warning-bgcolor;
2193
+ background: $btn-warning-focus-bgcolor;
2194
2194
  }
2195
2195
  @if $skin-name == 'Material3' {
2196
2196
  background: $btn-warning-active-bgcolor;
@@ -2247,7 +2247,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
2247
2247
 
2248
2248
  &:focus-visible { // only for keybord
2249
2249
  @if $skin-name == 'FluentUI' {
2250
- background: $btn-danger-bgcolor;
2250
+ background: $btn-danger-focus-bgcolor;
2251
2251
  }
2252
2252
  @if $skin-name == 'Material3' {
2253
2253
  background: $btn-danger-active-bgcolor;
package/SCSS-Themes/buttons/check-box/bootstrap-dark.scss CHANGED
@@ -744,6 +744,9 @@ $cbox-border-style: solid !default;
744
744
 
745
745
  &:not(.e-check):not(.e-stop) {
746
746
  color: $cbox-icon-color;
747
+ @media (max-width: 768px) {
748
+ color: $cbox-bgcolor;
749
+ }
747
750
  }
748
751
  }
749
752
  }
package/SCSS-Themes/buttons/check-box/bootstrap.scss CHANGED
@@ -741,6 +741,9 @@ $cbox-key-focussed-bgcolor: transparent !default;
741
741
 
742
742
  &:not(.e-check):not(.e-stop) {
743
743
  color: $cbox-icon-color;
744
+ @media (max-width: 768px) {
745
+ color: $cbox-bgcolor;
746
+ }
744
747
  }
745
748
  }
746
749
  }
package/SCSS-Themes/buttons/check-box/bootstrap4.scss CHANGED
@@ -744,6 +744,9 @@ $cbox-border-style: solid !default;
744
744
 
745
745
  &:not(.e-check):not(.e-stop) {
746
746
  color: $cbox-icon-color;
747
+ @media (max-width: 768px) {
748
+ color: $cbox-bgcolor;
749
+ }
747
750
  }
748
751
  }
749
752
  }
package/SCSS-Themes/buttons/check-box/bootstrap5-dark.scss CHANGED
@@ -744,6 +744,9 @@ $cbox-border-style: solid !default;
744
744
 
745
745
  &:not(.e-check):not(.e-stop) {
746
746
  color: $cbox-icon-color;
747
+ @media (max-width: 768px) {
748
+ color: $cbox-bgcolor;
749
+ }
747
750
  }
748
751
  }
749
752
  }
package/SCSS-Themes/buttons/check-box/bootstrap5.scss CHANGED
@@ -744,6 +744,9 @@ $cbox-border-style: solid !default;
744
744
 
745
745
  &:not(.e-check):not(.e-stop) {
746
746
  color: $cbox-icon-color;
747
+ @media (max-width: 768px) {
748
+ color: $cbox-bgcolor;
749
+ }
747
750
  }
748
751
  }
749
752
  }
package/SCSS-Themes/buttons/check-box/fabric-dark.scss CHANGED
@@ -746,6 +746,9 @@ $cbox-ripple-size: -9px !default;
746
746
 
747
747
  &:not(.e-check):not(.e-stop) {
748
748
  color: $cbox-icon-color;
749
+ @media (max-width: 768px) {
750
+ color: $cbox-bgcolor;
751
+ }
749
752
  }
750
753
  }
751
754
  }
package/SCSS-Themes/buttons/check-box/fabric.scss CHANGED
@@ -743,6 +743,9 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
743
743
 
744
744
  &:not(.e-check):not(.e-stop) {
745
745
  color: $cbox-icon-color;
746
+ @media (max-width: 768px) {
747
+ color: $cbox-bgcolor;
748
+ }
746
749
  }
747
750
  }
748
751
  }
package/SCSS-Themes/buttons/check-box/fluent-dark.scss CHANGED
@@ -748,6 +748,9 @@ $cbox-icon-color: $icon-color !default;
748
748
 
749
749
  &:not(.e-check):not(.e-stop) {
750
750
  color: $cbox-icon-color;
751
+ @media (max-width: 768px) {
752
+ color: $cbox-bgcolor;
753
+ }
751
754
  }
752
755
  }
753
756
  }
package/SCSS-Themes/buttons/check-box/fluent.scss CHANGED
@@ -748,6 +748,9 @@ $cbox-icon-color: $icon-color !default;
748
748
 
749
749
  &:not(.e-check):not(.e-stop) {
750
750
  color: $cbox-icon-color;
751
+ @media (max-width: 768px) {
752
+ color: $cbox-bgcolor;
753
+ }
751
754
  }
752
755
  }
753
756
  }
package/SCSS-Themes/buttons/check-box/highcontrast.scss CHANGED
@@ -742,6 +742,9 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
742
742
 
743
743
  &:not(.e-check):not(.e-stop) {
744
744
  color: $cbox-icon-color;
745
+ @media (max-width: 768px) {
746
+ color: $cbox-bgcolor;
747
+ }
745
748
  }
746
749
  }
747
750
  }
package/SCSS-Themes/buttons/check-box/material-dark.scss CHANGED
@@ -747,6 +747,9 @@ $cbox-border-style: solid !default;
747
747
 
748
748
  &:not(.e-check):not(.e-stop) {
749
749
  color: $cbox-icon-color;
750
+ @media (max-width: 768px) {
751
+ color: $cbox-bgcolor;
752
+ }
750
753
  }
751
754
  }
752
755
  }
package/SCSS-Themes/buttons/check-box/material.scss CHANGED
@@ -743,6 +743,9 @@ $cbox-border-style: solid !default;
743
743
 
744
744
  &:not(.e-check):not(.e-stop) {
745
745
  color: $cbox-icon-color;
746
+ @media (max-width: 768px) {
747
+ color: $cbox-bgcolor;
748
+ }
746
749
  }
747
750
  }
748
751
  }
package/SCSS-Themes/buttons/check-box/material3-dark.scss CHANGED
@@ -744,6 +744,9 @@ $cbox-border-style: solid !default;
744
744
 
745
745
  &:not(.e-check):not(.e-stop) {
746
746
  color: $cbox-icon-color;
747
+ @media (max-width: 768px) {
748
+ color: $cbox-bgcolor;
749
+ }
747
750
  }
748
751
  }
749
752
  }
package/SCSS-Themes/buttons/check-box/material3.scss CHANGED
@@ -744,6 +744,9 @@ $cbox-border-style: solid !default;
744
744
 
745
745
  &:not(.e-check):not(.e-stop) {
746
746
  color: $cbox-icon-color;
747
+ @media (max-width: 768px) {
748
+ color: $cbox-bgcolor;
749
+ }
747
750
  }
748
751
  }
749
752
  }
package/SCSS-Themes/buttons/check-box/tailwind-dark.scss CHANGED
@@ -744,6 +744,9 @@ $cbox-border-style: solid !default;
744
744
 
745
745
  &:not(.e-check):not(.e-stop) {
746
746
  color: $cbox-icon-color;
747
+ @media (max-width: 768px) {
748
+ color: $cbox-bgcolor;
749
+ }
747
750
  }
748
751
  }
749
752
  }
package/SCSS-Themes/buttons/check-box/tailwind.scss CHANGED
@@ -744,6 +744,9 @@ $cbox-border-style: solid !default;
744
744
 
745
745
  &:not(.e-check):not(.e-stop) {
746
746
  color: $cbox-icon-color;
747
+ @media (max-width: 768px) {
748
+ color: $cbox-bgcolor;
749
+ }
747
750
  }
748
751
  }
749
752
  }
package/SCSS-Themes/calendars/daterangepicker/bootstrap-dark.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') {