@syncfusion/blazor-themes 31.1.19 → 31.1.21

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 (301) hide show
  1. package/Compiled-Themes/bds-dark-lite.css +5 -6
  2. package/Compiled-Themes/bds-dark.css +5 -6
  3. package/Compiled-Themes/bds-lite.css +5 -6
  4. package/Compiled-Themes/bds.css +5 -6
  5. package/Compiled-Themes/bootstrap-dark-lite.css +4 -3
  6. package/Compiled-Themes/bootstrap-dark.css +4 -3
  7. package/Compiled-Themes/bootstrap-lite.css +4 -3
  8. package/Compiled-Themes/bootstrap.css +4 -3
  9. package/Compiled-Themes/bootstrap4-lite.css +13 -11
  10. package/Compiled-Themes/bootstrap4.css +25 -16
  11. package/Compiled-Themes/bootstrap5-dark-lite.css +29 -25
  12. package/Compiled-Themes/bootstrap5-dark.css +45 -32
  13. package/Compiled-Themes/bootstrap5-lite.css +29 -25
  14. package/Compiled-Themes/bootstrap5.3-dark-lite.css +38 -25
  15. package/Compiled-Themes/bootstrap5.3-dark.css +55 -33
  16. package/Compiled-Themes/bootstrap5.3-lite.css +38 -25
  17. package/Compiled-Themes/bootstrap5.3.css +55 -33
  18. package/Compiled-Themes/bootstrap5.css +45 -32
  19. package/Compiled-Themes/fabric-dark-lite.css +4 -3
  20. package/Compiled-Themes/fabric-dark.css +4 -3
  21. package/Compiled-Themes/fabric-lite.css +4 -3
  22. package/Compiled-Themes/fabric.css +4 -3
  23. package/Compiled-Themes/fluent-dark-lite.css +16 -14
  24. package/Compiled-Themes/fluent-dark.css +26 -18
  25. package/Compiled-Themes/fluent-lite.css +16 -14
  26. package/Compiled-Themes/fluent.css +26 -18
  27. package/Compiled-Themes/fluent2-dark-lite.css +8 -7
  28. package/Compiled-Themes/fluent2-dark.css +9 -8
  29. package/Compiled-Themes/fluent2-highcontrast-lite.css +11 -7
  30. package/Compiled-Themes/fluent2-highcontrast.css +12 -8
  31. package/Compiled-Themes/fluent2-lite.css +8 -7
  32. package/Compiled-Themes/fluent2.css +9 -8
  33. package/Compiled-Themes/highcontrast-lite.css +14 -12
  34. package/Compiled-Themes/highcontrast.css +25 -15
  35. package/Compiled-Themes/material-dark-lite.css +19 -15
  36. package/Compiled-Themes/material-dark.css +39 -19
  37. package/Compiled-Themes/material-lite.css +19 -12
  38. package/Compiled-Themes/material.css +36 -15
  39. package/Compiled-Themes/material3-dark-lite.css +4 -6
  40. package/Compiled-Themes/material3-dark.css +5 -6
  41. package/Compiled-Themes/material3-lite.css +4 -6
  42. package/Compiled-Themes/material3.css +5 -6
  43. package/Compiled-Themes/tailwind-dark-lite.css +4 -5
  44. package/Compiled-Themes/tailwind-dark.css +4 -5
  45. package/Compiled-Themes/tailwind-lite.css +4 -5
  46. package/Compiled-Themes/tailwind.css +4 -5
  47. package/Compiled-Themes/tailwind3-dark-lite.css +9 -5
  48. package/Compiled-Themes/tailwind3-dark.css +16 -5
  49. package/Compiled-Themes/tailwind3-lite.css +9 -5
  50. package/Compiled-Themes/tailwind3.css +16 -5
  51. package/SCSS-Themes/bds-dark-lite.scss +90 -34
  52. package/SCSS-Themes/bds-dark.scss +182 -36
  53. package/SCSS-Themes/bds-lite.scss +90 -34
  54. package/SCSS-Themes/bds.scss +182 -36
  55. package/SCSS-Themes/bootstrap-dark-lite.scss +89 -34
  56. package/SCSS-Themes/bootstrap-dark.scss +181 -36
  57. package/SCSS-Themes/bootstrap-lite.scss +89 -34
  58. package/SCSS-Themes/bootstrap.scss +181 -36
  59. package/SCSS-Themes/bootstrap4-lite.scss +98 -42
  60. package/SCSS-Themes/bootstrap4.scss +190 -44
  61. package/SCSS-Themes/bootstrap5-dark-lite.scss +103 -47
  62. package/SCSS-Themes/bootstrap5-dark.scss +195 -49
  63. package/SCSS-Themes/bootstrap5-lite.scss +103 -47
  64. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +106 -50
  65. package/SCSS-Themes/bootstrap5.3-dark.scss +198 -52
  66. package/SCSS-Themes/bootstrap5.3-lite.scss +106 -50
  67. package/SCSS-Themes/bootstrap5.3.scss +198 -52
  68. package/SCSS-Themes/bootstrap5.scss +195 -49
  69. package/SCSS-Themes/buttons/button/bds-dark-lite.scss +2 -1
  70. package/SCSS-Themes/buttons/button/bds-dark.scss +2 -1
  71. package/SCSS-Themes/buttons/button/bds-lite.scss +2 -1
  72. package/SCSS-Themes/buttons/button/bds.scss +2 -1
  73. package/SCSS-Themes/buttons/button/bootstrap-dark-lite.scss +2 -1
  74. package/SCSS-Themes/buttons/button/bootstrap-dark.scss +2 -1
  75. package/SCSS-Themes/buttons/button/bootstrap-lite.scss +2 -1
  76. package/SCSS-Themes/buttons/button/bootstrap.scss +2 -1
  77. package/SCSS-Themes/buttons/button/bootstrap4-lite.scss +2 -1
  78. package/SCSS-Themes/buttons/button/bootstrap4.scss +2 -1
  79. package/SCSS-Themes/buttons/button/bootstrap5-dark-lite.scss +4 -3
  80. package/SCSS-Themes/buttons/button/bootstrap5-dark.scss +4 -3
  81. package/SCSS-Themes/buttons/button/bootstrap5-lite.scss +4 -3
  82. package/SCSS-Themes/buttons/button/bootstrap5.3-dark-lite.scss +2 -1
  83. package/SCSS-Themes/buttons/button/bootstrap5.3-dark.scss +2 -1
  84. package/SCSS-Themes/buttons/button/bootstrap5.3-lite.scss +2 -1
  85. package/SCSS-Themes/buttons/button/bootstrap5.3.scss +2 -1
  86. package/SCSS-Themes/buttons/button/bootstrap5.scss +4 -3
  87. package/SCSS-Themes/buttons/button/fabric-dark-lite.scss +2 -1
  88. package/SCSS-Themes/buttons/button/fabric-dark.scss +2 -1
  89. package/SCSS-Themes/buttons/button/fabric-lite.scss +2 -1
  90. package/SCSS-Themes/buttons/button/fabric.scss +2 -1
  91. package/SCSS-Themes/buttons/button/fluent-dark-lite.scss +2 -1
  92. package/SCSS-Themes/buttons/button/fluent-dark.scss +2 -1
  93. package/SCSS-Themes/buttons/button/fluent-lite.scss +2 -1
  94. package/SCSS-Themes/buttons/button/fluent.scss +2 -1
  95. package/SCSS-Themes/buttons/button/fluent2-dark-lite.scss +2 -1
  96. package/SCSS-Themes/buttons/button/fluent2-dark.scss +2 -1
  97. package/SCSS-Themes/buttons/button/fluent2-highcontrast-lite.scss +2 -1
  98. package/SCSS-Themes/buttons/button/fluent2-highcontrast.scss +2 -1
  99. package/SCSS-Themes/buttons/button/fluent2-lite.scss +2 -1
  100. package/SCSS-Themes/buttons/button/fluent2.scss +2 -1
  101. package/SCSS-Themes/buttons/button/highcontrast-lite.scss +2 -1
  102. package/SCSS-Themes/buttons/button/highcontrast.scss +2 -1
  103. package/SCSS-Themes/buttons/button/material-dark-lite.scss +2 -1
  104. package/SCSS-Themes/buttons/button/material-dark.scss +2 -1
  105. package/SCSS-Themes/buttons/button/material-lite.scss +2 -1
  106. package/SCSS-Themes/buttons/button/material.scss +2 -1
  107. package/SCSS-Themes/buttons/button/material3-dark-lite.scss +2 -1
  108. package/SCSS-Themes/buttons/button/material3-dark.scss +2 -1
  109. package/SCSS-Themes/buttons/button/material3-lite.scss +2 -1
  110. package/SCSS-Themes/buttons/button/material3.scss +2 -1
  111. package/SCSS-Themes/buttons/button/tailwind-dark-lite.scss +2 -1
  112. package/SCSS-Themes/buttons/button/tailwind-dark.scss +2 -1
  113. package/SCSS-Themes/buttons/button/tailwind-lite.scss +2 -1
  114. package/SCSS-Themes/buttons/button/tailwind.scss +2 -1
  115. package/SCSS-Themes/buttons/button/tailwind3-dark-lite.scss +2 -1
  116. package/SCSS-Themes/buttons/button/tailwind3-dark.scss +2 -1
  117. package/SCSS-Themes/buttons/button/tailwind3-lite.scss +2 -1
  118. package/SCSS-Themes/buttons/button/tailwind3.scss +2 -1
  119. package/SCSS-Themes/fabric-dark-lite.scss +89 -33
  120. package/SCSS-Themes/fabric-dark.scss +181 -35
  121. package/SCSS-Themes/fabric-lite.scss +89 -33
  122. package/SCSS-Themes/fabric.scss +181 -35
  123. package/SCSS-Themes/fluent-dark-lite.scss +99 -43
  124. package/SCSS-Themes/fluent-dark.scss +191 -45
  125. package/SCSS-Themes/fluent-lite.scss +99 -43
  126. package/SCSS-Themes/fluent.scss +191 -45
  127. package/SCSS-Themes/fluent2-dark-lite.scss +93 -37
  128. package/SCSS-Themes/fluent2-dark.scss +185 -39
  129. package/SCSS-Themes/fluent2-highcontrast-lite.scss +93 -37
  130. package/SCSS-Themes/fluent2-highcontrast.scss +185 -39
  131. package/SCSS-Themes/fluent2-lite.scss +93 -37
  132. package/SCSS-Themes/fluent2.scss +185 -39
  133. package/SCSS-Themes/highcontrast-lite.scss +99 -41
  134. package/SCSS-Themes/highcontrast.scss +191 -43
  135. package/SCSS-Themes/material-dark-lite.scss +97 -41
  136. package/SCSS-Themes/material-dark.scss +189 -43
  137. package/SCSS-Themes/material-lite.scss +96 -40
  138. package/SCSS-Themes/material.scss +188 -42
  139. package/SCSS-Themes/material3-dark-lite.scss +91 -35
  140. package/SCSS-Themes/material3-dark.scss +183 -37
  141. package/SCSS-Themes/material3-lite.scss +91 -35
  142. package/SCSS-Themes/material3.scss +183 -37
  143. package/SCSS-Themes/navigations/menu/bds-dark-lite.scss +1 -7
  144. package/SCSS-Themes/navigations/menu/bds-dark.scss +1 -7
  145. package/SCSS-Themes/navigations/menu/bds-lite.scss +1 -7
  146. package/SCSS-Themes/navigations/menu/bds.scss +1 -7
  147. package/SCSS-Themes/navigations/menu/bootstrap-dark-lite.scss +1 -8
  148. package/SCSS-Themes/navigations/menu/bootstrap-dark.scss +1 -8
  149. package/SCSS-Themes/navigations/menu/bootstrap-lite.scss +1 -8
  150. package/SCSS-Themes/navigations/menu/bootstrap.scss +1 -8
  151. package/SCSS-Themes/navigations/menu/bootstrap4-lite.scss +1 -7
  152. package/SCSS-Themes/navigations/menu/bootstrap4.scss +1 -7
  153. package/SCSS-Themes/navigations/menu/bootstrap5-dark-lite.scss +1 -7
  154. package/SCSS-Themes/navigations/menu/bootstrap5-dark.scss +1 -7
  155. package/SCSS-Themes/navigations/menu/bootstrap5-lite.scss +1 -7
  156. package/SCSS-Themes/navigations/menu/bootstrap5.3-dark-lite.scss +1 -7
  157. package/SCSS-Themes/navigations/menu/bootstrap5.3-dark.scss +1 -7
  158. package/SCSS-Themes/navigations/menu/bootstrap5.3-lite.scss +1 -7
  159. package/SCSS-Themes/navigations/menu/bootstrap5.3.scss +1 -7
  160. package/SCSS-Themes/navigations/menu/bootstrap5.scss +1 -7
  161. package/SCSS-Themes/navigations/menu/fabric-dark-lite.scss +1 -7
  162. package/SCSS-Themes/navigations/menu/fabric-dark.scss +1 -7
  163. package/SCSS-Themes/navigations/menu/fabric-lite.scss +1 -7
  164. package/SCSS-Themes/navigations/menu/fabric.scss +1 -7
  165. package/SCSS-Themes/navigations/menu/fluent-dark-lite.scss +2 -8
  166. package/SCSS-Themes/navigations/menu/fluent-dark.scss +2 -8
  167. package/SCSS-Themes/navigations/menu/fluent-lite.scss +2 -8
  168. package/SCSS-Themes/navigations/menu/fluent.scss +2 -8
  169. package/SCSS-Themes/navigations/menu/fluent2-dark-lite.scss +2 -8
  170. package/SCSS-Themes/navigations/menu/fluent2-dark.scss +2 -8
  171. package/SCSS-Themes/navigations/menu/fluent2-highcontrast-lite.scss +2 -8
  172. package/SCSS-Themes/navigations/menu/fluent2-highcontrast.scss +2 -8
  173. package/SCSS-Themes/navigations/menu/fluent2-lite.scss +2 -8
  174. package/SCSS-Themes/navigations/menu/fluent2.scss +2 -8
  175. package/SCSS-Themes/navigations/menu/highcontrast-lite.scss +1 -7
  176. package/SCSS-Themes/navigations/menu/highcontrast.scss +1 -7
  177. package/SCSS-Themes/navigations/menu/material-dark-lite.scss +1 -7
  178. package/SCSS-Themes/navigations/menu/material-dark.scss +1 -7
  179. package/SCSS-Themes/navigations/menu/material-lite.scss +1 -7
  180. package/SCSS-Themes/navigations/menu/material.scss +1 -7
  181. package/SCSS-Themes/navigations/menu/material3-dark-lite.scss +2 -8
  182. package/SCSS-Themes/navigations/menu/material3-dark.scss +2 -8
  183. package/SCSS-Themes/navigations/menu/material3-lite.scss +2 -8
  184. package/SCSS-Themes/navigations/menu/material3.scss +2 -8
  185. package/SCSS-Themes/navigations/menu/tailwind-dark-lite.scss +1 -7
  186. package/SCSS-Themes/navigations/menu/tailwind-dark.scss +1 -7
  187. package/SCSS-Themes/navigations/menu/tailwind-lite.scss +1 -7
  188. package/SCSS-Themes/navigations/menu/tailwind.scss +1 -7
  189. package/SCSS-Themes/navigations/menu/tailwind3-dark-lite.scss +1 -7
  190. package/SCSS-Themes/navigations/menu/tailwind3-dark.scss +1 -7
  191. package/SCSS-Themes/navigations/menu/tailwind3-lite.scss +1 -7
  192. package/SCSS-Themes/navigations/menu/tailwind3.scss +1 -7
  193. package/SCSS-Themes/navigations/treeview/bds-dark-lite.scss +76 -20
  194. package/SCSS-Themes/navigations/treeview/bds-dark.scss +165 -20
  195. package/SCSS-Themes/navigations/treeview/bds-lite.scss +76 -20
  196. package/SCSS-Themes/navigations/treeview/bds.scss +165 -20
  197. package/SCSS-Themes/navigations/treeview/bootstrap-dark-lite.scss +75 -19
  198. package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss +164 -19
  199. package/SCSS-Themes/navigations/treeview/bootstrap-lite.scss +75 -19
  200. package/SCSS-Themes/navigations/treeview/bootstrap.scss +164 -19
  201. package/SCSS-Themes/navigations/treeview/bootstrap4-lite.scss +84 -28
  202. package/SCSS-Themes/navigations/treeview/bootstrap4.scss +173 -28
  203. package/SCSS-Themes/navigations/treeview/bootstrap5-dark-lite.scss +81 -25
  204. package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss +170 -25
  205. package/SCSS-Themes/navigations/treeview/bootstrap5-lite.scss +81 -25
  206. package/SCSS-Themes/navigations/treeview/bootstrap5.3-dark-lite.scss +84 -28
  207. package/SCSS-Themes/navigations/treeview/bootstrap5.3-dark.scss +173 -28
  208. package/SCSS-Themes/navigations/treeview/bootstrap5.3-lite.scss +84 -28
  209. package/SCSS-Themes/navigations/treeview/bootstrap5.3.scss +173 -28
  210. package/SCSS-Themes/navigations/treeview/bootstrap5.scss +170 -25
  211. package/SCSS-Themes/navigations/treeview/fabric-dark-lite.scss +75 -19
  212. package/SCSS-Themes/navigations/treeview/fabric-dark.scss +164 -19
  213. package/SCSS-Themes/navigations/treeview/fabric-lite.scss +75 -19
  214. package/SCSS-Themes/navigations/treeview/fabric.scss +164 -19
  215. package/SCSS-Themes/navigations/treeview/fluent-dark-lite.scss +84 -28
  216. package/SCSS-Themes/navigations/treeview/fluent-dark.scss +173 -28
  217. package/SCSS-Themes/navigations/treeview/fluent-lite.scss +84 -28
  218. package/SCSS-Themes/navigations/treeview/fluent.scss +173 -28
  219. package/SCSS-Themes/navigations/treeview/fluent2-dark-lite.scss +75 -19
  220. package/SCSS-Themes/navigations/treeview/fluent2-dark.scss +164 -19
  221. package/SCSS-Themes/navigations/treeview/fluent2-highcontrast-lite.scss +75 -19
  222. package/SCSS-Themes/navigations/treeview/fluent2-highcontrast.scss +164 -19
  223. package/SCSS-Themes/navigations/treeview/fluent2-lite.scss +75 -19
  224. package/SCSS-Themes/navigations/treeview/fluent2.scss +164 -19
  225. package/SCSS-Themes/navigations/treeview/highcontrast-lite.scss +85 -27
  226. package/SCSS-Themes/navigations/treeview/highcontrast.scss +174 -27
  227. package/SCSS-Themes/navigations/treeview/material-dark-lite.scss +83 -27
  228. package/SCSS-Themes/navigations/treeview/material-dark.scss +172 -27
  229. package/SCSS-Themes/navigations/treeview/material-lite.scss +82 -26
  230. package/SCSS-Themes/navigations/treeview/material.scss +171 -26
  231. package/SCSS-Themes/navigations/treeview/material3-dark-lite.scss +75 -19
  232. package/SCSS-Themes/navigations/treeview/material3-dark.scss +164 -19
  233. package/SCSS-Themes/navigations/treeview/material3-lite.scss +75 -19
  234. package/SCSS-Themes/navigations/treeview/material3.scss +164 -19
  235. package/SCSS-Themes/navigations/treeview/tailwind-dark-lite.scss +75 -19
  236. package/SCSS-Themes/navigations/treeview/tailwind-dark.scss +164 -19
  237. package/SCSS-Themes/navigations/treeview/tailwind-lite.scss +75 -19
  238. package/SCSS-Themes/navigations/treeview/tailwind.scss +164 -19
  239. package/SCSS-Themes/navigations/treeview/tailwind3-dark-lite.scss +76 -20
  240. package/SCSS-Themes/navigations/treeview/tailwind3-dark.scss +165 -20
  241. package/SCSS-Themes/navigations/treeview/tailwind3-lite.scss +76 -20
  242. package/SCSS-Themes/navigations/treeview/tailwind3.scss +165 -20
  243. package/SCSS-Themes/notifications/toast/bds-dark-lite.scss +11 -6
  244. package/SCSS-Themes/notifications/toast/bds-dark.scss +14 -8
  245. package/SCSS-Themes/notifications/toast/bds-lite.scss +11 -6
  246. package/SCSS-Themes/notifications/toast/bds.scss +14 -8
  247. package/SCSS-Themes/notifications/toast/bootstrap-dark-lite.scss +11 -6
  248. package/SCSS-Themes/notifications/toast/bootstrap-dark.scss +14 -8
  249. package/SCSS-Themes/notifications/toast/bootstrap-lite.scss +11 -6
  250. package/SCSS-Themes/notifications/toast/bootstrap.scss +14 -8
  251. package/SCSS-Themes/notifications/toast/bootstrap4-lite.scss +11 -6
  252. package/SCSS-Themes/notifications/toast/bootstrap4.scss +14 -8
  253. package/SCSS-Themes/notifications/toast/bootstrap5-dark-lite.scss +17 -12
  254. package/SCSS-Themes/notifications/toast/bootstrap5-dark.scss +20 -14
  255. package/SCSS-Themes/notifications/toast/bootstrap5-lite.scss +17 -12
  256. package/SCSS-Themes/notifications/toast/bootstrap5.3-dark-lite.scss +19 -14
  257. package/SCSS-Themes/notifications/toast/bootstrap5.3-dark.scss +22 -16
  258. package/SCSS-Themes/notifications/toast/bootstrap5.3-lite.scss +19 -14
  259. package/SCSS-Themes/notifications/toast/bootstrap5.3.scss +22 -16
  260. package/SCSS-Themes/notifications/toast/bootstrap5.scss +20 -14
  261. package/SCSS-Themes/notifications/toast/fabric-dark-lite.scss +11 -6
  262. package/SCSS-Themes/notifications/toast/fabric-dark.scss +14 -8
  263. package/SCSS-Themes/notifications/toast/fabric-lite.scss +11 -6
  264. package/SCSS-Themes/notifications/toast/fabric.scss +14 -8
  265. package/SCSS-Themes/notifications/toast/fluent-dark-lite.scss +11 -6
  266. package/SCSS-Themes/notifications/toast/fluent-dark.scss +14 -8
  267. package/SCSS-Themes/notifications/toast/fluent-lite.scss +11 -6
  268. package/SCSS-Themes/notifications/toast/fluent.scss +14 -8
  269. package/SCSS-Themes/notifications/toast/fluent2-dark-lite.scss +14 -9
  270. package/SCSS-Themes/notifications/toast/fluent2-dark.scss +17 -11
  271. package/SCSS-Themes/notifications/toast/fluent2-highcontrast-lite.scss +14 -9
  272. package/SCSS-Themes/notifications/toast/fluent2-highcontrast.scss +17 -11
  273. package/SCSS-Themes/notifications/toast/fluent2-lite.scss +14 -9
  274. package/SCSS-Themes/notifications/toast/fluent2.scss +17 -11
  275. package/SCSS-Themes/notifications/toast/highcontrast-lite.scss +11 -6
  276. package/SCSS-Themes/notifications/toast/highcontrast.scss +14 -8
  277. package/SCSS-Themes/notifications/toast/material-dark-lite.scss +11 -6
  278. package/SCSS-Themes/notifications/toast/material-dark.scss +14 -8
  279. package/SCSS-Themes/notifications/toast/material-lite.scss +11 -6
  280. package/SCSS-Themes/notifications/toast/material.scss +14 -8
  281. package/SCSS-Themes/notifications/toast/material3-dark-lite.scss +12 -7
  282. package/SCSS-Themes/notifications/toast/material3-dark.scss +15 -9
  283. package/SCSS-Themes/notifications/toast/material3-lite.scss +12 -7
  284. package/SCSS-Themes/notifications/toast/material3.scss +15 -9
  285. package/SCSS-Themes/notifications/toast/tailwind-dark-lite.scss +11 -6
  286. package/SCSS-Themes/notifications/toast/tailwind-dark.scss +14 -8
  287. package/SCSS-Themes/notifications/toast/tailwind-lite.scss +11 -6
  288. package/SCSS-Themes/notifications/toast/tailwind.scss +14 -8
  289. package/SCSS-Themes/notifications/toast/tailwind3-dark-lite.scss +11 -6
  290. package/SCSS-Themes/notifications/toast/tailwind3-dark.scss +14 -8
  291. package/SCSS-Themes/notifications/toast/tailwind3-lite.scss +11 -6
  292. package/SCSS-Themes/notifications/toast/tailwind3.scss +14 -8
  293. package/SCSS-Themes/tailwind-dark-lite.scss +89 -33
  294. package/SCSS-Themes/tailwind-dark.scss +181 -35
  295. package/SCSS-Themes/tailwind-lite.scss +89 -33
  296. package/SCSS-Themes/tailwind.scss +181 -35
  297. package/SCSS-Themes/tailwind3-dark-lite.scss +90 -34
  298. package/SCSS-Themes/tailwind3-dark.scss +182 -36
  299. package/SCSS-Themes/tailwind3-lite.scss +90 -34
  300. package/SCSS-Themes/tailwind3.scss +182 -36
  301. package/package.json +1 -1
package/SCSS-Themes/navigations/menu/bootstrap5-lite.scss CHANGED
@@ -157,7 +157,7 @@ $menu-caret-color: $cmenu-caret-color !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,12 +200,6 @@ $menu-caret-color: $cmenu-caret-color !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
204
- line-height: $menu-icon-li-height;
205
- }
206
- @else {
207
- line-height: $menu-li-height;
208
- }
209
203
  }
210
204
  }
211
205
  }
package/SCSS-Themes/navigations/menu/bootstrap5.3-dark-lite.scss CHANGED
@@ -157,7 +157,7 @@ $menu-caret-color: $icon-color-pressed !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,12 +200,6 @@ $menu-caret-color: $icon-color-pressed !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
204
- line-height: $menu-icon-li-height;
205
- }
206
- @else {
207
- line-height: $menu-li-height;
208
- }
209
203
  }
210
204
  }
211
205
  }
package/SCSS-Themes/navigations/menu/bootstrap5.3-dark.scss CHANGED
@@ -157,7 +157,7 @@ $menu-caret-color: $icon-color-pressed !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,12 +200,6 @@ $menu-caret-color: $icon-color-pressed !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
204
- line-height: $menu-icon-li-height;
205
- }
206
- @else {
207
- line-height: $menu-li-height;
208
- }
209
203
  }
210
204
  }
211
205
  }
package/SCSS-Themes/navigations/menu/bootstrap5.3-lite.scss CHANGED
@@ -157,7 +157,7 @@ $menu-caret-color: $icon-color-pressed !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,12 +200,6 @@ $menu-caret-color: $icon-color-pressed !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
204
- line-height: $menu-icon-li-height;
205
- }
206
- @else {
207
- line-height: $menu-li-height;
208
- }
209
203
  }
210
204
  }
211
205
  }
package/SCSS-Themes/navigations/menu/bootstrap5.3.scss CHANGED
@@ -157,7 +157,7 @@ $menu-caret-color: $icon-color-pressed !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,12 +200,6 @@ $menu-caret-color: $icon-color-pressed !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
204
- line-height: $menu-icon-li-height;
205
- }
206
- @else {
207
- line-height: $menu-li-height;
208
- }
209
203
  }
210
204
  }
211
205
  }
package/SCSS-Themes/navigations/menu/bootstrap5.scss CHANGED
@@ -157,7 +157,7 @@ $menu-caret-color: $cmenu-caret-color !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,12 +200,6 @@ $menu-caret-color: $cmenu-caret-color !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
204
- line-height: $menu-icon-li-height;
205
- }
206
- @else {
207
- line-height: $menu-li-height;
208
- }
209
203
  }
210
204
  }
211
205
  }
package/SCSS-Themes/navigations/menu/fabric-dark-lite.scss CHANGED
@@ -152,7 +152,7 @@ $menu-header-icon-padding: 0 16px !default;
152
152
  & .e-caret {
153
153
  font-size: $menu-caret-font-size;
154
154
  height: auto;
155
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
155
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
156
156
  line-height: $menu-icon-li-height;
157
157
  }
158
158
  @else {
@@ -195,12 +195,6 @@ $menu-header-icon-padding: 0 16px !default;
195
195
  @if $skin-name == 'fluent2' {
196
196
  padding: 9px 0;
197
197
  }
198
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
199
- line-height: $menu-icon-li-height;
200
- }
201
- @else {
202
- line-height: $menu-li-height;
203
- }
204
198
  }
205
199
  }
206
200
  }
package/SCSS-Themes/navigations/menu/fabric-dark.scss CHANGED
@@ -152,7 +152,7 @@ $menu-header-icon-padding: 0 16px !default;
152
152
  & .e-caret {
153
153
  font-size: $menu-caret-font-size;
154
154
  height: auto;
155
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
155
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
156
156
  line-height: $menu-icon-li-height;
157
157
  }
158
158
  @else {
@@ -195,12 +195,6 @@ $menu-header-icon-padding: 0 16px !default;
195
195
  @if $skin-name == 'fluent2' {
196
196
  padding: 9px 0;
197
197
  }
198
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
199
- line-height: $menu-icon-li-height;
200
- }
201
- @else {
202
- line-height: $menu-li-height;
203
- }
204
198
  }
205
199
  }
206
200
  }
package/SCSS-Themes/navigations/menu/fabric-lite.scss CHANGED
@@ -155,7 +155,7 @@ $menu-header-icon-padding: 0 16px !default;
155
155
  & .e-caret {
156
156
  font-size: $menu-caret-font-size;
157
157
  height: auto;
158
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
158
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
159
159
  line-height: $menu-icon-li-height;
160
160
  }
161
161
  @else {
@@ -198,12 +198,6 @@ $menu-header-icon-padding: 0 16px !default;
198
198
  @if $skin-name == 'fluent2' {
199
199
  padding: 9px 0;
200
200
  }
201
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
202
- line-height: $menu-icon-li-height;
203
- }
204
- @else {
205
- line-height: $menu-li-height;
206
- }
207
201
  }
208
202
  }
209
203
  }
package/SCSS-Themes/navigations/menu/fabric.scss CHANGED
@@ -155,7 +155,7 @@ $menu-header-icon-padding: 0 16px !default;
155
155
  & .e-caret {
156
156
  font-size: $menu-caret-font-size;
157
157
  height: auto;
158
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
158
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
159
159
  line-height: $menu-icon-li-height;
160
160
  }
161
161
  @else {
@@ -198,12 +198,6 @@ $menu-header-icon-padding: 0 16px !default;
198
198
  @if $skin-name == 'fluent2' {
199
199
  padding: 9px 0;
200
200
  }
201
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
202
- line-height: $menu-icon-li-height;
203
- }
204
- @else {
205
- line-height: $menu-li-height;
206
- }
207
201
  }
208
202
  }
209
203
  }
package/SCSS-Themes/navigations/menu/fluent-dark-lite.scss CHANGED
@@ -47,7 +47,7 @@ $menu-bigger-hscroll-nav-size: 46px !default;
47
47
  $menu-bigger-vscroll-nav-size: 32px !default;
48
48
  $menu-bigger-scroll-nav-icon-size: $text-lg !default;
49
49
  $menu-header-icon-padding: 0 16px !default;
50
- $menu-icon-li-height: 40px !default;
50
+ $menu-icon-li-height: 44px !default;
51
51
  $menu-li-bgcolor: $content-bg-color-alt3 !default;
52
52
  $menu-li-border-color: $border-light !default;
53
53
  $menu-li-selection-bgcolor: $content-bg-color-alt3 !default;
@@ -157,7 +157,7 @@ $menu-caret-color: $cmenu-caret-color !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,12 +200,6 @@ $menu-caret-color: $cmenu-caret-color !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
204
- line-height: $menu-icon-li-height;
205
- }
206
- @else {
207
- line-height: $menu-li-height;
208
- }
209
203
  }
210
204
  }
211
205
  }
package/SCSS-Themes/navigations/menu/fluent-dark.scss CHANGED
@@ -47,7 +47,7 @@ $menu-bigger-hscroll-nav-size: 46px !default;
47
47
  $menu-bigger-vscroll-nav-size: 32px !default;
48
48
  $menu-bigger-scroll-nav-icon-size: $text-lg !default;
49
49
  $menu-header-icon-padding: 0 16px !default;
50
- $menu-icon-li-height: 40px !default;
50
+ $menu-icon-li-height: 44px !default;
51
51
  $menu-li-bgcolor: $content-bg-color-alt3 !default;
52
52
  $menu-li-border-color: $border-light !default;
53
53
  $menu-li-selection-bgcolor: $content-bg-color-alt3 !default;
@@ -157,7 +157,7 @@ $menu-caret-color: $cmenu-caret-color !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,12 +200,6 @@ $menu-caret-color: $cmenu-caret-color !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
204
- line-height: $menu-icon-li-height;
205
- }
206
- @else {
207
- line-height: $menu-li-height;
208
- }
209
203
  }
210
204
  }
211
205
  }
package/SCSS-Themes/navigations/menu/fluent-lite.scss CHANGED
@@ -47,7 +47,7 @@ $menu-bigger-hscroll-nav-size: 46px !default;
47
47
  $menu-bigger-vscroll-nav-size: 32px !default;
48
48
  $menu-bigger-scroll-nav-icon-size: $text-lg !default;
49
49
  $menu-header-icon-padding: 0 16px !default;
50
- $menu-icon-li-height: 40px !default;
50
+ $menu-icon-li-height: 44px !default;
51
51
  $menu-li-bgcolor: $content-bg-color-alt3 !default;
52
52
  $menu-li-border-color: $border-light !default;
53
53
  $menu-li-selection-bgcolor: $content-bg-color-alt3 !default;
@@ -157,7 +157,7 @@ $menu-caret-color: $cmenu-caret-color !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,12 +200,6 @@ $menu-caret-color: $cmenu-caret-color !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
204
- line-height: $menu-icon-li-height;
205
- }
206
- @else {
207
- line-height: $menu-li-height;
208
- }
209
203
  }
210
204
  }
211
205
  }
package/SCSS-Themes/navigations/menu/fluent.scss CHANGED
@@ -47,7 +47,7 @@ $menu-bigger-hscroll-nav-size: 46px !default;
47
47
  $menu-bigger-vscroll-nav-size: 32px !default;
48
48
  $menu-bigger-scroll-nav-icon-size: $text-lg !default;
49
49
  $menu-header-icon-padding: 0 16px !default;
50
- $menu-icon-li-height: 40px !default;
50
+ $menu-icon-li-height: 44px !default;
51
51
  $menu-li-bgcolor: $content-bg-color-alt3 !default;
52
52
  $menu-li-border-color: $border-light !default;
53
53
  $menu-li-selection-bgcolor: $content-bg-color-alt3 !default;
@@ -157,7 +157,7 @@ $menu-caret-color: $cmenu-caret-color !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,12 +200,6 @@ $menu-caret-color: $cmenu-caret-color !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
204
- line-height: $menu-icon-li-height;
205
- }
206
- @else {
207
- line-height: $menu-li-height;
208
- }
209
203
  }
210
204
  }
211
205
  }
package/SCSS-Themes/navigations/menu/fluent2-dark-lite.scss CHANGED
@@ -69,7 +69,7 @@ $menu-icon-color: $icon-color !default;
69
69
  $menu-icon-hover-color: $content-text-color-hover !default;
70
70
  $menu-icon-focussed-color: $cmenu-caret-color !default;
71
71
  $menu-caret-color: $icon-color-pressed !default;
72
- $menu-icon-li-height: 18px !default;
72
+ $menu-icon-li-height: 42px !default;
73
73
  $menu-bigger-li-icon-height: 55px !default;
74
74
 
75
75
 
@@ -158,7 +158,7 @@ $menu-bigger-li-icon-height: 55px !default;
158
158
  & .e-caret {
159
159
  font-size: $menu-caret-font-size;
160
160
  height: auto;
161
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
162
162
  line-height: $menu-icon-li-height;
163
163
  }
164
164
  @else {
@@ -201,12 +201,6 @@ $menu-bigger-li-icon-height: 55px !default;
201
201
  @if $skin-name == 'fluent2' {
202
202
  padding: 9px 0;
203
203
  }
204
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
205
- line-height: $menu-icon-li-height;
206
- }
207
- @else {
208
- line-height: $menu-li-height;
209
- }
210
204
  }
211
205
  }
212
206
  }
package/SCSS-Themes/navigations/menu/fluent2-dark.scss CHANGED
@@ -69,7 +69,7 @@ $menu-icon-color: $icon-color !default;
69
69
  $menu-icon-hover-color: $content-text-color-hover !default;
70
70
  $menu-icon-focussed-color: $cmenu-caret-color !default;
71
71
  $menu-caret-color: $icon-color-pressed !default;
72
- $menu-icon-li-height: 18px !default;
72
+ $menu-icon-li-height: 42px !default;
73
73
  $menu-bigger-li-icon-height: 55px !default;
74
74
 
75
75
 
@@ -158,7 +158,7 @@ $menu-bigger-li-icon-height: 55px !default;
158
158
  & .e-caret {
159
159
  font-size: $menu-caret-font-size;
160
160
  height: auto;
161
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
162
162
  line-height: $menu-icon-li-height;
163
163
  }
164
164
  @else {
@@ -201,12 +201,6 @@ $menu-bigger-li-icon-height: 55px !default;
201
201
  @if $skin-name == 'fluent2' {
202
202
  padding: 9px 0;
203
203
  }
204
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
205
- line-height: $menu-icon-li-height;
206
- }
207
- @else {
208
- line-height: $menu-li-height;
209
- }
210
204
  }
211
205
  }
212
206
  }
package/SCSS-Themes/navigations/menu/fluent2-highcontrast-lite.scss CHANGED
@@ -69,7 +69,7 @@ $menu-icon-color: $icon-color !default;
69
69
  $menu-icon-hover-color: $content-text-color-hover !default;
70
70
  $menu-icon-focussed-color: $cmenu-caret-color !default;
71
71
  $menu-caret-color: $icon-color-pressed !default;
72
- $menu-icon-li-height: 18px !default;
72
+ $menu-icon-li-height: 42px !default;
73
73
  $menu-bigger-li-icon-height: 55px !default;
74
74
 
75
75
 
@@ -158,7 +158,7 @@ $menu-bigger-li-icon-height: 55px !default;
158
158
  & .e-caret {
159
159
  font-size: $menu-caret-font-size;
160
160
  height: auto;
161
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
162
162
  line-height: $menu-icon-li-height;
163
163
  }
164
164
  @else {
@@ -201,12 +201,6 @@ $menu-bigger-li-icon-height: 55px !default;
201
201
  @if $skin-name == 'fluent2' {
202
202
  padding: 9px 0;
203
203
  }
204
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
205
- line-height: $menu-icon-li-height;
206
- }
207
- @else {
208
- line-height: $menu-li-height;
209
- }
210
204
  }
211
205
  }
212
206
  }
package/SCSS-Themes/navigations/menu/fluent2-highcontrast.scss CHANGED
@@ -69,7 +69,7 @@ $menu-icon-color: $icon-color !default;
69
69
  $menu-icon-hover-color: $content-text-color-hover !default;
70
70
  $menu-icon-focussed-color: $cmenu-caret-color !default;
71
71
  $menu-caret-color: $icon-color-pressed !default;
72
- $menu-icon-li-height: 18px !default;
72
+ $menu-icon-li-height: 42px !default;
73
73
  $menu-bigger-li-icon-height: 55px !default;
74
74
 
75
75
 
@@ -158,7 +158,7 @@ $menu-bigger-li-icon-height: 55px !default;
158
158
  & .e-caret {
159
159
  font-size: $menu-caret-font-size;
160
160
  height: auto;
161
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
162
162
  line-height: $menu-icon-li-height;
163
163
  }
164
164
  @else {
@@ -201,12 +201,6 @@ $menu-bigger-li-icon-height: 55px !default;
201
201
  @if $skin-name == 'fluent2' {
202
202
  padding: 9px 0;
203
203
  }
204
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
205
- line-height: $menu-icon-li-height;
206
- }
207
- @else {
208
- line-height: $menu-li-height;
209
- }
210
204
  }
211
205
  }
212
206
  }
package/SCSS-Themes/navigations/menu/fluent2-lite.scss CHANGED
@@ -69,7 +69,7 @@ $menu-icon-color: $icon-color !default;
69
69
  $menu-icon-hover-color: $content-text-color-hover !default;
70
70
  $menu-icon-focussed-color: $cmenu-caret-color !default;
71
71
  $menu-caret-color: $icon-color-pressed !default;
72
- $menu-icon-li-height: 18px !default;
72
+ $menu-icon-li-height: 42px !default;
73
73
  $menu-bigger-li-icon-height: 55px !default;
74
74
 
75
75
 
@@ -158,7 +158,7 @@ $menu-bigger-li-icon-height: 55px !default;
158
158
  & .e-caret {
159
159
  font-size: $menu-caret-font-size;
160
160
  height: auto;
161
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
162
162
  line-height: $menu-icon-li-height;
163
163
  }
164
164
  @else {
@@ -201,12 +201,6 @@ $menu-bigger-li-icon-height: 55px !default;
201
201
  @if $skin-name == 'fluent2' {
202
202
  padding: 9px 0;
203
203
  }
204
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
205
- line-height: $menu-icon-li-height;
206
- }
207
- @else {
208
- line-height: $menu-li-height;
209
- }
210
204
  }
211
205
  }
212
206
  }
package/SCSS-Themes/navigations/menu/fluent2.scss CHANGED
@@ -69,7 +69,7 @@ $menu-icon-color: $icon-color !default;
69
69
  $menu-icon-hover-color: $content-text-color-hover !default;
70
70
  $menu-icon-focussed-color: $cmenu-caret-color !default;
71
71
  $menu-caret-color: $icon-color-pressed !default;
72
- $menu-icon-li-height: 18px !default;
72
+ $menu-icon-li-height: 42px !default;
73
73
  $menu-bigger-li-icon-height: 55px !default;
74
74
 
75
75
 
@@ -158,7 +158,7 @@ $menu-bigger-li-icon-height: 55px !default;
158
158
  & .e-caret {
159
159
  font-size: $menu-caret-font-size;
160
160
  height: auto;
161
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
162
162
  line-height: $menu-icon-li-height;
163
163
  }
164
164
  @else {
@@ -201,12 +201,6 @@ $menu-bigger-li-icon-height: 55px !default;
201
201
  @if $skin-name == 'fluent2' {
202
202
  padding: 9px 0;
203
203
  }
204
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
205
- line-height: $menu-icon-li-height;
206
- }
207
- @else {
208
- line-height: $menu-li-height;
209
- }
210
204
  }
211
205
  }
212
206
  }
package/SCSS-Themes/navigations/menu/highcontrast-lite.scss CHANGED
@@ -156,7 +156,7 @@ $menu-header-icon-padding: 0 16px !default;
156
156
  & .e-caret {
157
157
  font-size: $menu-caret-font-size;
158
158
  height: auto;
159
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
159
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
160
  line-height: $menu-icon-li-height;
161
161
  }
162
162
  @else {
@@ -199,12 +199,6 @@ $menu-header-icon-padding: 0 16px !default;
199
199
  @if $skin-name == 'fluent2' {
200
200
  padding: 9px 0;
201
201
  }
202
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
203
- line-height: $menu-icon-li-height;
204
- }
205
- @else {
206
- line-height: $menu-li-height;
207
- }
208
202
  }
209
203
  }
210
204
  }
package/SCSS-Themes/navigations/menu/highcontrast.scss CHANGED
@@ -156,7 +156,7 @@ $menu-header-icon-padding: 0 16px !default;
156
156
  & .e-caret {
157
157
  font-size: $menu-caret-font-size;
158
158
  height: auto;
159
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
159
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
160
  line-height: $menu-icon-li-height;
161
161
  }
162
162
  @else {
@@ -199,12 +199,6 @@ $menu-header-icon-padding: 0 16px !default;
199
199
  @if $skin-name == 'fluent2' {
200
200
  padding: 9px 0;
201
201
  }
202
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
203
- line-height: $menu-icon-li-height;
204
- }
205
- @else {
206
- line-height: $menu-li-height;
207
- }
208
202
  }
209
203
  }
210
204
  }
package/SCSS-Themes/navigations/menu/material-dark-lite.scss CHANGED
@@ -152,7 +152,7 @@ $menu-header-icon-padding: 0 16px !default;
152
152
  & .e-caret {
153
153
  font-size: $menu-caret-font-size;
154
154
  height: auto;
155
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
155
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
156
156
  line-height: $menu-icon-li-height;
157
157
  }
158
158
  @else {
@@ -195,12 +195,6 @@ $menu-header-icon-padding: 0 16px !default;
195
195
  @if $skin-name == 'fluent2' {
196
196
  padding: 9px 0;
197
197
  }
198
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
199
- line-height: $menu-icon-li-height;
200
- }
201
- @else {
202
- line-height: $menu-li-height;
203
- }
204
198
  }
205
199
  }
206
200
  }
package/SCSS-Themes/navigations/menu/material-dark.scss CHANGED
@@ -152,7 +152,7 @@ $menu-header-icon-padding: 0 16px !default;
152
152
  & .e-caret {
153
153
  font-size: $menu-caret-font-size;
154
154
  height: auto;
155
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
155
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
156
156
  line-height: $menu-icon-li-height;
157
157
  }
158
158
  @else {
@@ -195,12 +195,6 @@ $menu-header-icon-padding: 0 16px !default;
195
195
  @if $skin-name == 'fluent2' {
196
196
  padding: 9px 0;
197
197
  }
198
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
199
- line-height: $menu-icon-li-height;
200
- }
201
- @else {
202
- line-height: $menu-li-height;
203
- }
204
198
  }
205
199
  }
206
200
  }