@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
@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1086
1086
  @mixin outline-primary-disabled {
1087
1087
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1088
1088
  background: $btn-outline-primary-disabled-border-color;
1089
+ border-color: $btn-outline-primary-disabled-color;
1089
1090
  }
1090
1091
  @else {
1091
1092
  background: $btn-outline-bgcolor;
1093
+ border-color: $btn-outline-primary-disabled-border-color;
1092
1094
  }
1093
- border-color: $btn-outline-primary-disabled-border-color;
1094
1095
  box-shadow: $btn-flat-box-shadow;
1095
1096
  color: $btn-outline-primary-disabled-color;
1096
1097
  }
@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1086
1086
  @mixin outline-primary-disabled {
1087
1087
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1088
1088
  background: $btn-outline-primary-disabled-border-color;
1089
+ border-color: $btn-outline-primary-disabled-color;
1089
1090
  }
1090
1091
  @else {
1091
1092
  background: $btn-outline-bgcolor;
1093
+ border-color: $btn-outline-primary-disabled-border-color;
1092
1094
  }
1093
- border-color: $btn-outline-primary-disabled-border-color;
1094
1095
  box-shadow: $btn-flat-box-shadow;
1095
1096
  color: $btn-outline-primary-disabled-color;
1096
1097
  }
@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1086
1086
  @mixin outline-primary-disabled {
1087
1087
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1088
1088
  background: $btn-outline-primary-disabled-border-color;
1089
+ border-color: $btn-outline-primary-disabled-color;
1089
1090
  }
1090
1091
  @else {
1091
1092
  background: $btn-outline-bgcolor;
1093
+ border-color: $btn-outline-primary-disabled-border-color;
1092
1094
  }
1093
- border-color: $btn-outline-primary-disabled-border-color;
1094
1095
  box-shadow: $btn-flat-box-shadow;
1095
1096
  color: $btn-outline-primary-disabled-color;
1096
1097
  }
@@ -320,8 +320,8 @@ $btn-flat-danger-active-bgcolor: $btn-danger-active-bgcolor !default;
320
320
  $btn-flat-danger-disabled-color: $btn-danger-disabled-color !default;
321
321
 
322
322
  //outlineprimary
323
- $btn-outline-primary-disabled-color: $primary-text-disabled !default;
324
- $btn-outline-primary-disabled-border-color: rgba($primary, .65) !default;
323
+ $btn-outline-primary-disabled-color: rgba(13, 110, 253, .65) !default;
324
+ $btn-outline-primary-disabled-border-color: transparent !default;
325
325
  $btn-outline-primary-hover-border-color: $primary !default;
326
326
  $btn-outline-primary-hover-bgcolor: $btn-primary-bgcolor !default;
327
327
  $btn-outline-primary-focus-border-color: $primary !default;
@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1086
1086
  @mixin outline-primary-disabled {
1087
1087
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1088
1088
  background: $btn-outline-primary-disabled-border-color;
1089
+ border-color: $btn-outline-primary-disabled-color;
1089
1090
  }
1090
1091
  @else {
1091
1092
  background: $btn-outline-bgcolor;
1093
+ border-color: $btn-outline-primary-disabled-border-color;
1092
1094
  }
1093
- border-color: $btn-outline-primary-disabled-border-color;
1094
1095
  box-shadow: $btn-flat-box-shadow;
1095
1096
  color: $btn-outline-primary-disabled-color;
1096
1097
  }
@@ -1035,11 +1035,12 @@ $btn-focus-box-shadow: none !default;
1035
1035
  @mixin outline-primary-disabled {
1036
1036
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1037
1037
  background: $btn-outline-primary-disabled-border-color;
1038
+ border-color: $btn-outline-primary-disabled-color;
1038
1039
  }
1039
1040
  @else {
1040
1041
  background: $btn-outline-bgcolor;
1042
+ border-color: $btn-outline-primary-disabled-border-color;
1041
1043
  }
1042
- border-color: $btn-outline-primary-disabled-border-color;
1043
1044
  box-shadow: $btn-flat-box-shadow;
1044
1045
  color: $btn-outline-primary-disabled-color;
1045
1046
  }
@@ -1035,11 +1035,12 @@ $btn-focus-box-shadow: none !default;
1035
1035
  @mixin outline-primary-disabled {
1036
1036
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1037
1037
  background: $btn-outline-primary-disabled-border-color;
1038
+ border-color: $btn-outline-primary-disabled-color;
1038
1039
  }
1039
1040
  @else {
1040
1041
  background: $btn-outline-bgcolor;
1042
+ border-color: $btn-outline-primary-disabled-border-color;
1041
1043
  }
1042
- border-color: $btn-outline-primary-disabled-border-color;
1043
1044
  box-shadow: $btn-flat-box-shadow;
1044
1045
  color: $btn-outline-primary-disabled-color;
1045
1046
  }
@@ -1030,11 +1030,12 @@ $btn-focus-box-shadow: none !default;
1030
1030
  @mixin outline-primary-disabled {
1031
1031
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1032
1032
  background: $btn-outline-primary-disabled-border-color;
1033
+ border-color: $btn-outline-primary-disabled-color;
1033
1034
  }
1034
1035
  @else {
1035
1036
  background: $btn-outline-bgcolor;
1037
+ border-color: $btn-outline-primary-disabled-border-color;
1036
1038
  }
1037
- border-color: $btn-outline-primary-disabled-border-color;
1038
1039
  box-shadow: $btn-flat-box-shadow;
1039
1040
  color: $btn-outline-primary-disabled-color;
1040
1041
  }
@@ -1030,11 +1030,12 @@ $btn-focus-box-shadow: none !default;
1030
1030
  @mixin outline-primary-disabled {
1031
1031
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1032
1032
  background: $btn-outline-primary-disabled-border-color;
1033
+ border-color: $btn-outline-primary-disabled-color;
1033
1034
  }
1034
1035
  @else {
1035
1036
  background: $btn-outline-bgcolor;
1037
+ border-color: $btn-outline-primary-disabled-border-color;
1036
1038
  }
1037
- border-color: $btn-outline-primary-disabled-border-color;
1038
1039
  box-shadow: $btn-flat-box-shadow;
1039
1040
  color: $btn-outline-primary-disabled-color;
1040
1041
  }
@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $shadow-none !default;
1086
1086
  @mixin outline-primary-disabled {
1087
1087
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1088
1088
  background: $btn-outline-primary-disabled-border-color;
1089
+ border-color: $btn-outline-primary-disabled-color;
1089
1090
  }
1090
1091
  @else {
1091
1092
  background: $btn-outline-bgcolor;
1093
+ border-color: $btn-outline-primary-disabled-border-color;
1092
1094
  }
1093
- border-color: $btn-outline-primary-disabled-border-color;
1094
1095
  box-shadow: $btn-flat-box-shadow;
1095
1096
  color: $btn-outline-primary-disabled-color;
1096
1097
  }
@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $shadow-none !default;
1086
1086
  @mixin outline-primary-disabled {
1087
1087
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1088
1088
  background: $btn-outline-primary-disabled-border-color;
1089
+ border-color: $btn-outline-primary-disabled-color;
1089
1090
  }
1090
1091
  @else {
1091
1092
  background: $btn-outline-bgcolor;
1093
+ border-color: $btn-outline-primary-disabled-border-color;
1092
1094
  }
1093
- border-color: $btn-outline-primary-disabled-border-color;
1094
1095
  box-shadow: $btn-flat-box-shadow;
1095
1096
  color: $btn-outline-primary-disabled-color;
1096
1097
  }
@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $shadow-none !default;
1086
1086
  @mixin outline-primary-disabled {
1087
1087
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1088
1088
  background: $btn-outline-primary-disabled-border-color;
1089
+ border-color: $btn-outline-primary-disabled-color;
1089
1090
  }
1090
1091
  @else {
1091
1092
  background: $btn-outline-bgcolor;
1093
+ border-color: $btn-outline-primary-disabled-border-color;
1092
1094
  }
1093
- border-color: $btn-outline-primary-disabled-border-color;
1094
1095
  box-shadow: $btn-flat-box-shadow;
1095
1096
  color: $btn-outline-primary-disabled-color;
1096
1097
  }
@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $shadow-none !default;
1086
1086
  @mixin outline-primary-disabled {
1087
1087
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1088
1088
  background: $btn-outline-primary-disabled-border-color;
1089
+ border-color: $btn-outline-primary-disabled-color;
1089
1090
  }
1090
1091
  @else {
1091
1092
  background: $btn-outline-bgcolor;
1093
+ border-color: $btn-outline-primary-disabled-border-color;
1092
1094
  }
1093
- border-color: $btn-outline-primary-disabled-border-color;
1094
1095
  box-shadow: $btn-flat-box-shadow;
1095
1096
  color: $btn-outline-primary-disabled-color;
1096
1097
  }
@@ -1100,11 +1100,12 @@ $btn-keyboard-focus-border-color: $shadow-color !default;
1100
1100
  @mixin outline-primary-disabled {
1101
1101
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1102
1102
  background: $btn-outline-primary-disabled-border-color;
1103
+ border-color: $btn-outline-primary-disabled-color;
1103
1104
  }
1104
1105
  @else {
1105
1106
  background: $btn-outline-bgcolor;
1107
+ border-color: $btn-outline-primary-disabled-border-color;
1106
1108
  }
1107
- border-color: $btn-outline-primary-disabled-border-color;
1108
1109
  box-shadow: $btn-flat-box-shadow;
1109
1110
  color: $btn-outline-primary-disabled-color;
1110
1111
  }
@@ -1100,11 +1100,12 @@ $btn-keyboard-focus-border-color: $shadow-color !default;
1100
1100
  @mixin outline-primary-disabled {
1101
1101
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1102
1102
  background: $btn-outline-primary-disabled-border-color;
1103
+ border-color: $btn-outline-primary-disabled-color;
1103
1104
  }
1104
1105
  @else {
1105
1106
  background: $btn-outline-bgcolor;
1107
+ border-color: $btn-outline-primary-disabled-border-color;
1106
1108
  }
1107
- border-color: $btn-outline-primary-disabled-border-color;
1108
1109
  box-shadow: $btn-flat-box-shadow;
1109
1110
  color: $btn-outline-primary-disabled-color;
1110
1111
  }
@@ -1100,11 +1100,12 @@ $btn-keyboard-focus-border-color: $shadow-color !default;
1100
1100
  @mixin outline-primary-disabled {
1101
1101
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1102
1102
  background: $btn-outline-primary-disabled-border-color;
1103
+ border-color: $btn-outline-primary-disabled-color;
1103
1104
  }
1104
1105
  @else {
1105
1106
  background: $btn-outline-bgcolor;
1107
+ border-color: $btn-outline-primary-disabled-border-color;
1106
1108
  }
1107
- border-color: $btn-outline-primary-disabled-border-color;
1108
1109
  box-shadow: $btn-flat-box-shadow;
1109
1110
  color: $btn-outline-primary-disabled-color;
1110
1111
  }
@@ -1100,11 +1100,12 @@ $btn-keyboard-focus-border-color: $shadow-color !default;
1100
1100
  @mixin outline-primary-disabled {
1101
1101
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1102
1102
  background: $btn-outline-primary-disabled-border-color;
1103
+ border-color: $btn-outline-primary-disabled-color;
1103
1104
  }
1104
1105
  @else {
1105
1106
  background: $btn-outline-bgcolor;
1107
+ border-color: $btn-outline-primary-disabled-border-color;
1106
1108
  }
1107
- border-color: $btn-outline-primary-disabled-border-color;
1108
1109
  box-shadow: $btn-flat-box-shadow;
1109
1110
  color: $btn-outline-primary-disabled-color;
1110
1111
  }
@@ -1100,11 +1100,12 @@ $btn-keyboard-focus-border-color: $shadow-color !default;
1100
1100
  @mixin outline-primary-disabled {
1101
1101
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1102
1102
  background: $btn-outline-primary-disabled-border-color;
1103
+ border-color: $btn-outline-primary-disabled-color;
1103
1104
  }
1104
1105
  @else {
1105
1106
  background: $btn-outline-bgcolor;
1107
+ border-color: $btn-outline-primary-disabled-border-color;
1106
1108
  }
1107
- border-color: $btn-outline-primary-disabled-border-color;
1108
1109
  box-shadow: $btn-flat-box-shadow;
1109
1110
  color: $btn-outline-primary-disabled-color;
1110
1111
  }
@@ -1100,11 +1100,12 @@ $btn-keyboard-focus-border-color: $shadow-color !default;
1100
1100
  @mixin outline-primary-disabled {
1101
1101
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1102
1102
  background: $btn-outline-primary-disabled-border-color;
1103
+ border-color: $btn-outline-primary-disabled-color;
1103
1104
  }
1104
1105
  @else {
1105
1106
  background: $btn-outline-bgcolor;
1107
+ border-color: $btn-outline-primary-disabled-border-color;
1106
1108
  }
1107
- border-color: $btn-outline-primary-disabled-border-color;
1108
1109
  box-shadow: $btn-flat-box-shadow;
1109
1110
  color: $btn-outline-primary-disabled-color;
1110
1111
  }
@@ -1053,11 +1053,12 @@ $btn-focus-box-shadow: none !default;
1053
1053
  @mixin outline-primary-disabled {
1054
1054
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1055
1055
  background: $btn-outline-primary-disabled-border-color;
1056
+ border-color: $btn-outline-primary-disabled-color;
1056
1057
  }
1057
1058
  @else {
1058
1059
  background: $btn-outline-bgcolor;
1060
+ border-color: $btn-outline-primary-disabled-border-color;
1059
1061
  }
1060
- border-color: $btn-outline-primary-disabled-border-color;
1061
1062
  box-shadow: $btn-flat-box-shadow;
1062
1063
  color: $btn-outline-primary-disabled-color;
1063
1064
  }
@@ -1053,11 +1053,12 @@ $btn-focus-box-shadow: none !default;
1053
1053
  @mixin outline-primary-disabled {
1054
1054
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1055
1055
  background: $btn-outline-primary-disabled-border-color;
1056
+ border-color: $btn-outline-primary-disabled-color;
1056
1057
  }
1057
1058
  @else {
1058
1059
  background: $btn-outline-bgcolor;
1060
+ border-color: $btn-outline-primary-disabled-border-color;
1059
1061
  }
1060
- border-color: $btn-outline-primary-disabled-border-color;
1061
1062
  box-shadow: $btn-flat-box-shadow;
1062
1063
  color: $btn-outline-primary-disabled-color;
1063
1064
  }
@@ -1078,11 +1078,12 @@ $btn-focus-box-shadow: none !default;
1078
1078
  @mixin outline-primary-disabled {
1079
1079
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1080
1080
  background: $btn-outline-primary-disabled-border-color;
1081
+ border-color: $btn-outline-primary-disabled-color;
1081
1082
  }
1082
1083
  @else {
1083
1084
  background: $btn-outline-bgcolor;
1085
+ border-color: $btn-outline-primary-disabled-border-color;
1084
1086
  }
1085
- border-color: $btn-outline-primary-disabled-border-color;
1086
1087
  box-shadow: $btn-flat-box-shadow;
1087
1088
  color: $btn-outline-primary-disabled-color;
1088
1089
  }
@@ -1078,11 +1078,12 @@ $btn-focus-box-shadow: none !default;
1078
1078
  @mixin outline-primary-disabled {
1079
1079
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1080
1080
  background: $btn-outline-primary-disabled-border-color;
1081
+ border-color: $btn-outline-primary-disabled-color;
1081
1082
  }
1082
1083
  @else {
1083
1084
  background: $btn-outline-bgcolor;
1085
+ border-color: $btn-outline-primary-disabled-border-color;
1084
1086
  }
1085
- border-color: $btn-outline-primary-disabled-border-color;
1086
1087
  box-shadow: $btn-flat-box-shadow;
1087
1088
  color: $btn-outline-primary-disabled-color;
1088
1089
  }
@@ -1034,11 +1034,12 @@ $btn-focus-box-shadow: none !default;
1034
1034
  @mixin outline-primary-disabled {
1035
1035
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1036
1036
  background: $btn-outline-primary-disabled-border-color;
1037
+ border-color: $btn-outline-primary-disabled-color;
1037
1038
  }
1038
1039
  @else {
1039
1040
  background: $btn-outline-bgcolor;
1041
+ border-color: $btn-outline-primary-disabled-border-color;
1040
1042
  }
1041
- border-color: $btn-outline-primary-disabled-border-color;
1042
1043
  box-shadow: $btn-flat-box-shadow;
1043
1044
  color: $btn-outline-primary-disabled-color;
1044
1045
  }
@@ -1034,11 +1034,12 @@ $btn-focus-box-shadow: none !default;
1034
1034
  @mixin outline-primary-disabled {
1035
1035
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1036
1036
  background: $btn-outline-primary-disabled-border-color;
1037
+ border-color: $btn-outline-primary-disabled-color;
1037
1038
  }
1038
1039
  @else {
1039
1040
  background: $btn-outline-bgcolor;
1041
+ border-color: $btn-outline-primary-disabled-border-color;
1040
1042
  }
1041
- border-color: $btn-outline-primary-disabled-border-color;
1042
1043
  box-shadow: $btn-flat-box-shadow;
1043
1044
  color: $btn-outline-primary-disabled-color;
1044
1045
  }
@@ -1102,11 +1102,12 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
1102
1102
  @mixin outline-primary-disabled {
1103
1103
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1104
1104
  background: $btn-outline-primary-disabled-border-color;
1105
+ border-color: $btn-outline-primary-disabled-color;
1105
1106
  }
1106
1107
  @else {
1107
1108
  background: $btn-outline-bgcolor;
1109
+ border-color: $btn-outline-primary-disabled-border-color;
1108
1110
  }
1109
- border-color: $btn-outline-primary-disabled-border-color;
1110
1111
  box-shadow: $btn-flat-box-shadow;
1111
1112
  color: $btn-outline-primary-disabled-color;
1112
1113
  }
@@ -1102,11 +1102,12 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
1102
1102
  @mixin outline-primary-disabled {
1103
1103
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1104
1104
  background: $btn-outline-primary-disabled-border-color;
1105
+ border-color: $btn-outline-primary-disabled-color;
1105
1106
  }
1106
1107
  @else {
1107
1108
  background: $btn-outline-bgcolor;
1109
+ border-color: $btn-outline-primary-disabled-border-color;
1108
1110
  }
1109
- border-color: $btn-outline-primary-disabled-border-color;
1110
1111
  box-shadow: $btn-flat-box-shadow;
1111
1112
  color: $btn-outline-primary-disabled-color;
1112
1113
  }
@@ -1102,11 +1102,12 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
1102
1102
  @mixin outline-primary-disabled {
1103
1103
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1104
1104
  background: $btn-outline-primary-disabled-border-color;
1105
+ border-color: $btn-outline-primary-disabled-color;
1105
1106
  }
1106
1107
  @else {
1107
1108
  background: $btn-outline-bgcolor;
1109
+ border-color: $btn-outline-primary-disabled-border-color;
1108
1110
  }
1109
- border-color: $btn-outline-primary-disabled-border-color;
1110
1111
  box-shadow: $btn-flat-box-shadow;
1111
1112
  color: $btn-outline-primary-disabled-color;
1112
1113
  }
@@ -1102,11 +1102,12 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
1102
1102
  @mixin outline-primary-disabled {
1103
1103
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1104
1104
  background: $btn-outline-primary-disabled-border-color;
1105
+ border-color: $btn-outline-primary-disabled-color;
1105
1106
  }
1106
1107
  @else {
1107
1108
  background: $btn-outline-bgcolor;
1109
+ border-color: $btn-outline-primary-disabled-border-color;
1108
1110
  }
1109
- border-color: $btn-outline-primary-disabled-border-color;
1110
1111
  box-shadow: $btn-flat-box-shadow;
1111
1112
  color: $btn-outline-primary-disabled-color;
1112
1113
  }
@@ -1079,11 +1079,12 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
1079
1079
  @mixin outline-primary-disabled {
1080
1080
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1081
1081
  background: $btn-outline-primary-disabled-border-color;
1082
+ border-color: $btn-outline-primary-disabled-color;
1082
1083
  }
1083
1084
  @else {
1084
1085
  background: $btn-outline-bgcolor;
1086
+ border-color: $btn-outline-primary-disabled-border-color;
1085
1087
  }
1086
- border-color: $btn-outline-primary-disabled-border-color;
1087
1088
  box-shadow: $btn-flat-box-shadow;
1088
1089
  color: $btn-outline-primary-disabled-color;
1089
1090
  }
@@ -1079,11 +1079,12 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
1079
1079
  @mixin outline-primary-disabled {
1080
1080
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1081
1081
  background: $btn-outline-primary-disabled-border-color;
1082
+ border-color: $btn-outline-primary-disabled-color;
1082
1083
  }
1083
1084
  @else {
1084
1085
  background: $btn-outline-bgcolor;
1086
+ border-color: $btn-outline-primary-disabled-border-color;
1085
1087
  }
1086
- border-color: $btn-outline-primary-disabled-border-color;
1087
1088
  box-shadow: $btn-flat-box-shadow;
1088
1089
  color: $btn-outline-primary-disabled-color;
1089
1090
  }
@@ -1079,11 +1079,12 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
1079
1079
  @mixin outline-primary-disabled {
1080
1080
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1081
1081
  background: $btn-outline-primary-disabled-border-color;
1082
+ border-color: $btn-outline-primary-disabled-color;
1082
1083
  }
1083
1084
  @else {
1084
1085
  background: $btn-outline-bgcolor;
1086
+ border-color: $btn-outline-primary-disabled-border-color;
1085
1087
  }
1086
- border-color: $btn-outline-primary-disabled-border-color;
1087
1088
  box-shadow: $btn-flat-box-shadow;
1088
1089
  color: $btn-outline-primary-disabled-color;
1089
1090
  }
@@ -1079,11 +1079,12 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
1079
1079
  @mixin outline-primary-disabled {
1080
1080
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1081
1081
  background: $btn-outline-primary-disabled-border-color;
1082
+ border-color: $btn-outline-primary-disabled-color;
1082
1083
  }
1083
1084
  @else {
1084
1085
  background: $btn-outline-bgcolor;
1086
+ border-color: $btn-outline-primary-disabled-border-color;
1085
1087
  }
1086
- border-color: $btn-outline-primary-disabled-border-color;
1087
1088
  box-shadow: $btn-flat-box-shadow;
1088
1089
  color: $btn-outline-primary-disabled-color;
1089
1090
  }
@@ -1090,11 +1090,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1090
1090
  @mixin outline-primary-disabled {
1091
1091
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1092
1092
  background: $btn-outline-primary-disabled-border-color;
1093
+ border-color: $btn-outline-primary-disabled-color;
1093
1094
  }
1094
1095
  @else {
1095
1096
  background: $btn-outline-bgcolor;
1097
+ border-color: $btn-outline-primary-disabled-border-color;
1096
1098
  }
1097
- border-color: $btn-outline-primary-disabled-border-color;
1098
1099
  box-shadow: $btn-flat-box-shadow;
1099
1100
  color: $btn-outline-primary-disabled-color;
1100
1101
  }
@@ -1090,11 +1090,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1090
1090
  @mixin outline-primary-disabled {
1091
1091
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1092
1092
  background: $btn-outline-primary-disabled-border-color;
1093
+ border-color: $btn-outline-primary-disabled-color;
1093
1094
  }
1094
1095
  @else {
1095
1096
  background: $btn-outline-bgcolor;
1097
+ border-color: $btn-outline-primary-disabled-border-color;
1096
1098
  }
1097
- border-color: $btn-outline-primary-disabled-border-color;
1098
1099
  box-shadow: $btn-flat-box-shadow;
1099
1100
  color: $btn-outline-primary-disabled-color;
1100
1101
  }
@@ -1090,11 +1090,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1090
1090
  @mixin outline-primary-disabled {
1091
1091
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1092
1092
  background: $btn-outline-primary-disabled-border-color;
1093
+ border-color: $btn-outline-primary-disabled-color;
1093
1094
  }
1094
1095
  @else {
1095
1096
  background: $btn-outline-bgcolor;
1097
+ border-color: $btn-outline-primary-disabled-border-color;
1096
1098
  }
1097
- border-color: $btn-outline-primary-disabled-border-color;
1098
1099
  box-shadow: $btn-flat-box-shadow;
1099
1100
  color: $btn-outline-primary-disabled-color;
1100
1101
  }
@@ -1090,11 +1090,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
1090
1090
  @mixin outline-primary-disabled {
1091
1091
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
1092
1092
  background: $btn-outline-primary-disabled-border-color;
1093
+ border-color: $btn-outline-primary-disabled-color;
1093
1094
  }
1094
1095
  @else {
1095
1096
  background: $btn-outline-bgcolor;
1097
+ border-color: $btn-outline-primary-disabled-border-color;
1096
1098
  }
1097
- border-color: $btn-outline-primary-disabled-border-color;
1098
1099
  box-shadow: $btn-flat-box-shadow;
1099
1100
  color: $btn-outline-primary-disabled-color;
1100
1101
  }