@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/fabric.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/fluent-dark.scss CHANGED
@@ -1734,7 +1734,7 @@ $btn-warning-focus-box-shadow: $shadow-none !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: $shadow-none !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: $shadow-none !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: $shadow-none !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: $shadow-none !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: $shadow-none !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: $shadow-none !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: $shadow-none !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: $shadow-none !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: $shadow-none !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: $shadow-none !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: $shadow-none !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/fluent.scss CHANGED
@@ -1734,7 +1734,7 @@ $btn-warning-focus-box-shadow: $shadow-none !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: $shadow-none !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: $shadow-none !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: $shadow-none !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: $shadow-none !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: $shadow-none !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: $shadow-none !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: $shadow-none !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: $shadow-none !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: $shadow-none !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: $shadow-none !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: $shadow-none !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/highcontrast.scss CHANGED
@@ -1680,7 +1680,7 @@ $btn-focus-box-shadow: none !default;
1680
1680
 
1681
1681
  &:focus-visible { // only for keybord
1682
1682
  @if $skin-name == 'FluentUI' {
1683
- background: $btn-bgcolor;
1683
+ background: $btn-focus-bgcolor;
1684
1684
  }
1685
1685
  @if $skin-name == 'Material3' {
1686
1686
  background: $btn-active-bgcolor;
@@ -1760,7 +1760,7 @@ $btn-focus-box-shadow: none !default;
1760
1760
 
1761
1761
  &:focus-visible { // only for keybord
1762
1762
  @if $skin-name == 'FluentUI' {
1763
- background: $btn-bgcolor;
1763
+ background: $btn-focus-bgcolor;
1764
1764
  }
1765
1765
  @if $skin-name == 'Material3' {
1766
1766
  background: $btn-active-bgcolor;
@@ -1812,7 +1812,7 @@ $btn-focus-box-shadow: none !default;
1812
1812
 
1813
1813
  &:focus-visible { // only for keybord
1814
1814
  @if $skin-name == 'FluentUI' {
1815
- background: $btn-primary-bgcolor;
1815
+ background: $btn-primary-focus-bgcolor;
1816
1816
  }
1817
1817
  @if $skin-name == 'Material3' {
1818
1818
  background: $btn-primary-active-bgcolor;
@@ -1838,7 +1838,7 @@ $btn-focus-box-shadow: none !default;
1838
1838
 
1839
1839
  &:focus-visible { // only for keybord
1840
1840
  @if $skin-name == 'FluentUI' {
1841
- background: $btn-success-bgcolor;
1841
+ background: $btn-success-focus-bgcolor;
1842
1842
  }
1843
1843
  @if $skin-name == 'Material3' {
1844
1844
  background: $btn-success-active-bgcolor;
@@ -1864,7 +1864,7 @@ $btn-focus-box-shadow: none !default;
1864
1864
 
1865
1865
  &:focus-visible { // only for keybord
1866
1866
  @if $skin-name == 'FluentUI' {
1867
- background: $btn-info-bgcolor;
1867
+ background: $btn-info-focus-bgcolor;
1868
1868
  }
1869
1869
  @if $skin-name == 'Material3' {
1870
1870
  background: $btn-info-active-bgcolor;
@@ -1890,7 +1890,7 @@ $btn-focus-box-shadow: none !default;
1890
1890
 
1891
1891
  &:focus-visible { // only for keybord
1892
1892
  @if $skin-name == 'FluentUI' {
1893
- background: $btn-warning-bgcolor;
1893
+ background: $btn-warning-focus-bgcolor;
1894
1894
  }
1895
1895
  @if $skin-name == 'Material3' {
1896
1896
  background: $btn-warning-active-bgcolor;
@@ -1916,7 +1916,7 @@ $btn-focus-box-shadow: none !default;
1916
1916
 
1917
1917
  &:focus-visible { // only for keybord
1918
1918
  @if $skin-name == 'FluentUI' {
1919
- background: $btn-danger-bgcolor;
1919
+ background: $btn-danger-focus-bgcolor;
1920
1920
  }
1921
1921
  @if $skin-name == 'Material3' {
1922
1922
  background: $btn-danger-active-bgcolor;
@@ -1960,7 +1960,7 @@ $btn-focus-box-shadow: none !default;
1960
1960
 
1961
1961
  &:focus-visible { // only for keybord
1962
1962
  @if $skin-name == 'FluentUI' {
1963
- background: $btn-primary-bgcolor;
1963
+ background: $btn-primary-focus-bgcolor;
1964
1964
  }
1965
1965
  @if $skin-name == 'Material3' {
1966
1966
  background: $btn-primary-active-bgcolor;
@@ -2029,7 +2029,7 @@ $btn-focus-box-shadow: none !default;
2029
2029
 
2030
2030
  &:focus-visible { // only for keybord
2031
2031
  @if $skin-name == 'FluentUI' {
2032
- background: $btn-success-bgcolor;
2032
+ background: $btn-success-focus-bgcolor;
2033
2033
  }
2034
2034
  @if $skin-name == 'Material3' {
2035
2035
  background: $btn-success-active-bgcolor;
@@ -2086,7 +2086,7 @@ $btn-focus-box-shadow: none !default;
2086
2086
 
2087
2087
  &:focus-visible { // only for keybord
2088
2088
  @if $skin-name == 'FluentUI' {
2089
- background: $btn-info-bgcolor;
2089
+ background: $btn-info-focus-bgcolor;
2090
2090
  }
2091
2091
  @if $skin-name == 'Material3' {
2092
2092
  background: $btn-info-active-bgcolor;
@@ -2143,7 +2143,7 @@ $btn-focus-box-shadow: none !default;
2143
2143
 
2144
2144
  &:focus-visible { // only for keybord
2145
2145
  @if $skin-name == 'FluentUI' {
2146
- background: $btn-warning-bgcolor;
2146
+ background: $btn-warning-focus-bgcolor;
2147
2147
  }
2148
2148
  @if $skin-name == 'Material3' {
2149
2149
  background: $btn-warning-active-bgcolor;
@@ -2200,7 +2200,7 @@ $btn-focus-box-shadow: none !default;
2200
2200
 
2201
2201
  &:focus-visible { // only for keybord
2202
2202
  @if $skin-name == 'FluentUI' {
2203
- background: $btn-danger-bgcolor;
2203
+ background: $btn-danger-focus-bgcolor;
2204
2204
  }
2205
2205
  @if $skin-name == 'Material3' {
2206
2206
  background: $btn-danger-active-bgcolor;
package/SCSS-Themes/buttons/button/material-dark.scss CHANGED
@@ -1722,7 +1722,7 @@ $btn-focus-box-shadow: none !default;
1722
1722
 
1723
1723
  &:focus-visible { // only for keybord
1724
1724
  @if $skin-name == 'FluentUI' {
1725
- background: $btn-bgcolor;
1725
+ background: $btn-focus-bgcolor;
1726
1726
  }
1727
1727
  @if $skin-name == 'Material3' {
1728
1728
  background: $btn-active-bgcolor;
@@ -1802,7 +1802,7 @@ $btn-focus-box-shadow: none !default;
1802
1802
 
1803
1803
  &:focus-visible { // only for keybord
1804
1804
  @if $skin-name == 'FluentUI' {
1805
- background: $btn-bgcolor;
1805
+ background: $btn-focus-bgcolor;
1806
1806
  }
1807
1807
  @if $skin-name == 'Material3' {
1808
1808
  background: $btn-active-bgcolor;
@@ -1854,7 +1854,7 @@ $btn-focus-box-shadow: none !default;
1854
1854
 
1855
1855
  &:focus-visible { // only for keybord
1856
1856
  @if $skin-name == 'FluentUI' {
1857
- background: $btn-primary-bgcolor;
1857
+ background: $btn-primary-focus-bgcolor;
1858
1858
  }
1859
1859
  @if $skin-name == 'Material3' {
1860
1860
  background: $btn-primary-active-bgcolor;
@@ -1880,7 +1880,7 @@ $btn-focus-box-shadow: none !default;
1880
1880
 
1881
1881
  &:focus-visible { // only for keybord
1882
1882
  @if $skin-name == 'FluentUI' {
1883
- background: $btn-success-bgcolor;
1883
+ background: $btn-success-focus-bgcolor;
1884
1884
  }
1885
1885
  @if $skin-name == 'Material3' {
1886
1886
  background: $btn-success-active-bgcolor;
@@ -1906,7 +1906,7 @@ $btn-focus-box-shadow: none !default;
1906
1906
 
1907
1907
  &:focus-visible { // only for keybord
1908
1908
  @if $skin-name == 'FluentUI' {
1909
- background: $btn-info-bgcolor;
1909
+ background: $btn-info-focus-bgcolor;
1910
1910
  }
1911
1911
  @if $skin-name == 'Material3' {
1912
1912
  background: $btn-info-active-bgcolor;
@@ -1932,7 +1932,7 @@ $btn-focus-box-shadow: none !default;
1932
1932
 
1933
1933
  &:focus-visible { // only for keybord
1934
1934
  @if $skin-name == 'FluentUI' {
1935
- background: $btn-warning-bgcolor;
1935
+ background: $btn-warning-focus-bgcolor;
1936
1936
  }
1937
1937
  @if $skin-name == 'Material3' {
1938
1938
  background: $btn-warning-active-bgcolor;
@@ -1958,7 +1958,7 @@ $btn-focus-box-shadow: none !default;
1958
1958
 
1959
1959
  &:focus-visible { // only for keybord
1960
1960
  @if $skin-name == 'FluentUI' {
1961
- background: $btn-danger-bgcolor;
1961
+ background: $btn-danger-focus-bgcolor;
1962
1962
  }
1963
1963
  @if $skin-name == 'Material3' {
1964
1964
  background: $btn-danger-active-bgcolor;
@@ -2002,7 +2002,7 @@ $btn-focus-box-shadow: none !default;
2002
2002
 
2003
2003
  &:focus-visible { // only for keybord
2004
2004
  @if $skin-name == 'FluentUI' {
2005
- background: $btn-primary-bgcolor;
2005
+ background: $btn-primary-focus-bgcolor;
2006
2006
  }
2007
2007
  @if $skin-name == 'Material3' {
2008
2008
  background: $btn-primary-active-bgcolor;
@@ -2071,7 +2071,7 @@ $btn-focus-box-shadow: none !default;
2071
2071
 
2072
2072
  &:focus-visible { // only for keybord
2073
2073
  @if $skin-name == 'FluentUI' {
2074
- background: $btn-success-bgcolor;
2074
+ background: $btn-success-focus-bgcolor;
2075
2075
  }
2076
2076
  @if $skin-name == 'Material3' {
2077
2077
  background: $btn-success-active-bgcolor;
@@ -2128,7 +2128,7 @@ $btn-focus-box-shadow: none !default;
2128
2128
 
2129
2129
  &:focus-visible { // only for keybord
2130
2130
  @if $skin-name == 'FluentUI' {
2131
- background: $btn-info-bgcolor;
2131
+ background: $btn-info-focus-bgcolor;
2132
2132
  }
2133
2133
  @if $skin-name == 'Material3' {
2134
2134
  background: $btn-info-active-bgcolor;
@@ -2185,7 +2185,7 @@ $btn-focus-box-shadow: none !default;
2185
2185
 
2186
2186
  &:focus-visible { // only for keybord
2187
2187
  @if $skin-name == 'FluentUI' {
2188
- background: $btn-warning-bgcolor;
2188
+ background: $btn-warning-focus-bgcolor;
2189
2189
  }
2190
2190
  @if $skin-name == 'Material3' {
2191
2191
  background: $btn-warning-active-bgcolor;
@@ -2242,7 +2242,7 @@ $btn-focus-box-shadow: none !default;
2242
2242
 
2243
2243
  &:focus-visible { // only for keybord
2244
2244
  @if $skin-name == 'FluentUI' {
2245
- background: $btn-danger-bgcolor;
2245
+ background: $btn-danger-focus-bgcolor;
2246
2246
  }
2247
2247
  @if $skin-name == 'Material3' {
2248
2248
  background: $btn-danger-active-bgcolor;
package/SCSS-Themes/buttons/button/material.scss CHANGED
@@ -1659,7 +1659,7 @@ $btn-focus-box-shadow: none !default;
1659
1659
 
1660
1660
  &:focus-visible { // only for keybord
1661
1661
  @if $skin-name == 'FluentUI' {
1662
- background: $btn-bgcolor;
1662
+ background: $btn-focus-bgcolor;
1663
1663
  }
1664
1664
  @if $skin-name == 'Material3' {
1665
1665
  background: $btn-active-bgcolor;
@@ -1739,7 +1739,7 @@ $btn-focus-box-shadow: none !default;
1739
1739
 
1740
1740
  &:focus-visible { // only for keybord
1741
1741
  @if $skin-name == 'FluentUI' {
1742
- background: $btn-bgcolor;
1742
+ background: $btn-focus-bgcolor;
1743
1743
  }
1744
1744
  @if $skin-name == 'Material3' {
1745
1745
  background: $btn-active-bgcolor;
@@ -1791,7 +1791,7 @@ $btn-focus-box-shadow: none !default;
1791
1791
 
1792
1792
  &:focus-visible { // only for keybord
1793
1793
  @if $skin-name == 'FluentUI' {
1794
- background: $btn-primary-bgcolor;
1794
+ background: $btn-primary-focus-bgcolor;
1795
1795
  }
1796
1796
  @if $skin-name == 'Material3' {
1797
1797
  background: $btn-primary-active-bgcolor;
@@ -1817,7 +1817,7 @@ $btn-focus-box-shadow: none !default;
1817
1817
 
1818
1818
  &:focus-visible { // only for keybord
1819
1819
  @if $skin-name == 'FluentUI' {
1820
- background: $btn-success-bgcolor;
1820
+ background: $btn-success-focus-bgcolor;
1821
1821
  }
1822
1822
  @if $skin-name == 'Material3' {
1823
1823
  background: $btn-success-active-bgcolor;
@@ -1843,7 +1843,7 @@ $btn-focus-box-shadow: none !default;
1843
1843
 
1844
1844
  &:focus-visible { // only for keybord
1845
1845
  @if $skin-name == 'FluentUI' {
1846
- background: $btn-info-bgcolor;
1846
+ background: $btn-info-focus-bgcolor;
1847
1847
  }
1848
1848
  @if $skin-name == 'Material3' {
1849
1849
  background: $btn-info-active-bgcolor;
@@ -1869,7 +1869,7 @@ $btn-focus-box-shadow: none !default;
1869
1869
 
1870
1870
  &:focus-visible { // only for keybord
1871
1871
  @if $skin-name == 'FluentUI' {
1872
- background: $btn-warning-bgcolor;
1872
+ background: $btn-warning-focus-bgcolor;
1873
1873
  }
1874
1874
  @if $skin-name == 'Material3' {
1875
1875
  background: $btn-warning-active-bgcolor;
@@ -1895,7 +1895,7 @@ $btn-focus-box-shadow: none !default;
1895
1895
 
1896
1896
  &:focus-visible { // only for keybord
1897
1897
  @if $skin-name == 'FluentUI' {
1898
- background: $btn-danger-bgcolor;
1898
+ background: $btn-danger-focus-bgcolor;
1899
1899
  }
1900
1900
  @if $skin-name == 'Material3' {
1901
1901
  background: $btn-danger-active-bgcolor;
@@ -1939,7 +1939,7 @@ $btn-focus-box-shadow: none !default;
1939
1939
 
1940
1940
  &:focus-visible { // only for keybord
1941
1941
  @if $skin-name == 'FluentUI' {
1942
- background: $btn-primary-bgcolor;
1942
+ background: $btn-primary-focus-bgcolor;
1943
1943
  }
1944
1944
  @if $skin-name == 'Material3' {
1945
1945
  background: $btn-primary-active-bgcolor;
@@ -2008,7 +2008,7 @@ $btn-focus-box-shadow: none !default;
2008
2008
 
2009
2009
  &:focus-visible { // only for keybord
2010
2010
  @if $skin-name == 'FluentUI' {
2011
- background: $btn-success-bgcolor;
2011
+ background: $btn-success-focus-bgcolor;
2012
2012
  }
2013
2013
  @if $skin-name == 'Material3' {
2014
2014
  background: $btn-success-active-bgcolor;
@@ -2065,7 +2065,7 @@ $btn-focus-box-shadow: none !default;
2065
2065
 
2066
2066
  &:focus-visible { // only for keybord
2067
2067
  @if $skin-name == 'FluentUI' {
2068
- background: $btn-info-bgcolor;
2068
+ background: $btn-info-focus-bgcolor;
2069
2069
  }
2070
2070
  @if $skin-name == 'Material3' {
2071
2071
  background: $btn-info-active-bgcolor;
@@ -2122,7 +2122,7 @@ $btn-focus-box-shadow: none !default;
2122
2122
 
2123
2123
  &:focus-visible { // only for keybord
2124
2124
  @if $skin-name == 'FluentUI' {
2125
- background: $btn-warning-bgcolor;
2125
+ background: $btn-warning-focus-bgcolor;
2126
2126
  }
2127
2127
  @if $skin-name == 'Material3' {
2128
2128
  background: $btn-warning-active-bgcolor;
@@ -2179,7 +2179,7 @@ $btn-focus-box-shadow: none !default;
2179
2179
 
2180
2180
  &:focus-visible { // only for keybord
2181
2181
  @if $skin-name == 'FluentUI' {
2182
- background: $btn-danger-bgcolor;
2182
+ background: $btn-danger-focus-bgcolor;
2183
2183
  }
2184
2184
  @if $skin-name == 'Material3' {
2185
2185
  background: $btn-danger-active-bgcolor;