@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/bootstrap-dark.scss CHANGED
@@ -1723,7 +1723,7 @@ $btn-focus-box-shadow: none !default;
1723
1723
 
1724
1724
  &:focus-visible { // only for keybord
1725
1725
  @if $skin-name == 'FluentUI' {
1726
- background: $btn-bgcolor;
1726
+ background: $btn-focus-bgcolor;
1727
1727
  }
1728
1728
  @if $skin-name == 'Material3' {
1729
1729
  background: $btn-active-bgcolor;
@@ -1803,7 +1803,7 @@ $btn-focus-box-shadow: none !default;
1803
1803
 
1804
1804
  &:focus-visible { // only for keybord
1805
1805
  @if $skin-name == 'FluentUI' {
1806
- background: $btn-bgcolor;
1806
+ background: $btn-focus-bgcolor;
1807
1807
  }
1808
1808
  @if $skin-name == 'Material3' {
1809
1809
  background: $btn-active-bgcolor;
@@ -1855,7 +1855,7 @@ $btn-focus-box-shadow: none !default;
1855
1855
 
1856
1856
  &:focus-visible { // only for keybord
1857
1857
  @if $skin-name == 'FluentUI' {
1858
- background: $btn-primary-bgcolor;
1858
+ background: $btn-primary-focus-bgcolor;
1859
1859
  }
1860
1860
  @if $skin-name == 'Material3' {
1861
1861
  background: $btn-primary-active-bgcolor;
@@ -1881,7 +1881,7 @@ $btn-focus-box-shadow: none !default;
1881
1881
 
1882
1882
  &:focus-visible { // only for keybord
1883
1883
  @if $skin-name == 'FluentUI' {
1884
- background: $btn-success-bgcolor;
1884
+ background: $btn-success-focus-bgcolor;
1885
1885
  }
1886
1886
  @if $skin-name == 'Material3' {
1887
1887
  background: $btn-success-active-bgcolor;
@@ -1907,7 +1907,7 @@ $btn-focus-box-shadow: none !default;
1907
1907
 
1908
1908
  &:focus-visible { // only for keybord
1909
1909
  @if $skin-name == 'FluentUI' {
1910
- background: $btn-info-bgcolor;
1910
+ background: $btn-info-focus-bgcolor;
1911
1911
  }
1912
1912
  @if $skin-name == 'Material3' {
1913
1913
  background: $btn-info-active-bgcolor;
@@ -1933,7 +1933,7 @@ $btn-focus-box-shadow: none !default;
1933
1933
 
1934
1934
  &:focus-visible { // only for keybord
1935
1935
  @if $skin-name == 'FluentUI' {
1936
- background: $btn-warning-bgcolor;
1936
+ background: $btn-warning-focus-bgcolor;
1937
1937
  }
1938
1938
  @if $skin-name == 'Material3' {
1939
1939
  background: $btn-warning-active-bgcolor;
@@ -1959,7 +1959,7 @@ $btn-focus-box-shadow: none !default;
1959
1959
 
1960
1960
  &:focus-visible { // only for keybord
1961
1961
  @if $skin-name == 'FluentUI' {
1962
- background: $btn-danger-bgcolor;
1962
+ background: $btn-danger-focus-bgcolor;
1963
1963
  }
1964
1964
  @if $skin-name == 'Material3' {
1965
1965
  background: $btn-danger-active-bgcolor;
@@ -2003,7 +2003,7 @@ $btn-focus-box-shadow: none !default;
2003
2003
 
2004
2004
  &:focus-visible { // only for keybord
2005
2005
  @if $skin-name == 'FluentUI' {
2006
- background: $btn-primary-bgcolor;
2006
+ background: $btn-primary-focus-bgcolor;
2007
2007
  }
2008
2008
  @if $skin-name == 'Material3' {
2009
2009
  background: $btn-primary-active-bgcolor;
@@ -2072,7 +2072,7 @@ $btn-focus-box-shadow: none !default;
2072
2072
 
2073
2073
  &:focus-visible { // only for keybord
2074
2074
  @if $skin-name == 'FluentUI' {
2075
- background: $btn-success-bgcolor;
2075
+ background: $btn-success-focus-bgcolor;
2076
2076
  }
2077
2077
  @if $skin-name == 'Material3' {
2078
2078
  background: $btn-success-active-bgcolor;
@@ -2129,7 +2129,7 @@ $btn-focus-box-shadow: none !default;
2129
2129
 
2130
2130
  &:focus-visible { // only for keybord
2131
2131
  @if $skin-name == 'FluentUI' {
2132
- background: $btn-info-bgcolor;
2132
+ background: $btn-info-focus-bgcolor;
2133
2133
  }
2134
2134
  @if $skin-name == 'Material3' {
2135
2135
  background: $btn-info-active-bgcolor;
@@ -2186,7 +2186,7 @@ $btn-focus-box-shadow: none !default;
2186
2186
 
2187
2187
  &:focus-visible { // only for keybord
2188
2188
  @if $skin-name == 'FluentUI' {
2189
- background: $btn-warning-bgcolor;
2189
+ background: $btn-warning-focus-bgcolor;
2190
2190
  }
2191
2191
  @if $skin-name == 'Material3' {
2192
2192
  background: $btn-warning-active-bgcolor;
@@ -2243,7 +2243,7 @@ $btn-focus-box-shadow: none !default;
2243
2243
 
2244
2244
  &:focus-visible { // only for keybord
2245
2245
  @if $skin-name == 'FluentUI' {
2246
- background: $btn-danger-bgcolor;
2246
+ background: $btn-danger-focus-bgcolor;
2247
2247
  }
2248
2248
  @if $skin-name == 'Material3' {
2249
2249
  background: $btn-danger-active-bgcolor;
package/SCSS-Themes/buttons/button/bootstrap.scss CHANGED
@@ -1657,7 +1657,7 @@ $btn-focus-box-shadow: none !default;
1657
1657
 
1658
1658
  &:focus-visible { // only for keybord
1659
1659
  @if $skin-name == 'FluentUI' {
1660
- background: $btn-bgcolor;
1660
+ background: $btn-focus-bgcolor;
1661
1661
  }
1662
1662
  @if $skin-name == 'Material3' {
1663
1663
  background: $btn-active-bgcolor;
@@ -1737,7 +1737,7 @@ $btn-focus-box-shadow: none !default;
1737
1737
 
1738
1738
  &:focus-visible { // only for keybord
1739
1739
  @if $skin-name == 'FluentUI' {
1740
- background: $btn-bgcolor;
1740
+ background: $btn-focus-bgcolor;
1741
1741
  }
1742
1742
  @if $skin-name == 'Material3' {
1743
1743
  background: $btn-active-bgcolor;
@@ -1789,7 +1789,7 @@ $btn-focus-box-shadow: none !default;
1789
1789
 
1790
1790
  &:focus-visible { // only for keybord
1791
1791
  @if $skin-name == 'FluentUI' {
1792
- background: $btn-primary-bgcolor;
1792
+ background: $btn-primary-focus-bgcolor;
1793
1793
  }
1794
1794
  @if $skin-name == 'Material3' {
1795
1795
  background: $btn-primary-active-bgcolor;
@@ -1815,7 +1815,7 @@ $btn-focus-box-shadow: none !default;
1815
1815
 
1816
1816
  &:focus-visible { // only for keybord
1817
1817
  @if $skin-name == 'FluentUI' {
1818
- background: $btn-success-bgcolor;
1818
+ background: $btn-success-focus-bgcolor;
1819
1819
  }
1820
1820
  @if $skin-name == 'Material3' {
1821
1821
  background: $btn-success-active-bgcolor;
@@ -1841,7 +1841,7 @@ $btn-focus-box-shadow: none !default;
1841
1841
 
1842
1842
  &:focus-visible { // only for keybord
1843
1843
  @if $skin-name == 'FluentUI' {
1844
- background: $btn-info-bgcolor;
1844
+ background: $btn-info-focus-bgcolor;
1845
1845
  }
1846
1846
  @if $skin-name == 'Material3' {
1847
1847
  background: $btn-info-active-bgcolor;
@@ -1867,7 +1867,7 @@ $btn-focus-box-shadow: none !default;
1867
1867
 
1868
1868
  &:focus-visible { // only for keybord
1869
1869
  @if $skin-name == 'FluentUI' {
1870
- background: $btn-warning-bgcolor;
1870
+ background: $btn-warning-focus-bgcolor;
1871
1871
  }
1872
1872
  @if $skin-name == 'Material3' {
1873
1873
  background: $btn-warning-active-bgcolor;
@@ -1893,7 +1893,7 @@ $btn-focus-box-shadow: none !default;
1893
1893
 
1894
1894
  &:focus-visible { // only for keybord
1895
1895
  @if $skin-name == 'FluentUI' {
1896
- background: $btn-danger-bgcolor;
1896
+ background: $btn-danger-focus-bgcolor;
1897
1897
  }
1898
1898
  @if $skin-name == 'Material3' {
1899
1899
  background: $btn-danger-active-bgcolor;
@@ -1937,7 +1937,7 @@ $btn-focus-box-shadow: none !default;
1937
1937
 
1938
1938
  &:focus-visible { // only for keybord
1939
1939
  @if $skin-name == 'FluentUI' {
1940
- background: $btn-primary-bgcolor;
1940
+ background: $btn-primary-focus-bgcolor;
1941
1941
  }
1942
1942
  @if $skin-name == 'Material3' {
1943
1943
  background: $btn-primary-active-bgcolor;
@@ -2006,7 +2006,7 @@ $btn-focus-box-shadow: none !default;
2006
2006
 
2007
2007
  &:focus-visible { // only for keybord
2008
2008
  @if $skin-name == 'FluentUI' {
2009
- background: $btn-success-bgcolor;
2009
+ background: $btn-success-focus-bgcolor;
2010
2010
  }
2011
2011
  @if $skin-name == 'Material3' {
2012
2012
  background: $btn-success-active-bgcolor;
@@ -2063,7 +2063,7 @@ $btn-focus-box-shadow: none !default;
2063
2063
 
2064
2064
  &:focus-visible { // only for keybord
2065
2065
  @if $skin-name == 'FluentUI' {
2066
- background: $btn-info-bgcolor;
2066
+ background: $btn-info-focus-bgcolor;
2067
2067
  }
2068
2068
  @if $skin-name == 'Material3' {
2069
2069
  background: $btn-info-active-bgcolor;
@@ -2120,7 +2120,7 @@ $btn-focus-box-shadow: none !default;
2120
2120
 
2121
2121
  &:focus-visible { // only for keybord
2122
2122
  @if $skin-name == 'FluentUI' {
2123
- background: $btn-warning-bgcolor;
2123
+ background: $btn-warning-focus-bgcolor;
2124
2124
  }
2125
2125
  @if $skin-name == 'Material3' {
2126
2126
  background: $btn-warning-active-bgcolor;
@@ -2177,7 +2177,7 @@ $btn-focus-box-shadow: none !default;
2177
2177
 
2178
2178
  &:focus-visible { // only for keybord
2179
2179
  @if $skin-name == 'FluentUI' {
2180
- background: $btn-danger-bgcolor;
2180
+ background: $btn-danger-focus-bgcolor;
2181
2181
  }
2182
2182
  @if $skin-name == 'Material3' {
2183
2183
  background: $btn-danger-active-bgcolor;
package/SCSS-Themes/buttons/button/bootstrap4.scss CHANGED
@@ -1726,7 +1726,7 @@ $btn-focus-box-shadow: none !default;
1726
1726
 
1727
1727
  &:focus-visible { // only for keybord
1728
1728
  @if $skin-name == 'FluentUI' {
1729
- background: $btn-bgcolor;
1729
+ background: $btn-focus-bgcolor;
1730
1730
  }
1731
1731
  @if $skin-name == 'Material3' {
1732
1732
  background: $btn-active-bgcolor;
@@ -1806,7 +1806,7 @@ $btn-focus-box-shadow: none !default;
1806
1806
 
1807
1807
  &:focus-visible { // only for keybord
1808
1808
  @if $skin-name == 'FluentUI' {
1809
- background: $btn-bgcolor;
1809
+ background: $btn-focus-bgcolor;
1810
1810
  }
1811
1811
  @if $skin-name == 'Material3' {
1812
1812
  background: $btn-active-bgcolor;
@@ -1858,7 +1858,7 @@ $btn-focus-box-shadow: none !default;
1858
1858
 
1859
1859
  &:focus-visible { // only for keybord
1860
1860
  @if $skin-name == 'FluentUI' {
1861
- background: $btn-primary-bgcolor;
1861
+ background: $btn-primary-focus-bgcolor;
1862
1862
  }
1863
1863
  @if $skin-name == 'Material3' {
1864
1864
  background: $btn-primary-active-bgcolor;
@@ -1884,7 +1884,7 @@ $btn-focus-box-shadow: none !default;
1884
1884
 
1885
1885
  &:focus-visible { // only for keybord
1886
1886
  @if $skin-name == 'FluentUI' {
1887
- background: $btn-success-bgcolor;
1887
+ background: $btn-success-focus-bgcolor;
1888
1888
  }
1889
1889
  @if $skin-name == 'Material3' {
1890
1890
  background: $btn-success-active-bgcolor;
@@ -1910,7 +1910,7 @@ $btn-focus-box-shadow: none !default;
1910
1910
 
1911
1911
  &:focus-visible { // only for keybord
1912
1912
  @if $skin-name == 'FluentUI' {
1913
- background: $btn-info-bgcolor;
1913
+ background: $btn-info-focus-bgcolor;
1914
1914
  }
1915
1915
  @if $skin-name == 'Material3' {
1916
1916
  background: $btn-info-active-bgcolor;
@@ -1936,7 +1936,7 @@ $btn-focus-box-shadow: none !default;
1936
1936
 
1937
1937
  &:focus-visible { // only for keybord
1938
1938
  @if $skin-name == 'FluentUI' {
1939
- background: $btn-warning-bgcolor;
1939
+ background: $btn-warning-focus-bgcolor;
1940
1940
  }
1941
1941
  @if $skin-name == 'Material3' {
1942
1942
  background: $btn-warning-active-bgcolor;
@@ -1962,7 +1962,7 @@ $btn-focus-box-shadow: none !default;
1962
1962
 
1963
1963
  &:focus-visible { // only for keybord
1964
1964
  @if $skin-name == 'FluentUI' {
1965
- background: $btn-danger-bgcolor;
1965
+ background: $btn-danger-focus-bgcolor;
1966
1966
  }
1967
1967
  @if $skin-name == 'Material3' {
1968
1968
  background: $btn-danger-active-bgcolor;
@@ -2006,7 +2006,7 @@ $btn-focus-box-shadow: none !default;
2006
2006
 
2007
2007
  &:focus-visible { // only for keybord
2008
2008
  @if $skin-name == 'FluentUI' {
2009
- background: $btn-primary-bgcolor;
2009
+ background: $btn-primary-focus-bgcolor;
2010
2010
  }
2011
2011
  @if $skin-name == 'Material3' {
2012
2012
  background: $btn-primary-active-bgcolor;
@@ -2075,7 +2075,7 @@ $btn-focus-box-shadow: none !default;
2075
2075
 
2076
2076
  &:focus-visible { // only for keybord
2077
2077
  @if $skin-name == 'FluentUI' {
2078
- background: $btn-success-bgcolor;
2078
+ background: $btn-success-focus-bgcolor;
2079
2079
  }
2080
2080
  @if $skin-name == 'Material3' {
2081
2081
  background: $btn-success-active-bgcolor;
@@ -2132,7 +2132,7 @@ $btn-focus-box-shadow: none !default;
2132
2132
 
2133
2133
  &:focus-visible { // only for keybord
2134
2134
  @if $skin-name == 'FluentUI' {
2135
- background: $btn-info-bgcolor;
2135
+ background: $btn-info-focus-bgcolor;
2136
2136
  }
2137
2137
  @if $skin-name == 'Material3' {
2138
2138
  background: $btn-info-active-bgcolor;
@@ -2189,7 +2189,7 @@ $btn-focus-box-shadow: none !default;
2189
2189
 
2190
2190
  &:focus-visible { // only for keybord
2191
2191
  @if $skin-name == 'FluentUI' {
2192
- background: $btn-warning-bgcolor;
2192
+ background: $btn-warning-focus-bgcolor;
2193
2193
  }
2194
2194
  @if $skin-name == 'Material3' {
2195
2195
  background: $btn-warning-active-bgcolor;
@@ -2246,7 +2246,7 @@ $btn-focus-box-shadow: none !default;
2246
2246
 
2247
2247
  &:focus-visible { // only for keybord
2248
2248
  @if $skin-name == 'FluentUI' {
2249
- background: $btn-danger-bgcolor;
2249
+ background: $btn-danger-focus-bgcolor;
2250
2250
  }
2251
2251
  @if $skin-name == 'Material3' {
2252
2252
  background: $btn-danger-active-bgcolor;
package/SCSS-Themes/buttons/button/bootstrap5-dark.scss CHANGED
@@ -1734,7 +1734,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1734
1734
 
1735
1735
  &:focus-visible { // only for keybord
1736
1736
  @if $skin-name == 'FluentUI' {
1737
- background: $btn-bgcolor;
1737
+ background: $btn-focus-bgcolor;
1738
1738
  }
1739
1739
  @if $skin-name == 'Material3' {
1740
1740
  background: $btn-active-bgcolor;
@@ -1814,7 +1814,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1814
1814
 
1815
1815
  &:focus-visible { // only for keybord
1816
1816
  @if $skin-name == 'FluentUI' {
1817
- background: $btn-bgcolor;
1817
+ background: $btn-focus-bgcolor;
1818
1818
  }
1819
1819
  @if $skin-name == 'Material3' {
1820
1820
  background: $btn-active-bgcolor;
@@ -1866,7 +1866,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1866
1866
 
1867
1867
  &:focus-visible { // only for keybord
1868
1868
  @if $skin-name == 'FluentUI' {
1869
- background: $btn-primary-bgcolor;
1869
+ background: $btn-primary-focus-bgcolor;
1870
1870
  }
1871
1871
  @if $skin-name == 'Material3' {
1872
1872
  background: $btn-primary-active-bgcolor;
@@ -1892,7 +1892,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1892
1892
 
1893
1893
  &:focus-visible { // only for keybord
1894
1894
  @if $skin-name == 'FluentUI' {
1895
- background: $btn-success-bgcolor;
1895
+ background: $btn-success-focus-bgcolor;
1896
1896
  }
1897
1897
  @if $skin-name == 'Material3' {
1898
1898
  background: $btn-success-active-bgcolor;
@@ -1918,7 +1918,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1918
1918
 
1919
1919
  &:focus-visible { // only for keybord
1920
1920
  @if $skin-name == 'FluentUI' {
1921
- background: $btn-info-bgcolor;
1921
+ background: $btn-info-focus-bgcolor;
1922
1922
  }
1923
1923
  @if $skin-name == 'Material3' {
1924
1924
  background: $btn-info-active-bgcolor;
@@ -1944,7 +1944,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1944
1944
 
1945
1945
  &:focus-visible { // only for keybord
1946
1946
  @if $skin-name == 'FluentUI' {
1947
- background: $btn-warning-bgcolor;
1947
+ background: $btn-warning-focus-bgcolor;
1948
1948
  }
1949
1949
  @if $skin-name == 'Material3' {
1950
1950
  background: $btn-warning-active-bgcolor;
@@ -1970,7 +1970,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1970
1970
 
1971
1971
  &:focus-visible { // only for keybord
1972
1972
  @if $skin-name == 'FluentUI' {
1973
- background: $btn-danger-bgcolor;
1973
+ background: $btn-danger-focus-bgcolor;
1974
1974
  }
1975
1975
  @if $skin-name == 'Material3' {
1976
1976
  background: $btn-danger-active-bgcolor;
@@ -2014,7 +2014,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
2014
2014
 
2015
2015
  &:focus-visible { // only for keybord
2016
2016
  @if $skin-name == 'FluentUI' {
2017
- background: $btn-primary-bgcolor;
2017
+ background: $btn-primary-focus-bgcolor;
2018
2018
  }
2019
2019
  @if $skin-name == 'Material3' {
2020
2020
  background: $btn-primary-active-bgcolor;
@@ -2083,7 +2083,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
2083
2083
 
2084
2084
  &:focus-visible { // only for keybord
2085
2085
  @if $skin-name == 'FluentUI' {
2086
- background: $btn-success-bgcolor;
2086
+ background: $btn-success-focus-bgcolor;
2087
2087
  }
2088
2088
  @if $skin-name == 'Material3' {
2089
2089
  background: $btn-success-active-bgcolor;
@@ -2140,7 +2140,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
2140
2140
 
2141
2141
  &:focus-visible { // only for keybord
2142
2142
  @if $skin-name == 'FluentUI' {
2143
- background: $btn-info-bgcolor;
2143
+ background: $btn-info-focus-bgcolor;
2144
2144
  }
2145
2145
  @if $skin-name == 'Material3' {
2146
2146
  background: $btn-info-active-bgcolor;
@@ -2197,7 +2197,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
2197
2197
 
2198
2198
  &:focus-visible { // only for keybord
2199
2199
  @if $skin-name == 'FluentUI' {
2200
- background: $btn-warning-bgcolor;
2200
+ background: $btn-warning-focus-bgcolor;
2201
2201
  }
2202
2202
  @if $skin-name == 'Material3' {
2203
2203
  background: $btn-warning-active-bgcolor;
@@ -2254,7 +2254,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
2254
2254
 
2255
2255
  &:focus-visible { // only for keybord
2256
2256
  @if $skin-name == 'FluentUI' {
2257
- background: $btn-danger-bgcolor;
2257
+ background: $btn-danger-focus-bgcolor;
2258
2258
  }
2259
2259
  @if $skin-name == 'Material3' {
2260
2260
  background: $btn-danger-active-bgcolor;
package/SCSS-Themes/buttons/button/bootstrap5.scss CHANGED
@@ -1734,7 +1734,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1734
1734
 
1735
1735
  &:focus-visible { // only for keybord
1736
1736
  @if $skin-name == 'FluentUI' {
1737
- background: $btn-bgcolor;
1737
+ background: $btn-focus-bgcolor;
1738
1738
  }
1739
1739
  @if $skin-name == 'Material3' {
1740
1740
  background: $btn-active-bgcolor;
@@ -1814,7 +1814,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1814
1814
 
1815
1815
  &:focus-visible { // only for keybord
1816
1816
  @if $skin-name == 'FluentUI' {
1817
- background: $btn-bgcolor;
1817
+ background: $btn-focus-bgcolor;
1818
1818
  }
1819
1819
  @if $skin-name == 'Material3' {
1820
1820
  background: $btn-active-bgcolor;
@@ -1866,7 +1866,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1866
1866
 
1867
1867
  &:focus-visible { // only for keybord
1868
1868
  @if $skin-name == 'FluentUI' {
1869
- background: $btn-primary-bgcolor;
1869
+ background: $btn-primary-focus-bgcolor;
1870
1870
  }
1871
1871
  @if $skin-name == 'Material3' {
1872
1872
  background: $btn-primary-active-bgcolor;
@@ -1892,7 +1892,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1892
1892
 
1893
1893
  &:focus-visible { // only for keybord
1894
1894
  @if $skin-name == 'FluentUI' {
1895
- background: $btn-success-bgcolor;
1895
+ background: $btn-success-focus-bgcolor;
1896
1896
  }
1897
1897
  @if $skin-name == 'Material3' {
1898
1898
  background: $btn-success-active-bgcolor;
@@ -1918,7 +1918,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1918
1918
 
1919
1919
  &:focus-visible { // only for keybord
1920
1920
  @if $skin-name == 'FluentUI' {
1921
- background: $btn-info-bgcolor;
1921
+ background: $btn-info-focus-bgcolor;
1922
1922
  }
1923
1923
  @if $skin-name == 'Material3' {
1924
1924
  background: $btn-info-active-bgcolor;
@@ -1944,7 +1944,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1944
1944
 
1945
1945
  &:focus-visible { // only for keybord
1946
1946
  @if $skin-name == 'FluentUI' {
1947
- background: $btn-warning-bgcolor;
1947
+ background: $btn-warning-focus-bgcolor;
1948
1948
  }
1949
1949
  @if $skin-name == 'Material3' {
1950
1950
  background: $btn-warning-active-bgcolor;
@@ -1970,7 +1970,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1970
1970
 
1971
1971
  &:focus-visible { // only for keybord
1972
1972
  @if $skin-name == 'FluentUI' {
1973
- background: $btn-danger-bgcolor;
1973
+ background: $btn-danger-focus-bgcolor;
1974
1974
  }
1975
1975
  @if $skin-name == 'Material3' {
1976
1976
  background: $btn-danger-active-bgcolor;
@@ -2014,7 +2014,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
2014
2014
 
2015
2015
  &:focus-visible { // only for keybord
2016
2016
  @if $skin-name == 'FluentUI' {
2017
- background: $btn-primary-bgcolor;
2017
+ background: $btn-primary-focus-bgcolor;
2018
2018
  }
2019
2019
  @if $skin-name == 'Material3' {
2020
2020
  background: $btn-primary-active-bgcolor;
@@ -2083,7 +2083,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
2083
2083
 
2084
2084
  &:focus-visible { // only for keybord
2085
2085
  @if $skin-name == 'FluentUI' {
2086
- background: $btn-success-bgcolor;
2086
+ background: $btn-success-focus-bgcolor;
2087
2087
  }
2088
2088
  @if $skin-name == 'Material3' {
2089
2089
  background: $btn-success-active-bgcolor;
@@ -2140,7 +2140,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
2140
2140
 
2141
2141
  &:focus-visible { // only for keybord
2142
2142
  @if $skin-name == 'FluentUI' {
2143
- background: $btn-info-bgcolor;
2143
+ background: $btn-info-focus-bgcolor;
2144
2144
  }
2145
2145
  @if $skin-name == 'Material3' {
2146
2146
  background: $btn-info-active-bgcolor;
@@ -2197,7 +2197,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
2197
2197
 
2198
2198
  &:focus-visible { // only for keybord
2199
2199
  @if $skin-name == 'FluentUI' {
2200
- background: $btn-warning-bgcolor;
2200
+ background: $btn-warning-focus-bgcolor;
2201
2201
  }
2202
2202
  @if $skin-name == 'Material3' {
2203
2203
  background: $btn-warning-active-bgcolor;
@@ -2254,7 +2254,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
2254
2254
 
2255
2255
  &:focus-visible { // only for keybord
2256
2256
  @if $skin-name == 'FluentUI' {
2257
- background: $btn-danger-bgcolor;
2257
+ background: $btn-danger-focus-bgcolor;
2258
2258
  }
2259
2259
  @if $skin-name == 'Material3' {
2260
2260
  background: $btn-danger-active-bgcolor;
package/SCSS-Themes/buttons/button/fabric-dark.scss CHANGED
@@ -1662,7 +1662,7 @@ $btn-focus-box-shadow: none !default;
1662
1662
 
1663
1663
  &:focus-visible { // only for keybord
1664
1664
  @if $skin-name == 'FluentUI' {
1665
- background: $btn-bgcolor;
1665
+ background: $btn-focus-bgcolor;
1666
1666
  }
1667
1667
  @if $skin-name == 'Material3' {
1668
1668
  background: $btn-active-bgcolor;
@@ -1742,7 +1742,7 @@ $btn-focus-box-shadow: none !default;
1742
1742
 
1743
1743
  &:focus-visible { // only for keybord
1744
1744
  @if $skin-name == 'FluentUI' {
1745
- background: $btn-bgcolor;
1745
+ background: $btn-focus-bgcolor;
1746
1746
  }
1747
1747
  @if $skin-name == 'Material3' {
1748
1748
  background: $btn-active-bgcolor;
@@ -1794,7 +1794,7 @@ $btn-focus-box-shadow: none !default;
1794
1794
 
1795
1795
  &:focus-visible { // only for keybord
1796
1796
  @if $skin-name == 'FluentUI' {
1797
- background: $btn-primary-bgcolor;
1797
+ background: $btn-primary-focus-bgcolor;
1798
1798
  }
1799
1799
  @if $skin-name == 'Material3' {
1800
1800
  background: $btn-primary-active-bgcolor;
@@ -1820,7 +1820,7 @@ $btn-focus-box-shadow: none !default;
1820
1820
 
1821
1821
  &:focus-visible { // only for keybord
1822
1822
  @if $skin-name == 'FluentUI' {
1823
- background: $btn-success-bgcolor;
1823
+ background: $btn-success-focus-bgcolor;
1824
1824
  }
1825
1825
  @if $skin-name == 'Material3' {
1826
1826
  background: $btn-success-active-bgcolor;
@@ -1846,7 +1846,7 @@ $btn-focus-box-shadow: none !default;
1846
1846
 
1847
1847
  &:focus-visible { // only for keybord
1848
1848
  @if $skin-name == 'FluentUI' {
1849
- background: $btn-info-bgcolor;
1849
+ background: $btn-info-focus-bgcolor;
1850
1850
  }
1851
1851
  @if $skin-name == 'Material3' {
1852
1852
  background: $btn-info-active-bgcolor;
@@ -1872,7 +1872,7 @@ $btn-focus-box-shadow: none !default;
1872
1872
 
1873
1873
  &:focus-visible { // only for keybord
1874
1874
  @if $skin-name == 'FluentUI' {
1875
- background: $btn-warning-bgcolor;
1875
+ background: $btn-warning-focus-bgcolor;
1876
1876
  }
1877
1877
  @if $skin-name == 'Material3' {
1878
1878
  background: $btn-warning-active-bgcolor;
@@ -1898,7 +1898,7 @@ $btn-focus-box-shadow: none !default;
1898
1898
 
1899
1899
  &:focus-visible { // only for keybord
1900
1900
  @if $skin-name == 'FluentUI' {
1901
- background: $btn-danger-bgcolor;
1901
+ background: $btn-danger-focus-bgcolor;
1902
1902
  }
1903
1903
  @if $skin-name == 'Material3' {
1904
1904
  background: $btn-danger-active-bgcolor;
@@ -1942,7 +1942,7 @@ $btn-focus-box-shadow: none !default;
1942
1942
 
1943
1943
  &:focus-visible { // only for keybord
1944
1944
  @if $skin-name == 'FluentUI' {
1945
- background: $btn-primary-bgcolor;
1945
+ background: $btn-primary-focus-bgcolor;
1946
1946
  }
1947
1947
  @if $skin-name == 'Material3' {
1948
1948
  background: $btn-primary-active-bgcolor;
@@ -2011,7 +2011,7 @@ $btn-focus-box-shadow: none !default;
2011
2011
 
2012
2012
  &:focus-visible { // only for keybord
2013
2013
  @if $skin-name == 'FluentUI' {
2014
- background: $btn-success-bgcolor;
2014
+ background: $btn-success-focus-bgcolor;
2015
2015
  }
2016
2016
  @if $skin-name == 'Material3' {
2017
2017
  background: $btn-success-active-bgcolor;
@@ -2068,7 +2068,7 @@ $btn-focus-box-shadow: none !default;
2068
2068
 
2069
2069
  &:focus-visible { // only for keybord
2070
2070
  @if $skin-name == 'FluentUI' {
2071
- background: $btn-info-bgcolor;
2071
+ background: $btn-info-focus-bgcolor;
2072
2072
  }
2073
2073
  @if $skin-name == 'Material3' {
2074
2074
  background: $btn-info-active-bgcolor;
@@ -2125,7 +2125,7 @@ $btn-focus-box-shadow: none !default;
2125
2125
 
2126
2126
  &:focus-visible { // only for keybord
2127
2127
  @if $skin-name == 'FluentUI' {
2128
- background: $btn-warning-bgcolor;
2128
+ background: $btn-warning-focus-bgcolor;
2129
2129
  }
2130
2130
  @if $skin-name == 'Material3' {
2131
2131
  background: $btn-warning-active-bgcolor;
@@ -2182,7 +2182,7 @@ $btn-focus-box-shadow: none !default;
2182
2182
 
2183
2183
  &:focus-visible { // only for keybord
2184
2184
  @if $skin-name == 'FluentUI' {
2185
- background: $btn-danger-bgcolor;
2185
+ background: $btn-danger-focus-bgcolor;
2186
2186
  }
2187
2187
  @if $skin-name == 'Material3' {
2188
2188
  background: $btn-danger-active-bgcolor;