@syncfusion/blazor-themes 26.1.35 → 26.1.40

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 (393) hide show
  1. package/SCSS-Themes/base/fluent2-dark.scss +8 -8
  2. package/SCSS-Themes/base/fluent2-highcontrast.scss +8 -8
  3. package/SCSS-Themes/base/fluent2.scss +9 -9
  4. package/SCSS-Themes/bds-dark.scss +302 -56
  5. package/SCSS-Themes/bds.scss +302 -56
  6. package/SCSS-Themes/bootstrap-dark.scss +302 -56
  7. package/SCSS-Themes/bootstrap.scss +302 -56
  8. package/SCSS-Themes/bootstrap4.scss +302 -56
  9. package/SCSS-Themes/bootstrap5-dark.scss +301 -55
  10. package/SCSS-Themes/bootstrap5.scss +301 -55
  11. package/SCSS-Themes/buttons/speed-dial/bds-dark.scss +29 -4
  12. package/SCSS-Themes/buttons/speed-dial/bds.scss +29 -4
  13. package/SCSS-Themes/buttons/speed-dial/bootstrap-dark.scss +29 -4
  14. package/SCSS-Themes/buttons/speed-dial/bootstrap.scss +29 -4
  15. package/SCSS-Themes/buttons/speed-dial/bootstrap4.scss +29 -4
  16. package/SCSS-Themes/buttons/speed-dial/bootstrap5-dark.scss +29 -4
  17. package/SCSS-Themes/buttons/speed-dial/bootstrap5.scss +29 -4
  18. package/SCSS-Themes/buttons/speed-dial/fabric-dark.scss +29 -4
  19. package/SCSS-Themes/buttons/speed-dial/fabric.scss +29 -4
  20. package/SCSS-Themes/buttons/speed-dial/fluent-dark.scss +29 -4
  21. package/SCSS-Themes/buttons/speed-dial/fluent.scss +29 -4
  22. package/SCSS-Themes/buttons/speed-dial/fluent2-dark.scss +29 -4
  23. package/SCSS-Themes/buttons/speed-dial/fluent2.scss +29 -4
  24. package/SCSS-Themes/buttons/speed-dial/highcontrast.scss +29 -4
  25. package/SCSS-Themes/buttons/speed-dial/material-dark.scss +29 -4
  26. package/SCSS-Themes/buttons/speed-dial/material.scss +29 -4
  27. package/SCSS-Themes/buttons/speed-dial/material3-dark.scss +29 -4
  28. package/SCSS-Themes/buttons/speed-dial/material3.scss +29 -4
  29. package/SCSS-Themes/buttons/speed-dial/tailwind-dark.scss +29 -4
  30. package/SCSS-Themes/buttons/speed-dial/tailwind.scss +29 -4
  31. package/SCSS-Themes/calendars/calendar/bds-dark.scss +1 -1
  32. package/SCSS-Themes/calendars/calendar/bds.scss +1 -1
  33. package/SCSS-Themes/calendars/calendar/bootstrap-dark.scss +1 -1
  34. package/SCSS-Themes/calendars/calendar/bootstrap.scss +1 -1
  35. package/SCSS-Themes/calendars/calendar/bootstrap4.scss +1 -1
  36. package/SCSS-Themes/calendars/calendar/bootstrap5-dark.scss +1 -1
  37. package/SCSS-Themes/calendars/calendar/bootstrap5.scss +1 -1
  38. package/SCSS-Themes/calendars/calendar/fabric-dark.scss +1 -1
  39. package/SCSS-Themes/calendars/calendar/fabric.scss +1 -1
  40. package/SCSS-Themes/calendars/calendar/fluent-dark.scss +1 -1
  41. package/SCSS-Themes/calendars/calendar/fluent.scss +1 -1
  42. package/SCSS-Themes/calendars/calendar/fluent2-dark.scss +2 -2
  43. package/SCSS-Themes/calendars/calendar/fluent2.scss +2 -2
  44. package/SCSS-Themes/calendars/calendar/highcontrast.scss +1 -1
  45. package/SCSS-Themes/calendars/calendar/material-dark.scss +1 -1
  46. package/SCSS-Themes/calendars/calendar/material.scss +1 -1
  47. package/SCSS-Themes/calendars/calendar/material3-dark.scss +1 -1
  48. package/SCSS-Themes/calendars/calendar/material3.scss +1 -1
  49. package/SCSS-Themes/calendars/calendar/tailwind-dark.scss +1 -1
  50. package/SCSS-Themes/calendars/calendar/tailwind.scss +1 -1
  51. package/SCSS-Themes/dropdowns/drop-down-tree/bds-dark.scss +1 -0
  52. package/SCSS-Themes/dropdowns/drop-down-tree/bds.scss +1 -0
  53. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark.scss +1 -0
  54. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap.scss +1 -0
  55. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4.scss +1 -0
  56. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark.scss +1 -0
  57. package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.scss +1 -0
  58. package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark.scss +1 -0
  59. package/SCSS-Themes/dropdowns/drop-down-tree/fabric.scss +1 -0
  60. package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss +1 -0
  61. package/SCSS-Themes/dropdowns/drop-down-tree/fluent.scss +1 -0
  62. package/SCSS-Themes/dropdowns/drop-down-tree/fluent2-dark.scss +1 -0
  63. package/SCSS-Themes/dropdowns/drop-down-tree/fluent2.scss +1 -0
  64. package/SCSS-Themes/dropdowns/drop-down-tree/highcontrast.scss +1 -0
  65. package/SCSS-Themes/dropdowns/drop-down-tree/material-dark.scss +1 -0
  66. package/SCSS-Themes/dropdowns/drop-down-tree/material.scss +1 -0
  67. package/SCSS-Themes/dropdowns/drop-down-tree/material3-dark.scss +1 -0
  68. package/SCSS-Themes/dropdowns/drop-down-tree/material3.scss +1 -0
  69. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind-dark.scss +1 -0
  70. package/SCSS-Themes/dropdowns/drop-down-tree/tailwind.scss +1 -0
  71. package/SCSS-Themes/dropdowns/list-box/fluent2-dark.scss +4 -6
  72. package/SCSS-Themes/dropdowns/list-box/fluent2.scss +4 -6
  73. package/SCSS-Themes/fabric-dark.scss +302 -56
  74. package/SCSS-Themes/fabric.scss +302 -56
  75. package/SCSS-Themes/fluent-dark.scss +302 -56
  76. package/SCSS-Themes/fluent.scss +302 -56
  77. package/SCSS-Themes/fluent2-dark.scss +345 -110
  78. package/SCSS-Themes/fluent2-highcontrast.scss +8 -8
  79. package/SCSS-Themes/fluent2.scss +346 -111
  80. package/SCSS-Themes/gantt/gantt/fluent2-dark.scss +1 -1
  81. package/SCSS-Themes/gantt/gantt/fluent2.scss +1 -1
  82. package/SCSS-Themes/grids/excel-filter/bds-dark.scss +2 -1
  83. package/SCSS-Themes/grids/excel-filter/bds.scss +2 -1
  84. package/SCSS-Themes/grids/excel-filter/bootstrap-dark.scss +2 -1
  85. package/SCSS-Themes/grids/excel-filter/bootstrap.scss +2 -1
  86. package/SCSS-Themes/grids/excel-filter/bootstrap4.scss +2 -1
  87. package/SCSS-Themes/grids/excel-filter/bootstrap5-dark.scss +2 -1
  88. package/SCSS-Themes/grids/excel-filter/bootstrap5.scss +2 -1
  89. package/SCSS-Themes/grids/excel-filter/fabric-dark.scss +2 -1
  90. package/SCSS-Themes/grids/excel-filter/fabric.scss +2 -1
  91. package/SCSS-Themes/grids/excel-filter/fluent-dark.scss +2 -1
  92. package/SCSS-Themes/grids/excel-filter/fluent.scss +2 -1
  93. package/SCSS-Themes/grids/excel-filter/fluent2-dark.scss +2 -1
  94. package/SCSS-Themes/grids/excel-filter/fluent2.scss +2 -1
  95. package/SCSS-Themes/grids/excel-filter/highcontrast.scss +2 -1
  96. package/SCSS-Themes/grids/excel-filter/material-dark.scss +2 -1
  97. package/SCSS-Themes/grids/excel-filter/material.scss +2 -1
  98. package/SCSS-Themes/grids/excel-filter/material3-dark.scss +2 -1
  99. package/SCSS-Themes/grids/excel-filter/material3.scss +2 -1
  100. package/SCSS-Themes/grids/excel-filter/tailwind-dark.scss +2 -1
  101. package/SCSS-Themes/grids/excel-filter/tailwind.scss +2 -1
  102. package/SCSS-Themes/grids/grid/bds-dark.scss +69 -14
  103. package/SCSS-Themes/grids/grid/bds.scss +69 -14
  104. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +69 -14
  105. package/SCSS-Themes/grids/grid/bootstrap.scss +69 -14
  106. package/SCSS-Themes/grids/grid/bootstrap4.scss +69 -14
  107. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +69 -14
  108. package/SCSS-Themes/grids/grid/bootstrap5.scss +69 -14
  109. package/SCSS-Themes/grids/grid/fabric-dark.scss +69 -14
  110. package/SCSS-Themes/grids/grid/fabric.scss +69 -14
  111. package/SCSS-Themes/grids/grid/fluent-dark.scss +69 -14
  112. package/SCSS-Themes/grids/grid/fluent.scss +69 -14
  113. package/SCSS-Themes/grids/grid/fluent2-dark.scss +71 -16
  114. package/SCSS-Themes/grids/grid/fluent2.scss +71 -16
  115. package/SCSS-Themes/grids/grid/highcontrast.scss +69 -14
  116. package/SCSS-Themes/grids/grid/material-dark.scss +69 -14
  117. package/SCSS-Themes/grids/grid/material.scss +69 -14
  118. package/SCSS-Themes/grids/grid/material3-dark.scss +70 -15
  119. package/SCSS-Themes/grids/grid/material3.scss +70 -15
  120. package/SCSS-Themes/grids/grid/tailwind-dark.scss +69 -14
  121. package/SCSS-Themes/grids/grid/tailwind.scss +69 -14
  122. package/SCSS-Themes/highcontrast.scss +302 -56
  123. package/SCSS-Themes/image-editor/image-editor/bds-dark.scss +40 -4
  124. package/SCSS-Themes/image-editor/image-editor/bds.scss +40 -4
  125. package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss +40 -4
  126. package/SCSS-Themes/image-editor/image-editor/bootstrap.scss +40 -4
  127. package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss +40 -4
  128. package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss +40 -4
  129. package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss +40 -4
  130. package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss +40 -4
  131. package/SCSS-Themes/image-editor/image-editor/fabric.scss +40 -4
  132. package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss +40 -4
  133. package/SCSS-Themes/image-editor/image-editor/fluent.scss +40 -4
  134. package/SCSS-Themes/image-editor/image-editor/fluent2-dark.scss +40 -4
  135. package/SCSS-Themes/image-editor/image-editor/fluent2.scss +40 -4
  136. package/SCSS-Themes/image-editor/image-editor/highcontrast.scss +40 -4
  137. package/SCSS-Themes/image-editor/image-editor/material-dark.scss +40 -4
  138. package/SCSS-Themes/image-editor/image-editor/material.scss +40 -4
  139. package/SCSS-Themes/image-editor/image-editor/material3-dark.scss +40 -4
  140. package/SCSS-Themes/image-editor/image-editor/material3.scss +40 -4
  141. package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss +40 -4
  142. package/SCSS-Themes/image-editor/image-editor/tailwind.scss +40 -4
  143. package/SCSS-Themes/inputs/input/bds-dark.scss +7 -3
  144. package/SCSS-Themes/inputs/input/bds.scss +7 -3
  145. package/SCSS-Themes/inputs/input/bootstrap-dark.scss +7 -3
  146. package/SCSS-Themes/inputs/input/bootstrap.scss +7 -3
  147. package/SCSS-Themes/inputs/input/bootstrap4.scss +7 -3
  148. package/SCSS-Themes/inputs/input/bootstrap5-dark.scss +7 -3
  149. package/SCSS-Themes/inputs/input/bootstrap5.scss +7 -3
  150. package/SCSS-Themes/inputs/input/fabric-dark.scss +7 -3
  151. package/SCSS-Themes/inputs/input/fabric.scss +7 -3
  152. package/SCSS-Themes/inputs/input/fluent-dark.scss +7 -3
  153. package/SCSS-Themes/inputs/input/fluent.scss +7 -3
  154. package/SCSS-Themes/inputs/input/fluent2-dark.scss +7 -3
  155. package/SCSS-Themes/inputs/input/fluent2.scss +7 -3
  156. package/SCSS-Themes/inputs/input/highcontrast.scss +7 -3
  157. package/SCSS-Themes/inputs/input/material-dark.scss +7 -3
  158. package/SCSS-Themes/inputs/input/material.scss +7 -3
  159. package/SCSS-Themes/inputs/input/material3-dark.scss +7 -3
  160. package/SCSS-Themes/inputs/input/material3.scss +7 -3
  161. package/SCSS-Themes/inputs/input/tailwind-dark.scss +8 -4
  162. package/SCSS-Themes/inputs/input/tailwind.scss +8 -4
  163. package/SCSS-Themes/kanban/kanban/bds-dark.scss +1 -1
  164. package/SCSS-Themes/kanban/kanban/bds.scss +1 -1
  165. package/SCSS-Themes/kanban/kanban/bootstrap-dark.scss +1 -1
  166. package/SCSS-Themes/kanban/kanban/bootstrap.scss +1 -1
  167. package/SCSS-Themes/kanban/kanban/bootstrap4.scss +1 -1
  168. package/SCSS-Themes/kanban/kanban/bootstrap5-dark.scss +1 -1
  169. package/SCSS-Themes/kanban/kanban/bootstrap5.scss +1 -1
  170. package/SCSS-Themes/kanban/kanban/fabric-dark.scss +1 -1
  171. package/SCSS-Themes/kanban/kanban/fabric.scss +1 -1
  172. package/SCSS-Themes/kanban/kanban/fluent-dark.scss +1 -1
  173. package/SCSS-Themes/kanban/kanban/fluent.scss +1 -1
  174. package/SCSS-Themes/kanban/kanban/fluent2-dark.scss +1 -1
  175. package/SCSS-Themes/kanban/kanban/fluent2.scss +1 -1
  176. package/SCSS-Themes/kanban/kanban/highcontrast.scss +1 -1
  177. package/SCSS-Themes/kanban/kanban/material-dark.scss +1 -1
  178. package/SCSS-Themes/kanban/kanban/material.scss +1 -1
  179. package/SCSS-Themes/kanban/kanban/material3-dark.scss +1 -1
  180. package/SCSS-Themes/kanban/kanban/material3.scss +1 -1
  181. package/SCSS-Themes/kanban/kanban/tailwind-dark.scss +1 -1
  182. package/SCSS-Themes/kanban/kanban/tailwind.scss +1 -1
  183. package/SCSS-Themes/material-dark.scss +302 -56
  184. package/SCSS-Themes/material.scss +302 -56
  185. package/SCSS-Themes/material3-dark.scss +306 -60
  186. package/SCSS-Themes/material3.scss +306 -60
  187. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bds-dark.scss +14 -4
  188. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bds.scss +14 -4
  189. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap-dark.scss +14 -4
  190. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap.scss +14 -4
  191. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap4.scss +14 -4
  192. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap5-dark.scss +13 -3
  193. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/bootstrap5.scss +13 -3
  194. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fabric-dark.scss +14 -4
  195. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fabric.scss +14 -4
  196. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fluent-dark.scss +14 -4
  197. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fluent.scss +14 -4
  198. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fluent2-dark.scss +14 -4
  199. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/fluent2.scss +14 -4
  200. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/highcontrast.scss +14 -4
  201. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/material-dark.scss +14 -4
  202. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/material.scss +14 -4
  203. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/material3-dark.scss +15 -5
  204. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/material3.scss +15 -5
  205. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/tailwind-dark.scss +14 -4
  206. package/SCSS-Themes/multicolumn-combobox/multicolumn-combobox/tailwind.scss +14 -4
  207. package/SCSS-Themes/navigations/accordion/bds-dark.scss +26 -2
  208. package/SCSS-Themes/navigations/accordion/bds.scss +26 -2
  209. package/SCSS-Themes/navigations/accordion/bootstrap-dark.scss +26 -2
  210. package/SCSS-Themes/navigations/accordion/bootstrap.scss +26 -2
  211. package/SCSS-Themes/navigations/accordion/bootstrap4.scss +26 -2
  212. package/SCSS-Themes/navigations/accordion/bootstrap5-dark.scss +26 -2
  213. package/SCSS-Themes/navigations/accordion/bootstrap5.scss +26 -2
  214. package/SCSS-Themes/navigations/accordion/fabric-dark.scss +26 -2
  215. package/SCSS-Themes/navigations/accordion/fabric.scss +26 -2
  216. package/SCSS-Themes/navigations/accordion/fluent-dark.scss +26 -2
  217. package/SCSS-Themes/navigations/accordion/fluent.scss +26 -2
  218. package/SCSS-Themes/navigations/accordion/fluent2-dark.scss +27 -3
  219. package/SCSS-Themes/navigations/accordion/fluent2.scss +27 -3
  220. package/SCSS-Themes/navigations/accordion/highcontrast.scss +26 -2
  221. package/SCSS-Themes/navigations/accordion/material-dark.scss +26 -2
  222. package/SCSS-Themes/navigations/accordion/material.scss +26 -2
  223. package/SCSS-Themes/navigations/accordion/material3-dark.scss +26 -2
  224. package/SCSS-Themes/navigations/accordion/material3.scss +26 -2
  225. package/SCSS-Themes/navigations/accordion/tailwind-dark.scss +26 -2
  226. package/SCSS-Themes/navigations/accordion/tailwind.scss +26 -2
  227. package/SCSS-Themes/navigations/stepper/bds-dark.scss +10 -0
  228. package/SCSS-Themes/navigations/stepper/bds.scss +10 -0
  229. package/SCSS-Themes/navigations/stepper/bootstrap-dark.scss +10 -0
  230. package/SCSS-Themes/navigations/stepper/bootstrap.scss +10 -0
  231. package/SCSS-Themes/navigations/stepper/bootstrap4.scss +10 -0
  232. package/SCSS-Themes/navigations/stepper/bootstrap5-dark.scss +10 -0
  233. package/SCSS-Themes/navigations/stepper/bootstrap5.scss +10 -0
  234. package/SCSS-Themes/navigations/stepper/fabric-dark.scss +10 -0
  235. package/SCSS-Themes/navigations/stepper/fabric.scss +10 -0
  236. package/SCSS-Themes/navigations/stepper/fluent-dark.scss +10 -0
  237. package/SCSS-Themes/navigations/stepper/fluent.scss +10 -0
  238. package/SCSS-Themes/navigations/stepper/fluent2-dark.scss +10 -0
  239. package/SCSS-Themes/navigations/stepper/fluent2.scss +10 -0
  240. package/SCSS-Themes/navigations/stepper/highcontrast.scss +10 -0
  241. package/SCSS-Themes/navigations/stepper/material-dark.scss +10 -0
  242. package/SCSS-Themes/navigations/stepper/material.scss +10 -0
  243. package/SCSS-Themes/navigations/stepper/material3-dark.scss +10 -0
  244. package/SCSS-Themes/navigations/stepper/material3.scss +10 -0
  245. package/SCSS-Themes/navigations/stepper/tailwind-dark.scss +10 -0
  246. package/SCSS-Themes/navigations/stepper/tailwind.scss +10 -0
  247. package/SCSS-Themes/navigations/treeview/bds-dark.scss +1 -1
  248. package/SCSS-Themes/navigations/treeview/bds.scss +1 -1
  249. package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss +1 -1
  250. package/SCSS-Themes/navigations/treeview/bootstrap.scss +1 -1
  251. package/SCSS-Themes/navigations/treeview/bootstrap4.scss +1 -1
  252. package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss +1 -1
  253. package/SCSS-Themes/navigations/treeview/bootstrap5.scss +1 -1
  254. package/SCSS-Themes/navigations/treeview/fabric-dark.scss +1 -1
  255. package/SCSS-Themes/navigations/treeview/fabric.scss +1 -1
  256. package/SCSS-Themes/navigations/treeview/fluent-dark.scss +1 -1
  257. package/SCSS-Themes/navigations/treeview/fluent.scss +1 -1
  258. package/SCSS-Themes/navigations/treeview/fluent2-dark.scss +8 -8
  259. package/SCSS-Themes/navigations/treeview/fluent2.scss +8 -8
  260. package/SCSS-Themes/navigations/treeview/highcontrast.scss +1 -1
  261. package/SCSS-Themes/navigations/treeview/material-dark.scss +1 -1
  262. package/SCSS-Themes/navigations/treeview/material.scss +1 -1
  263. package/SCSS-Themes/navigations/treeview/material3-dark.scss +1 -1
  264. package/SCSS-Themes/navigations/treeview/material3.scss +1 -1
  265. package/SCSS-Themes/navigations/treeview/tailwind-dark.scss +1 -1
  266. package/SCSS-Themes/navigations/treeview/tailwind.scss +1 -1
  267. package/SCSS-Themes/pivotview/pivotfieldlist/bds-dark.scss +42 -1
  268. package/SCSS-Themes/pivotview/pivotfieldlist/bds.scss +42 -1
  269. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss +42 -1
  270. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss +42 -1
  271. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss +42 -1
  272. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss +42 -1
  273. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss +42 -1
  274. package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss +42 -1
  275. package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss +42 -1
  276. package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss +42 -1
  277. package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss +42 -1
  278. package/SCSS-Themes/pivotview/pivotfieldlist/fluent2-dark.scss +43 -3
  279. package/SCSS-Themes/pivotview/pivotfieldlist/fluent2.scss +43 -3
  280. package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss +42 -1
  281. package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss +42 -1
  282. package/SCSS-Themes/pivotview/pivotfieldlist/material.scss +42 -1
  283. package/SCSS-Themes/pivotview/pivotfieldlist/material3-dark.scss +42 -1
  284. package/SCSS-Themes/pivotview/pivotfieldlist/material3.scss +42 -1
  285. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss +42 -1
  286. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss +42 -1
  287. package/SCSS-Themes/pivotview/pivotview/fluent2-dark.scss +7 -8
  288. package/SCSS-Themes/pivotview/pivotview/fluent2.scss +7 -8
  289. package/SCSS-Themes/popups/dialog/bds-dark.scss +6 -6
  290. package/SCSS-Themes/popups/dialog/bds.scss +6 -6
  291. package/SCSS-Themes/popups/dialog/bootstrap-dark.scss +6 -6
  292. package/SCSS-Themes/popups/dialog/bootstrap.scss +6 -6
  293. package/SCSS-Themes/popups/dialog/bootstrap4.scss +6 -6
  294. package/SCSS-Themes/popups/dialog/bootstrap5-dark.scss +6 -6
  295. package/SCSS-Themes/popups/dialog/bootstrap5.scss +6 -6
  296. package/SCSS-Themes/popups/dialog/fabric-dark.scss +6 -6
  297. package/SCSS-Themes/popups/dialog/fabric.scss +6 -6
  298. package/SCSS-Themes/popups/dialog/fluent-dark.scss +6 -6
  299. package/SCSS-Themes/popups/dialog/fluent.scss +6 -6
  300. package/SCSS-Themes/popups/dialog/fluent2-dark.scss +12 -18
  301. package/SCSS-Themes/popups/dialog/fluent2.scss +12 -18
  302. package/SCSS-Themes/popups/dialog/highcontrast.scss +6 -6
  303. package/SCSS-Themes/popups/dialog/material-dark.scss +6 -6
  304. package/SCSS-Themes/popups/dialog/material.scss +6 -6
  305. package/SCSS-Themes/popups/dialog/material3-dark.scss +6 -6
  306. package/SCSS-Themes/popups/dialog/material3.scss +6 -6
  307. package/SCSS-Themes/popups/dialog/tailwind-dark.scss +6 -6
  308. package/SCSS-Themes/popups/dialog/tailwind.scss +6 -6
  309. package/SCSS-Themes/popups/tooltip/fluent2-dark.scss +1 -1
  310. package/SCSS-Themes/popups/tooltip/fluent2.scss +1 -1
  311. package/SCSS-Themes/querybuilder/query-builder/bds-dark.scss +3 -4
  312. package/SCSS-Themes/querybuilder/query-builder/bds.scss +3 -4
  313. package/SCSS-Themes/querybuilder/query-builder/bootstrap-dark.scss +3 -4
  314. package/SCSS-Themes/querybuilder/query-builder/bootstrap.scss +3 -4
  315. package/SCSS-Themes/querybuilder/query-builder/bootstrap4.scss +3 -4
  316. package/SCSS-Themes/querybuilder/query-builder/bootstrap5-dark.scss +3 -4
  317. package/SCSS-Themes/querybuilder/query-builder/bootstrap5.scss +3 -4
  318. package/SCSS-Themes/querybuilder/query-builder/fabric-dark.scss +3 -4
  319. package/SCSS-Themes/querybuilder/query-builder/fabric.scss +3 -4
  320. package/SCSS-Themes/querybuilder/query-builder/fluent-dark.scss +3 -4
  321. package/SCSS-Themes/querybuilder/query-builder/fluent.scss +3 -4
  322. package/SCSS-Themes/querybuilder/query-builder/fluent2-dark.scss +2 -4
  323. package/SCSS-Themes/querybuilder/query-builder/fluent2.scss +2 -4
  324. package/SCSS-Themes/querybuilder/query-builder/highcontrast.scss +3 -4
  325. package/SCSS-Themes/querybuilder/query-builder/material-dark.scss +3 -4
  326. package/SCSS-Themes/querybuilder/query-builder/material.scss +3 -4
  327. package/SCSS-Themes/querybuilder/query-builder/material3-dark.scss +3 -4
  328. package/SCSS-Themes/querybuilder/query-builder/material3.scss +3 -4
  329. package/SCSS-Themes/querybuilder/query-builder/tailwind-dark.scss +3 -4
  330. package/SCSS-Themes/querybuilder/query-builder/tailwind.scss +3 -4
  331. package/SCSS-Themes/ribbon/ribbon/bds-dark.scss +14 -0
  332. package/SCSS-Themes/ribbon/ribbon/bds.scss +14 -0
  333. package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss +14 -0
  334. package/SCSS-Themes/ribbon/ribbon/bootstrap.scss +14 -0
  335. package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss +14 -0
  336. package/SCSS-Themes/ribbon/ribbon/bootstrap5-dark.scss +14 -0
  337. package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss +14 -0
  338. package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss +14 -0
  339. package/SCSS-Themes/ribbon/ribbon/fabric.scss +14 -0
  340. package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss +14 -0
  341. package/SCSS-Themes/ribbon/ribbon/fluent.scss +14 -0
  342. package/SCSS-Themes/ribbon/ribbon/fluent2-dark.scss +15 -1
  343. package/SCSS-Themes/ribbon/ribbon/fluent2.scss +15 -1
  344. package/SCSS-Themes/ribbon/ribbon/highcontrast.scss +14 -0
  345. package/SCSS-Themes/ribbon/ribbon/material-dark.scss +14 -0
  346. package/SCSS-Themes/ribbon/ribbon/material.scss +14 -0
  347. package/SCSS-Themes/ribbon/ribbon/material3-dark.scss +14 -0
  348. package/SCSS-Themes/ribbon/ribbon/material3.scss +14 -0
  349. package/SCSS-Themes/ribbon/ribbon/tailwind-dark.scss +14 -0
  350. package/SCSS-Themes/ribbon/ribbon/tailwind.scss +14 -0
  351. package/SCSS-Themes/richtexteditor/rich-text-editor/bds-dark.scss +20 -10
  352. package/SCSS-Themes/richtexteditor/rich-text-editor/bds.scss +20 -10
  353. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +20 -10
  354. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +20 -10
  355. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +20 -10
  356. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +20 -10
  357. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +20 -10
  358. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +20 -10
  359. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +20 -10
  360. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +20 -10
  361. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +20 -10
  362. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent2-dark.scss +21 -11
  363. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent2.scss +21 -11
  364. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +20 -10
  365. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +20 -10
  366. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +20 -10
  367. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +22 -12
  368. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +22 -12
  369. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +20 -10
  370. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +20 -10
  371. package/SCSS-Themes/schedule/schedule/bds-dark.scss +16 -0
  372. package/SCSS-Themes/schedule/schedule/bds.scss +16 -0
  373. package/SCSS-Themes/schedule/schedule/bootstrap-dark.scss +16 -0
  374. package/SCSS-Themes/schedule/schedule/bootstrap.scss +16 -0
  375. package/SCSS-Themes/schedule/schedule/bootstrap4.scss +16 -0
  376. package/SCSS-Themes/schedule/schedule/bootstrap5-dark.scss +16 -0
  377. package/SCSS-Themes/schedule/schedule/bootstrap5.scss +16 -0
  378. package/SCSS-Themes/schedule/schedule/fabric-dark.scss +16 -0
  379. package/SCSS-Themes/schedule/schedule/fabric.scss +16 -0
  380. package/SCSS-Themes/schedule/schedule/fluent-dark.scss +16 -0
  381. package/SCSS-Themes/schedule/schedule/fluent.scss +16 -0
  382. package/SCSS-Themes/schedule/schedule/fluent2-dark.scss +19 -3
  383. package/SCSS-Themes/schedule/schedule/fluent2.scss +19 -3
  384. package/SCSS-Themes/schedule/schedule/highcontrast.scss +16 -0
  385. package/SCSS-Themes/schedule/schedule/material-dark.scss +16 -0
  386. package/SCSS-Themes/schedule/schedule/material.scss +16 -0
  387. package/SCSS-Themes/schedule/schedule/material3-dark.scss +16 -0
  388. package/SCSS-Themes/schedule/schedule/material3.scss +16 -0
  389. package/SCSS-Themes/schedule/schedule/tailwind-dark.scss +16 -0
  390. package/SCSS-Themes/schedule/schedule/tailwind.scss +16 -0
  391. package/SCSS-Themes/tailwind-dark.scss +303 -57
  392. package/SCSS-Themes/tailwind.scss +303 -57
  393. package/package.json +1 -1
@@ -12303,11 +12303,15 @@ $textarea-float-top: -28px !default;
12303
12303
  @if $input-skin-name == 'bootstrap4' {
12304
12304
  transition: $input-transition-shadow;
12305
12305
  }
12306
- @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
12306
+ @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' {
12307
12307
  border-color: $input-group-border-color-focus;
12308
12308
  border-radius: $input-groupo-focus-border-radius;
12309
12309
  box-shadow: $input-group-focus-box-shadow;
12310
12310
  }
12311
+ @if $input-skin-name == 'FluentUI' {
12312
+ border-radius: $input-groupo-focus-border-radius;
12313
+ border-width: 2px;
12314
+ }
12311
12315
  }
12312
12316
 
12313
12317
  .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
@@ -12396,14 +12400,14 @@ $textarea-float-top: -28px !default;
12396
12400
 
12397
12401
  .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
12398
12402
  .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
12399
- @if $input-skin-name == 'fabric' or $input-skin-name == 'FluentUI' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'highcontrast' {
12403
+ @if $input-skin-name == 'fabric' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'highcontrast' {
12400
12404
  border-color: $input-active-border-color;
12401
12405
  }
12402
12406
  @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' {
12403
12407
  -webkit-box-shadow: $input-border-shadow;
12404
12408
  box-shadow: $input-border-shadow;
12405
12409
  }
12406
- @if $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
12410
+ @if $input-skin-name == 'bootstrap5' {
12407
12411
  box-shadow: $input-group-focus-box-shadow;
12408
12412
  }
12409
12413
  }
@@ -11846,11 +11846,15 @@ $float-label-rtl-value: -7px !default;
11846
11846
  @if $input-skin-name == 'bootstrap4' {
11847
11847
  transition: $input-transition-shadow;
11848
11848
  }
11849
- @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
11849
+ @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' {
11850
11850
  border-color: $input-group-border-color-focus;
11851
11851
  border-radius: $input-groupo-focus-border-radius;
11852
11852
  box-shadow: $input-group-focus-box-shadow;
11853
11853
  }
11854
+ @if $input-skin-name == 'FluentUI' {
11855
+ border-radius: $input-groupo-focus-border-radius;
11856
+ border-width: 2px;
11857
+ }
11854
11858
  }
11855
11859
 
11856
11860
  .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
@@ -11939,14 +11943,14 @@ $float-label-rtl-value: -7px !default;
11939
11943
 
11940
11944
  .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
11941
11945
  .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
11942
- @if $input-skin-name == 'fabric' or $input-skin-name == 'FluentUI' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'highcontrast' {
11946
+ @if $input-skin-name == 'fabric' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'highcontrast' {
11943
11947
  border-color: $input-active-border-color;
11944
11948
  }
11945
11949
  @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' {
11946
11950
  -webkit-box-shadow: $input-border-shadow;
11947
11951
  box-shadow: $input-border-shadow;
11948
11952
  }
11949
- @if $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
11953
+ @if $input-skin-name == 'bootstrap5' {
11950
11954
  box-shadow: $input-group-focus-box-shadow;
11951
11955
  }
11952
11956
  }
@@ -12108,11 +12108,15 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
12108
12108
  @if $input-skin-name == 'bootstrap4' {
12109
12109
  transition: $input-transition-shadow;
12110
12110
  }
12111
- @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
12111
+ @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' {
12112
12112
  border-color: $input-group-border-color-focus;
12113
12113
  border-radius: $input-groupo-focus-border-radius;
12114
12114
  box-shadow: $input-group-focus-box-shadow;
12115
12115
  }
12116
+ @if $input-skin-name == 'FluentUI' {
12117
+ border-radius: $input-groupo-focus-border-radius;
12118
+ border-width: 2px;
12119
+ }
12116
12120
  }
12117
12121
 
12118
12122
  .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
@@ -12201,14 +12205,14 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
12201
12205
 
12202
12206
  .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
12203
12207
  .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
12204
- @if $input-skin-name == 'fabric' or $input-skin-name == 'FluentUI' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'highcontrast' {
12208
+ @if $input-skin-name == 'fabric' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'highcontrast' {
12205
12209
  border-color: $input-active-border-color;
12206
12210
  }
12207
12211
  @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' {
12208
12212
  -webkit-box-shadow: $input-border-shadow;
12209
12213
  box-shadow: $input-border-shadow;
12210
12214
  }
12211
- @if $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
12215
+ @if $input-skin-name == 'bootstrap5' {
12212
12216
  box-shadow: $input-group-focus-box-shadow;
12213
12217
  }
12214
12218
  }
@@ -12108,11 +12108,15 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
12108
12108
  @if $input-skin-name == 'bootstrap4' {
12109
12109
  transition: $input-transition-shadow;
12110
12110
  }
12111
- @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
12111
+ @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' {
12112
12112
  border-color: $input-group-border-color-focus;
12113
12113
  border-radius: $input-groupo-focus-border-radius;
12114
12114
  box-shadow: $input-group-focus-box-shadow;
12115
12115
  }
12116
+ @if $input-skin-name == 'FluentUI' {
12117
+ border-radius: $input-groupo-focus-border-radius;
12118
+ border-width: 2px;
12119
+ }
12116
12120
  }
12117
12121
 
12118
12122
  .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
@@ -12201,14 +12205,14 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
12201
12205
 
12202
12206
  .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
12203
12207
  .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
12204
- @if $input-skin-name == 'fabric' or $input-skin-name == 'FluentUI' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'highcontrast' {
12208
+ @if $input-skin-name == 'fabric' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'highcontrast' {
12205
12209
  border-color: $input-active-border-color;
12206
12210
  }
12207
12211
  @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' {
12208
12212
  -webkit-box-shadow: $input-border-shadow;
12209
12213
  box-shadow: $input-border-shadow;
12210
12214
  }
12211
- @if $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
12215
+ @if $input-skin-name == 'bootstrap5' {
12212
12216
  box-shadow: $input-group-focus-box-shadow;
12213
12217
  }
12214
12218
  }
@@ -12077,11 +12077,15 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
12077
12077
  @if $input-skin-name == 'bootstrap4' {
12078
12078
  transition: $input-transition-shadow;
12079
12079
  }
12080
- @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
12080
+ @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' {
12081
12081
  border-color: $input-group-border-color-focus;
12082
12082
  border-radius: $input-groupo-focus-border-radius;
12083
12083
  box-shadow: $input-group-focus-box-shadow;
12084
12084
  }
12085
+ @if $input-skin-name == 'FluentUI' {
12086
+ border-radius: $input-groupo-focus-border-radius;
12087
+ border-width: 2px;
12088
+ }
12085
12089
  }
12086
12090
 
12087
12091
  .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
@@ -12170,14 +12174,14 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
12170
12174
 
12171
12175
  .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
12172
12176
  .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
12173
- @if $input-skin-name == 'fabric' or $input-skin-name == 'FluentUI' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'highcontrast' {
12177
+ @if $input-skin-name == 'fabric' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'highcontrast' {
12174
12178
  border-color: $input-active-border-color;
12175
12179
  }
12176
12180
  @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' {
12177
12181
  -webkit-box-shadow: $input-border-shadow;
12178
12182
  box-shadow: $input-border-shadow;
12179
12183
  }
12180
- @if $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
12184
+ @if $input-skin-name == 'bootstrap5' {
12181
12185
  box-shadow: $input-group-focus-box-shadow;
12182
12186
  }
12183
12187
  }
@@ -12077,11 +12077,15 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
12077
12077
  @if $input-skin-name == 'bootstrap4' {
12078
12078
  transition: $input-transition-shadow;
12079
12079
  }
12080
- @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
12080
+ @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' {
12081
12081
  border-color: $input-group-border-color-focus;
12082
12082
  border-radius: $input-groupo-focus-border-radius;
12083
12083
  box-shadow: $input-group-focus-box-shadow;
12084
12084
  }
12085
+ @if $input-skin-name == 'FluentUI' {
12086
+ border-radius: $input-groupo-focus-border-radius;
12087
+ border-width: 2px;
12088
+ }
12085
12089
  }
12086
12090
 
12087
12091
  .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
@@ -12170,14 +12174,14 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
12170
12174
 
12171
12175
  .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
12172
12176
  .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
12173
- @if $input-skin-name == 'fabric' or $input-skin-name == 'FluentUI' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'highcontrast' {
12177
+ @if $input-skin-name == 'fabric' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'highcontrast' {
12174
12178
  border-color: $input-active-border-color;
12175
12179
  }
12176
12180
  @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' {
12177
12181
  -webkit-box-shadow: $input-border-shadow;
12178
12182
  box-shadow: $input-border-shadow;
12179
12183
  }
12180
- @if $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
12184
+ @if $input-skin-name == 'bootstrap5' {
12181
12185
  box-shadow: $input-group-focus-box-shadow;
12182
12186
  }
12183
12187
  }
@@ -239,7 +239,7 @@ $float-label-disbale-font-color: $input-disable-font-color !default;
239
239
  $input-placeholder-color: $placeholder-text-color !default;
240
240
  $input-group-disabled-color: $icon-color-disabled !default;
241
241
  $input-group-hovered-color: $icon-color-hover !default;
242
- $input-readonly-bg-color: none !default;
242
+ $input-readonly-bg-color: $content-bg-color-alt1 !default;
243
243
  $input-readonly-color: $cool-gray-600 !default;
244
244
  $input-icon-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
245
245
  $input-border-shadow: 0 0 0 3px rgba($primary, .25) !default;
@@ -11869,11 +11869,15 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
11869
11869
  @if $input-skin-name == 'bootstrap4' {
11870
11870
  transition: $input-transition-shadow;
11871
11871
  }
11872
- @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
11872
+ @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' {
11873
11873
  border-color: $input-group-border-color-focus;
11874
11874
  border-radius: $input-groupo-focus-border-radius;
11875
11875
  box-shadow: $input-group-focus-box-shadow;
11876
11876
  }
11877
+ @if $input-skin-name == 'FluentUI' {
11878
+ border-radius: $input-groupo-focus-border-radius;
11879
+ border-width: 2px;
11880
+ }
11877
11881
  }
11878
11882
 
11879
11883
  .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
@@ -11962,14 +11966,14 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
11962
11966
 
11963
11967
  .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
11964
11968
  .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
11965
- @if $input-skin-name == 'fabric' or $input-skin-name == 'FluentUI' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'highcontrast' {
11969
+ @if $input-skin-name == 'fabric' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'highcontrast' {
11966
11970
  border-color: $input-active-border-color;
11967
11971
  }
11968
11972
  @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' {
11969
11973
  -webkit-box-shadow: $input-border-shadow;
11970
11974
  box-shadow: $input-border-shadow;
11971
11975
  }
11972
- @if $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
11976
+ @if $input-skin-name == 'bootstrap5' {
11973
11977
  box-shadow: $input-group-focus-box-shadow;
11974
11978
  }
11975
11979
  }
@@ -239,7 +239,7 @@ $float-label-disbale-font-color: $input-disable-font-color !default;
239
239
  $input-placeholder-color: $placeholder-text-color !default;
240
240
  $input-group-disabled-color: $icon-color-disabled !default;
241
241
  $input-group-hovered-color: $icon-color-hover !default;
242
- $input-readonly-bg-color: none !default;
242
+ $input-readonly-bg-color: $content-bg-color-alt1 !default;
243
243
  $input-readonly-color: $cool-gray-600 !default;
244
244
  $input-icon-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
245
245
  $input-border-shadow: 0 0 0 3px rgba($primary, .25) !default;
@@ -11869,11 +11869,15 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
11869
11869
  @if $input-skin-name == 'bootstrap4' {
11870
11870
  transition: $input-transition-shadow;
11871
11871
  }
11872
- @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
11872
+ @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' {
11873
11873
  border-color: $input-group-border-color-focus;
11874
11874
  border-radius: $input-groupo-focus-border-radius;
11875
11875
  box-shadow: $input-group-focus-box-shadow;
11876
11876
  }
11877
+ @if $input-skin-name == 'FluentUI' {
11878
+ border-radius: $input-groupo-focus-border-radius;
11879
+ border-width: 2px;
11880
+ }
11877
11881
  }
11878
11882
 
11879
11883
  .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
@@ -11962,14 +11966,14 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
11962
11966
 
11963
11967
  .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
11964
11968
  .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
11965
- @if $input-skin-name == 'fabric' or $input-skin-name == 'FluentUI' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'highcontrast' {
11969
+ @if $input-skin-name == 'fabric' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'highcontrast' {
11966
11970
  border-color: $input-active-border-color;
11967
11971
  }
11968
11972
  @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' {
11969
11973
  -webkit-box-shadow: $input-border-shadow;
11970
11974
  box-shadow: $input-border-shadow;
11971
11975
  }
11972
- @if $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
11976
+ @if $input-skin-name == 'bootstrap5' {
11973
11977
  box-shadow: $input-group-focus-box-shadow;
11974
11978
  }
11975
11979
  }
@@ -1420,7 +1420,7 @@ $kanban-col-expand-collapse-box-shadow: $shadow-focus-ring1;
1420
1420
 
1421
1421
  .e-kanban-dialog .e-dialog-edit.e-primary{
1422
1422
  background: $primary-bg-color-hover;
1423
- color: $primary-border-color-hover;
1423
+ color: $primary-text-color;
1424
1424
  }
1425
1425
  }
1426
1426
 
@@ -1420,7 +1420,7 @@ $kanban-col-expand-collapse-box-shadow: $shadow-focus-ring1;
1420
1420
 
1421
1421
  .e-kanban-dialog .e-dialog-edit.e-primary{
1422
1422
  background: $primary-bg-color-hover;
1423
- color: $primary-border-color-hover;
1423
+ color: $primary-text-color;
1424
1424
  }
1425
1425
  }
1426
1426
 
@@ -1411,7 +1411,7 @@ $kanban-col-expand-collapse-box-shadow: none;
1411
1411
 
1412
1412
  .e-kanban-dialog .e-dialog-edit.e-primary{
1413
1413
  background: $primary-bg-color-hover;
1414
- color: $primary-border-color-hover;
1414
+ color: $primary-text-color;
1415
1415
  }
1416
1416
  }
1417
1417
 
@@ -1410,7 +1410,7 @@ $kanban-col-expand-collapse-box-shadow: none;
1410
1410
 
1411
1411
  .e-kanban-dialog .e-dialog-edit.e-primary{
1412
1412
  background: $primary-bg-color-hover;
1413
- color: $primary-border-color-hover;
1413
+ color: $primary-text-color;
1414
1414
  }
1415
1415
  }
1416
1416
 
@@ -1411,7 +1411,7 @@ $kanban-col-expand-collapse-box-shadow: none;
1411
1411
 
1412
1412
  .e-kanban-dialog .e-dialog-edit.e-primary{
1413
1413
  background: $primary-bg-color-hover;
1414
- color: $primary-border-color-hover;
1414
+ color: $primary-text-color;
1415
1415
  }
1416
1416
  }
1417
1417
 
@@ -1419,7 +1419,7 @@ $kanban-col-expand-collapse-box-shadow: $shadow-focus-ring1;
1419
1419
 
1420
1420
  .e-kanban-dialog .e-dialog-edit.e-primary{
1421
1421
  background: $primary-bg-color-hover;
1422
- color: $primary-border-color-hover;
1422
+ color: $primary-text-color;
1423
1423
  }
1424
1424
  }
1425
1425
 
@@ -1419,7 +1419,7 @@ $kanban-col-expand-collapse-box-shadow: $shadow-focus-ring1;
1419
1419
 
1420
1420
  .e-kanban-dialog .e-dialog-edit.e-primary{
1421
1421
  background: $primary-bg-color-hover;
1422
- color: $primary-border-color-hover;
1422
+ color: $primary-text-color;
1423
1423
  }
1424
1424
  }
1425
1425
 
@@ -1410,7 +1410,7 @@ $kanban-col-expand-collapse-box-shadow: none;
1410
1410
 
1411
1411
  .e-kanban-dialog .e-dialog-edit.e-primary{
1412
1412
  background: $primary-bg-color-hover;
1413
- color: $primary-border-color-hover;
1413
+ color: $primary-text-color;
1414
1414
  }
1415
1415
  }
1416
1416
 
@@ -1410,7 +1410,7 @@ $kanban-col-expand-collapse-box-shadow: none;
1410
1410
 
1411
1411
  .e-kanban-dialog .e-dialog-edit.e-primary{
1412
1412
  background: $primary-bg-color-hover;
1413
- color: $primary-border-color-hover;
1413
+ color: $primary-text-color;
1414
1414
  }
1415
1415
  }
1416
1416
 
@@ -1411,7 +1411,7 @@ $kanban-col-expand-collapse-box-shadow: none;
1411
1411
 
1412
1412
  .e-kanban-dialog .e-dialog-edit.e-primary{
1413
1413
  background: $primary-bg-color-hover;
1414
- color: $primary-border-color-hover;
1414
+ color: $primary-text-color;
1415
1415
  }
1416
1416
  }
1417
1417
 
@@ -1411,7 +1411,7 @@ $kanban-col-expand-collapse-box-shadow: none;
1411
1411
 
1412
1412
  .e-kanban-dialog .e-dialog-edit.e-primary{
1413
1413
  background: $primary-bg-color-hover;
1414
- color: $primary-border-color-hover;
1414
+ color: $primary-text-color;
1415
1415
  }
1416
1416
  }
1417
1417
 
@@ -1420,7 +1420,7 @@ $kanban-col-expand-collapse-box-shadow: none !default;
1420
1420
 
1421
1421
  .e-kanban-dialog .e-dialog-edit.e-primary{
1422
1422
  background: $primary-bg-color-hover;
1423
- color: $primary-border-color-hover;
1423
+ color: $primary-text-color;
1424
1424
  }
1425
1425
  }
1426
1426
 
@@ -1420,7 +1420,7 @@ $kanban-col-expand-collapse-box-shadow: none !default;
1420
1420
 
1421
1421
  .e-kanban-dialog .e-dialog-edit.e-primary{
1422
1422
  background: $primary-bg-color-hover;
1423
- color: $primary-border-color-hover;
1423
+ color: $primary-text-color;
1424
1424
  }
1425
1425
  }
1426
1426
 
@@ -1411,7 +1411,7 @@ $kanban-col-expand-collapse-box-shadow: none;
1411
1411
 
1412
1412
  .e-kanban-dialog .e-dialog-edit.e-primary{
1413
1413
  background: $primary-bg-color-hover;
1414
- color: $primary-border-color-hover;
1414
+ color: $primary-text-color;
1415
1415
  }
1416
1416
  }
1417
1417
 
@@ -1410,7 +1410,7 @@ $kanban-col-expand-collapse-box-shadow: none;
1410
1410
 
1411
1411
  .e-kanban-dialog .e-dialog-edit.e-primary{
1412
1412
  background: $primary-bg-color-hover;
1413
- color: $primary-border-color-hover;
1413
+ color: $primary-text-color;
1414
1414
  }
1415
1415
  }
1416
1416
 
@@ -1410,7 +1410,7 @@ $kanban-col-expand-collapse-box-shadow: none;
1410
1410
 
1411
1411
  .e-kanban-dialog .e-dialog-edit.e-primary{
1412
1412
  background: $primary-bg-color-hover;
1413
- color: $primary-border-color-hover;
1413
+ color: $primary-text-color;
1414
1414
  }
1415
1415
  }
1416
1416
 
@@ -1419,7 +1419,7 @@ $kanban-col-expand-collapse-box-shadow: $secondary-shadow-focus !default;
1419
1419
 
1420
1420
  .e-kanban-dialog .e-dialog-edit.e-primary{
1421
1421
  background: $primary-bg-color-hover;
1422
- color: $primary-border-color-hover;
1422
+ color: $primary-text-color;
1423
1423
  }
1424
1424
  }
1425
1425
 
@@ -1419,7 +1419,7 @@ $kanban-col-expand-collapse-box-shadow: $secondary-shadow-focus !default;
1419
1419
 
1420
1420
  .e-kanban-dialog .e-dialog-edit.e-primary{
1421
1421
  background: $primary-bg-color-hover;
1422
- color: $primary-border-color-hover;
1422
+ color: $primary-text-color;
1423
1423
  }
1424
1424
  }
1425
1425
 
@@ -1420,7 +1420,7 @@ $kanban-col-expand-collapse-box-shadow: $shadow-focus-ring1;
1420
1420
 
1421
1421
  .e-kanban-dialog .e-dialog-edit.e-primary{
1422
1422
  background: $primary-bg-color-hover;
1423
- color: $primary-border-color-hover;
1423
+ color: $primary-text-color;
1424
1424
  }
1425
1425
  }
1426
1426
 
@@ -1420,7 +1420,7 @@ $kanban-col-expand-collapse-box-shadow: $shadow-focus-ring1;
1420
1420
 
1421
1421
  .e-kanban-dialog .e-dialog-edit.e-primary{
1422
1422
  background: $primary-bg-color-hover;
1423
- color: $primary-border-color-hover;
1423
+ color: $primary-text-color;
1424
1424
  }
1425
1425
  }
1426
1426