@syncfusion/ej2-angular-splitbuttons 24.1.41-ngcc → 24.1.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (301) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/drop-down-button/dropdownbutton-all.module.mjs +23 -0
  3. package/esm2020/src/drop-down-button/dropdownbutton.component.mjs +64 -0
  4. package/esm2020/src/drop-down-button/dropdownbutton.module.mjs +34 -0
  5. package/esm2020/src/drop-down-button/items.directive.mjs +46 -0
  6. package/esm2020/src/index.mjs +13 -0
  7. package/esm2020/src/progress-button/progressbutton-all.module.mjs +23 -0
  8. package/esm2020/src/progress-button/progressbutton.component.mjs +59 -0
  9. package/esm2020/src/progress-button/progressbutton.module.mjs +25 -0
  10. package/esm2020/src/split-button/items.directive.mjs +46 -0
  11. package/esm2020/src/split-button/splitbutton-all.module.mjs +23 -0
  12. package/esm2020/src/split-button/splitbutton.component.mjs +64 -0
  13. package/esm2020/src/split-button/splitbutton.module.mjs +34 -0
  14. package/esm2020/syncfusion-ej2-angular-splitbuttons.mjs +5 -0
  15. package/fesm2015/syncfusion-ej2-angular-splitbuttons.mjs +405 -0
  16. package/fesm2015/syncfusion-ej2-angular-splitbuttons.mjs.map +1 -0
  17. package/fesm2020/syncfusion-ej2-angular-splitbuttons.mjs +405 -0
  18. package/fesm2020/syncfusion-ej2-angular-splitbuttons.mjs.map +1 -0
  19. package/package.json +26 -12
  20. package/src/drop-down-button/dropdownbutton-all.module.d.ts +6 -0
  21. package/src/drop-down-button/dropdownbutton.component.d.ts +3 -0
  22. package/src/drop-down-button/dropdownbutton.module.d.ts +7 -0
  23. package/src/drop-down-button/items.directive.d.ts +5 -0
  24. package/src/progress-button/progressbutton-all.module.d.ts +6 -0
  25. package/src/progress-button/progressbutton.component.d.ts +3 -0
  26. package/src/progress-button/progressbutton.module.d.ts +6 -0
  27. package/src/split-button/items.directive.d.ts +5 -0
  28. package/src/split-button/splitbutton-all.module.d.ts +6 -0
  29. package/src/split-button/splitbutton.component.d.ts +3 -0
  30. package/src/split-button/splitbutton.module.d.ts +7 -0
  31. package/styles/bootstrap-dark.css +1761 -1
  32. package/styles/bootstrap.css +1811 -1
  33. package/styles/bootstrap4.css +1836 -1
  34. package/styles/bootstrap5-dark.css +1851 -1
  35. package/styles/bootstrap5.css +1851 -1
  36. package/styles/button-group/_all.scss +2 -0
  37. package/styles/button-group/_bootstrap-dark-definition.scss +33 -0
  38. package/styles/button-group/_bootstrap-definition.scss +30 -0
  39. package/styles/button-group/_bootstrap4-definition.scss +30 -0
  40. package/styles/button-group/_bootstrap5-dark-definition.scss +1 -0
  41. package/styles/button-group/_bootstrap5-definition.scss +31 -0
  42. package/styles/button-group/_fabric-dark-definition.scss +33 -0
  43. package/styles/button-group/_fabric-definition.scss +30 -0
  44. package/styles/button-group/_fluent-dark-definition.scss +1 -0
  45. package/styles/button-group/_fluent-definition.scss +31 -0
  46. package/styles/button-group/_fusionnew-definition.scss +31 -0
  47. package/styles/button-group/_group-button-mixin.scss +72 -0
  48. package/styles/button-group/_highcontrast-definition.scss +32 -0
  49. package/styles/button-group/_highcontrast-light-definition.scss +35 -0
  50. package/styles/button-group/_layout.scss +294 -0
  51. package/styles/button-group/_material-dark-definition.scss +33 -0
  52. package/styles/button-group/_material-definition.scss +30 -0
  53. package/styles/button-group/_material3-dark-definition.scss +1 -0
  54. package/styles/button-group/_material3-definition.scss +31 -0
  55. package/styles/button-group/_tailwind-dark-definition.scss +1 -0
  56. package/styles/button-group/_tailwind-definition.scss +31 -0
  57. package/styles/button-group/_theme.scss +454 -0
  58. package/styles/button-group/bootstrap-dark.css +752 -1
  59. package/styles/button-group/bootstrap-dark.scss +4 -1
  60. package/styles/button-group/bootstrap.css +726 -1
  61. package/styles/button-group/bootstrap.scss +4 -1
  62. package/styles/button-group/bootstrap4.css +756 -1
  63. package/styles/button-group/bootstrap4.scss +4 -1
  64. package/styles/button-group/bootstrap5-dark.css +751 -1
  65. package/styles/button-group/bootstrap5-dark.scss +4 -1
  66. package/styles/button-group/bootstrap5.css +751 -1
  67. package/styles/button-group/bootstrap5.scss +4 -1
  68. package/styles/button-group/fabric-dark.css +752 -1
  69. package/styles/button-group/fabric-dark.scss +4 -1
  70. package/styles/button-group/fabric.css +758 -1
  71. package/styles/button-group/fabric.scss +4 -1
  72. package/styles/button-group/fluent-dark.css +755 -1
  73. package/styles/button-group/fluent-dark.scss +4 -1
  74. package/styles/button-group/fluent.css +755 -1
  75. package/styles/button-group/fluent.scss +4 -1
  76. package/styles/button-group/highcontrast-light.css +752 -1
  77. package/styles/button-group/highcontrast-light.scss +4 -1
  78. package/styles/button-group/highcontrast.css +803 -1
  79. package/styles/button-group/highcontrast.scss +4 -1
  80. package/styles/button-group/material-dark.css +752 -1
  81. package/styles/button-group/material-dark.scss +4 -1
  82. package/styles/button-group/material.css +756 -1
  83. package/styles/button-group/material.scss +4 -1
  84. package/styles/button-group/material3-dark.css +901 -1
  85. package/styles/button-group/material3-dark.scss +4 -1
  86. package/styles/button-group/material3.css +957 -1
  87. package/styles/button-group/material3.scss +4 -1
  88. package/styles/button-group/tailwind-dark.css +739 -1
  89. package/styles/button-group/tailwind-dark.scss +4 -1
  90. package/styles/button-group/tailwind.css +739 -1
  91. package/styles/button-group/tailwind.scss +4 -1
  92. package/styles/drop-down-button/_all.scss +2 -0
  93. package/styles/drop-down-button/_bootstrap-dark-definition.scss +51 -0
  94. package/styles/drop-down-button/_bootstrap-definition.scss +48 -0
  95. package/styles/drop-down-button/_bootstrap4-definition.scss +48 -0
  96. package/styles/drop-down-button/_bootstrap5-dark-definition.scss +1 -0
  97. package/styles/drop-down-button/_bootstrap5-definition.scss +50 -0
  98. package/styles/drop-down-button/_fabric-dark-definition.scss +51 -0
  99. package/styles/drop-down-button/_fabric-definition.scss +48 -0
  100. package/styles/drop-down-button/_fluent-dark-definition.scss +1 -0
  101. package/styles/drop-down-button/_fluent-definition.scss +52 -0
  102. package/styles/drop-down-button/_fusionnew-definition.scss +50 -0
  103. package/styles/drop-down-button/_highcontrast-definition.scss +47 -0
  104. package/styles/drop-down-button/_highcontrast-light-definition.scss +50 -0
  105. package/styles/drop-down-button/_layout.scss +238 -0
  106. package/styles/drop-down-button/_material-dark-definition.scss +51 -0
  107. package/styles/drop-down-button/_material-definition.scss +48 -0
  108. package/styles/drop-down-button/_material3-dark-definition.scss +1 -0
  109. package/styles/drop-down-button/_material3-definition.scss +51 -0
  110. package/styles/drop-down-button/_tailwind-dark-definition.scss +1 -0
  111. package/styles/drop-down-button/_tailwind-definition.scss +49 -0
  112. package/styles/drop-down-button/_theme.scss +83 -0
  113. package/styles/drop-down-button/bootstrap-dark.css +231 -1
  114. package/styles/drop-down-button/bootstrap-dark.scss +6 -1
  115. package/styles/drop-down-button/bootstrap.css +231 -1
  116. package/styles/drop-down-button/bootstrap.scss +6 -1
  117. package/styles/drop-down-button/bootstrap4.css +226 -1
  118. package/styles/drop-down-button/bootstrap4.scss +6 -1
  119. package/styles/drop-down-button/bootstrap5-dark.css +236 -1
  120. package/styles/drop-down-button/bootstrap5-dark.scss +6 -1
  121. package/styles/drop-down-button/bootstrap5.css +236 -1
  122. package/styles/drop-down-button/bootstrap5.scss +6 -1
  123. package/styles/drop-down-button/fabric-dark.css +231 -1
  124. package/styles/drop-down-button/fabric-dark.scss +6 -1
  125. package/styles/drop-down-button/fabric.css +231 -1
  126. package/styles/drop-down-button/fabric.scss +6 -1
  127. package/styles/drop-down-button/fluent-dark.css +233 -1
  128. package/styles/drop-down-button/fluent-dark.scss +6 -1
  129. package/styles/drop-down-button/fluent.css +233 -1
  130. package/styles/drop-down-button/fluent.scss +6 -1
  131. package/styles/drop-down-button/highcontrast-light.css +231 -1
  132. package/styles/drop-down-button/highcontrast-light.scss +6 -1
  133. package/styles/drop-down-button/highcontrast.css +232 -1
  134. package/styles/drop-down-button/highcontrast.scss +6 -1
  135. package/styles/drop-down-button/icons/_bootstrap-dark.scss +10 -0
  136. package/styles/drop-down-button/icons/_bootstrap.scss +10 -0
  137. package/styles/drop-down-button/icons/_bootstrap4.scss +10 -0
  138. package/styles/drop-down-button/icons/_bootstrap5-dark.scss +1 -0
  139. package/styles/drop-down-button/icons/_bootstrap5.scss +10 -0
  140. package/styles/drop-down-button/icons/_fabric-dark.scss +10 -0
  141. package/styles/drop-down-button/icons/_fabric.scss +10 -0
  142. package/styles/drop-down-button/icons/_fluent-dark.scss +1 -0
  143. package/styles/drop-down-button/icons/_fluent.scss +10 -0
  144. package/styles/drop-down-button/icons/_fusionnew.scss +10 -0
  145. package/styles/drop-down-button/icons/_highcontrast-light.scss +10 -0
  146. package/styles/drop-down-button/icons/_highcontrast.scss +10 -0
  147. package/styles/drop-down-button/icons/_material-dark.scss +10 -0
  148. package/styles/drop-down-button/icons/_material.scss +10 -0
  149. package/styles/drop-down-button/icons/_material3-dark.scss +1 -0
  150. package/styles/drop-down-button/icons/_material3.scss +10 -0
  151. package/styles/drop-down-button/icons/_tailwind-dark.scss +10 -0
  152. package/styles/drop-down-button/icons/_tailwind.scss +10 -0
  153. package/styles/drop-down-button/material-dark.css +231 -1
  154. package/styles/drop-down-button/material-dark.scss +6 -1
  155. package/styles/drop-down-button/material.css +231 -1
  156. package/styles/drop-down-button/material.scss +6 -1
  157. package/styles/drop-down-button/material3-dark.css +292 -1
  158. package/styles/drop-down-button/material3-dark.scss +6 -1
  159. package/styles/drop-down-button/material3.css +348 -1
  160. package/styles/drop-down-button/material3.scss +6 -1
  161. package/styles/drop-down-button/tailwind-dark.css +241 -1
  162. package/styles/drop-down-button/tailwind-dark.scss +6 -1
  163. package/styles/drop-down-button/tailwind.css +241 -1
  164. package/styles/drop-down-button/tailwind.scss +6 -1
  165. package/styles/fabric-dark.css +1761 -1
  166. package/styles/fabric.css +1841 -1
  167. package/styles/fluent-dark.css +1852 -1
  168. package/styles/fluent.css +1852 -1
  169. package/styles/highcontrast-light.css +1761 -1
  170. package/styles/highcontrast.css +1813 -1
  171. package/styles/material-dark.css +1761 -1
  172. package/styles/material.css +1839 -1
  173. package/styles/material3-dark.css +1999 -1
  174. package/styles/material3-dark.scss +1 -0
  175. package/styles/material3.css +2049 -1
  176. package/styles/material3.scss +1 -0
  177. package/styles/progress-button/_all.scss +2 -0
  178. package/styles/progress-button/_bootstrap-dark-definition.scss +27 -0
  179. package/styles/progress-button/_bootstrap-definition.scss +24 -0
  180. package/styles/progress-button/_bootstrap4-definition.scss +24 -0
  181. package/styles/progress-button/_bootstrap5-dark-definition.scss +1 -0
  182. package/styles/progress-button/_bootstrap5-definition.scss +21 -0
  183. package/styles/progress-button/_fabric-dark-definition.scss +27 -0
  184. package/styles/progress-button/_fabric-definition.scss +24 -0
  185. package/styles/progress-button/_fluent-dark-definition.scss +1 -0
  186. package/styles/progress-button/_fluent-definition.scss +21 -0
  187. package/styles/progress-button/_fusionnew-definition.scss +21 -0
  188. package/styles/progress-button/_highcontrast-definition.scss +24 -0
  189. package/styles/progress-button/_highcontrast-light-definition.scss +24 -0
  190. package/styles/progress-button/_layout.scss +396 -0
  191. package/styles/progress-button/_material-dark-definition.scss +27 -0
  192. package/styles/progress-button/_material-definition.scss +24 -0
  193. package/styles/progress-button/_material3-dark-definition.scss +1 -0
  194. package/styles/progress-button/_material3-definition.scss +25 -0
  195. package/styles/progress-button/_tailwind-dark-definition.scss +1 -0
  196. package/styles/progress-button/_tailwind-definition.scss +21 -0
  197. package/styles/progress-button/_theme.scss +638 -0
  198. package/styles/progress-button/bootstrap-dark.css +445 -1
  199. package/styles/progress-button/bootstrap-dark.scss +5 -1
  200. package/styles/progress-button/bootstrap.css +522 -1
  201. package/styles/progress-button/bootstrap.scss +5 -1
  202. package/styles/progress-button/bootstrap4.css +525 -1
  203. package/styles/progress-button/bootstrap4.scss +5 -1
  204. package/styles/progress-button/bootstrap5-dark.css +538 -1
  205. package/styles/progress-button/bootstrap5-dark.scss +5 -1
  206. package/styles/progress-button/bootstrap5.css +538 -1
  207. package/styles/progress-button/bootstrap5.scss +5 -1
  208. package/styles/progress-button/fabric-dark.css +445 -1
  209. package/styles/progress-button/fabric-dark.scss +5 -1
  210. package/styles/progress-button/fabric.css +522 -1
  211. package/styles/progress-button/fabric.scss +5 -1
  212. package/styles/progress-button/fluent-dark.css +538 -1
  213. package/styles/progress-button/fluent-dark.scss +5 -1
  214. package/styles/progress-button/fluent.css +538 -1
  215. package/styles/progress-button/fluent.scss +5 -1
  216. package/styles/progress-button/highcontrast-light.css +445 -1
  217. package/styles/progress-button/highcontrast-light.scss +5 -1
  218. package/styles/progress-button/highcontrast.css +445 -1
  219. package/styles/progress-button/highcontrast.scss +5 -1
  220. package/styles/progress-button/material-dark.css +445 -1
  221. package/styles/progress-button/material-dark.scss +5 -1
  222. package/styles/progress-button/material.css +522 -1
  223. package/styles/progress-button/material.scss +5 -1
  224. package/styles/progress-button/material3-dark.css +556 -1
  225. package/styles/progress-button/material3-dark.scss +5 -1
  226. package/styles/progress-button/material3.css +612 -1
  227. package/styles/progress-button/material3.scss +5 -1
  228. package/styles/progress-button/tailwind-dark.css +542 -1
  229. package/styles/progress-button/tailwind-dark.scss +5 -1
  230. package/styles/progress-button/tailwind.css +542 -1
  231. package/styles/progress-button/tailwind.scss +5 -1
  232. package/styles/split-button/_all.scss +2 -0
  233. package/styles/split-button/_bootstrap-dark-definition.scss +26 -0
  234. package/styles/split-button/_bootstrap-definition.scss +23 -0
  235. package/styles/split-button/_bootstrap4-definition.scss +26 -0
  236. package/styles/split-button/_bootstrap5-dark-definition.scss +1 -0
  237. package/styles/split-button/_bootstrap5-definition.scss +24 -0
  238. package/styles/split-button/_fabric-dark-definition.scss +26 -0
  239. package/styles/split-button/_fabric-definition.scss +23 -0
  240. package/styles/split-button/_fluent-dark-definition.scss +1 -0
  241. package/styles/split-button/_fluent-definition.scss +24 -0
  242. package/styles/split-button/_fusionnew-definition.scss +24 -0
  243. package/styles/split-button/_highcontrast-definition.scss +23 -0
  244. package/styles/split-button/_highcontrast-light-definition.scss +26 -0
  245. package/styles/split-button/_layout.scss +484 -0
  246. package/styles/split-button/_material-dark-definition.scss +26 -0
  247. package/styles/split-button/_material-definition.scss +23 -0
  248. package/styles/split-button/_material3-dark-definition.scss +1 -0
  249. package/styles/split-button/_material3-definition.scss +26 -0
  250. package/styles/split-button/_tailwind-dark-definition.scss +1 -0
  251. package/styles/split-button/_tailwind-definition.scss +24 -0
  252. package/styles/split-button/_theme.scss +187 -0
  253. package/styles/split-button/bootstrap-dark.css +330 -1
  254. package/styles/split-button/bootstrap-dark.scss +6 -1
  255. package/styles/split-button/bootstrap.css +330 -1
  256. package/styles/split-button/bootstrap.scss +6 -1
  257. package/styles/split-button/bootstrap4.css +326 -1
  258. package/styles/split-button/bootstrap4.scss +6 -1
  259. package/styles/split-button/bootstrap5-dark.css +323 -1
  260. package/styles/split-button/bootstrap5-dark.scss +6 -1
  261. package/styles/split-button/bootstrap5.css +323 -1
  262. package/styles/split-button/bootstrap5.scss +6 -1
  263. package/styles/split-button/fabric-dark.css +330 -1
  264. package/styles/split-button/fabric-dark.scss +6 -1
  265. package/styles/split-button/fabric.css +327 -1
  266. package/styles/split-button/fabric.scss +6 -1
  267. package/styles/split-button/fluent-dark.css +323 -1
  268. package/styles/split-button/fluent-dark.scss +6 -1
  269. package/styles/split-button/fluent.css +323 -1
  270. package/styles/split-button/fluent.scss +6 -1
  271. package/styles/split-button/highcontrast-light.css +330 -1
  272. package/styles/split-button/highcontrast-light.scss +6 -1
  273. package/styles/split-button/highcontrast.css +330 -1
  274. package/styles/split-button/highcontrast.scss +6 -1
  275. package/styles/split-button/material-dark.css +330 -1
  276. package/styles/split-button/material-dark.scss +6 -1
  277. package/styles/split-button/material.css +327 -1
  278. package/styles/split-button/material.scss +6 -1
  279. package/styles/split-button/material3-dark.css +412 -1
  280. package/styles/split-button/material3-dark.scss +6 -1
  281. package/styles/split-button/material3.css +462 -1
  282. package/styles/split-button/material3.scss +6 -1
  283. package/styles/split-button/tailwind-dark.css +344 -1
  284. package/styles/split-button/tailwind-dark.scss +6 -1
  285. package/styles/split-button/tailwind.css +344 -1
  286. package/styles/split-button/tailwind.scss +6 -1
  287. package/styles/tailwind-dark.css +1868 -1
  288. package/styles/tailwind.css +1868 -1
  289. package/syncfusion-ej2-angular-splitbuttons.d.ts +5 -0
  290. package/@syncfusion/ej2-angular-splitbuttons.es5.js +0 -565
  291. package/@syncfusion/ej2-angular-splitbuttons.es5.js.map +0 -1
  292. package/@syncfusion/ej2-angular-splitbuttons.js +0 -516
  293. package/@syncfusion/ej2-angular-splitbuttons.js.map +0 -1
  294. package/CHANGELOG.md +0 -256
  295. package/dist/ej2-angular-splitbuttons.umd.js +0 -603
  296. package/dist/ej2-angular-splitbuttons.umd.js.map +0 -1
  297. package/dist/ej2-angular-splitbuttons.umd.min.js +0 -11
  298. package/dist/ej2-angular-splitbuttons.umd.min.js.map +0 -1
  299. package/ej2-angular-splitbuttons.d.ts +0 -7
  300. package/ej2-angular-splitbuttons.metadata.json +0 -1
  301. package/postinstall/tagchange.js +0 -18
package/styles/split-button/fluent-dark.css CHANGED
@@ -1 +1,323 @@
1
- @import '@syncfusion/ej2-splitbuttons/styles/split-button/fluent-dark.css';
1
+ /* stylelint-disable-line no-empty-source */
2
+ /*! splitbutton layout */
3
+ .e-split-btn-wrapper {
4
+ display: -ms-inline-flexbox;
5
+ display: inline-flex;
6
+ white-space: nowrap;
7
+ width: min-content;
8
+ }
9
+ .e-split-btn-wrapper .e-split-btn {
10
+ border-bottom-right-radius: 0;
11
+ border-top-right-radius: 0;
12
+ text-transform: none;
13
+ z-index: 1;
14
+ padding: 3px 7px;
15
+ padding-left: 10px;
16
+ padding-right: 10px;
17
+ }
18
+ .e-split-btn-wrapper .e-split-btn:focus {
19
+ outline-offset: -3px;
20
+ }
21
+ .e-split-btn-wrapper .e-split-btn:focus {
22
+ box-shadow: none;
23
+ }
24
+ .e-split-btn-wrapper .e-split-btn:active {
25
+ box-shadow: 0 0 rgba(0, 0, 0, 0);
26
+ z-index: 2;
27
+ }
28
+ .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
29
+ padding-bottom: 10px;
30
+ padding-top: 10px;
31
+ }
32
+ .e-split-btn-wrapper .e-split-btn .e-btn-icon {
33
+ font-size: 14px;
34
+ margin-left: 0;
35
+ padding-right: 4px;
36
+ width: auto;
37
+ }
38
+ .e-split-btn-wrapper .e-split-btn .e-icon-top {
39
+ padding-bottom: 4px;
40
+ padding-right: 0;
41
+ }
42
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn {
43
+ padding-left: 8px;
44
+ padding-right: 8px;
45
+ }
46
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
47
+ padding-right: 0;
48
+ }
49
+ .e-split-btn-wrapper .e-dropdown-btn {
50
+ border-bottom-left-radius: 0;
51
+ border-top-left-radius: 0;
52
+ margin-left: -1px;
53
+ padding: 4px;
54
+ }
55
+ .e-split-btn-wrapper .e-dropdown-btn:active {
56
+ box-shadow: 0 0 rgba(0, 0, 0, 0);
57
+ z-index: 2;
58
+ }
59
+ .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
60
+ z-index: 0;
61
+ }
62
+ .e-split-btn-wrapper .e-dropdown-btn:focus {
63
+ outline-offset: -3px;
64
+ }
65
+ .e-split-btn-wrapper .e-btn:focus {
66
+ box-shadow: none;
67
+ }
68
+ .e-split-btn-wrapper .e-btn:active {
69
+ box-shadow: 0 0 rgba(0, 0, 0, 0);
70
+ }
71
+ .e-split-btn-wrapper .e-btn:disabled {
72
+ box-shadow: none;
73
+ outline: 0;
74
+ outline-offset: 0;
75
+ }
76
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
77
+ box-shadow: none;
78
+ }
79
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
80
+ border-bottom-left-radius: 0;
81
+ border-bottom-right-radius: 0;
82
+ border-top-left-radius: 0;
83
+ border-top-right-radius: 0;
84
+ margin-left: -1px;
85
+ padding-left: 8px;
86
+ padding-right: 8px;
87
+ padding-left: 4px;
88
+ padding-right: 10px;
89
+ }
90
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
91
+ margin-right: 0;
92
+ padding-left: 4px;
93
+ padding-right: 0;
94
+ }
95
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
96
+ padding-left: 0;
97
+ }
98
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
99
+ padding-left: 8px;
100
+ padding-right: 8px;
101
+ }
102
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
103
+ padding-left: 0;
104
+ }
105
+ .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
106
+ border-bottom-left-radius: 0;
107
+ border-bottom-right-radius: 0;
108
+ border-top-left-radius: 0;
109
+ border-top-right-radius: 0;
110
+ margin-left: 0;
111
+ }
112
+ .e-split-btn-wrapper.e-vertical {
113
+ display: inline-block;
114
+ }
115
+ .e-split-btn-wrapper.e-vertical .e-split-btn,
116
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
117
+ display: block;
118
+ width: 100%;
119
+ }
120
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
121
+ border-bottom-left-radius: 0;
122
+ border-top-right-radius: 0;
123
+ line-height: 1;
124
+ padding-bottom: 4px;
125
+ padding-right: 10px;
126
+ }
127
+ .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
128
+ padding-bottom: 4px;
129
+ }
130
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
131
+ border-bottom-left-radius: 0;
132
+ border-top-right-radius: 0;
133
+ line-height: 0.334em;
134
+ margin-left: 0;
135
+ margin-top: -1px;
136
+ padding-bottom: 4px;
137
+ padding-top: 4px;
138
+ }
139
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
140
+ padding-top: 0;
141
+ }
142
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
143
+ border-bottom-right-radius: 0;
144
+ border-top-left-radius: 0;
145
+ margin-left: 0;
146
+ }
147
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
148
+ border-bottom-right-radius: 0;
149
+ border-top-left-radius: 0;
150
+ }
151
+
152
+ .e-bigger .e-split-btn-wrapper .e-split-btn,
153
+ .e-bigger.e-split-btn-wrapper .e-split-btn {
154
+ padding-left: 12px;
155
+ padding-right: 12px;
156
+ }
157
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
158
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
159
+ padding-bottom: 12px;
160
+ padding-top: 12px;
161
+ }
162
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
163
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
164
+ font-size: 16px;
165
+ margin-left: 0;
166
+ padding-right: 8px;
167
+ width: auto;
168
+ }
169
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
170
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
171
+ padding-bottom: 6px;
172
+ padding-right: 0;
173
+ }
174
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
175
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
176
+ padding-left: 12px;
177
+ padding-right: 12px;
178
+ }
179
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
180
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
181
+ padding-right: 0;
182
+ }
183
+ .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
184
+ .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
185
+ padding-left: 4px;
186
+ padding-right: 4px;
187
+ }
188
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
189
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
190
+ padding-left: 6px;
191
+ padding-right: 12px;
192
+ }
193
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
194
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
195
+ padding-left: 8px;
196
+ padding-right: 0;
197
+ }
198
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
199
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
200
+ padding-left: 0;
201
+ }
202
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
203
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
204
+ padding-left: 12px;
205
+ padding-right: 12px;
206
+ }
207
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
208
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
209
+ padding-left: 0;
210
+ }
211
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
212
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
213
+ padding-bottom: 6px;
214
+ padding-right: 12px;
215
+ }
216
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
217
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
218
+ padding-bottom: 4px;
219
+ padding-top: 4px;
220
+ }
221
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
222
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
223
+ padding-top: 0;
224
+ }
225
+
226
+ /*! splitbutton theme */
227
+ .e-split-btn-wrapper .e-split-btn {
228
+ border-right-color: #8a8886;
229
+ }
230
+ .e-split-btn-wrapper .e-split-btn:focus {
231
+ border-right-color: #8a8886;
232
+ }
233
+ .e-split-btn-wrapper .e-split-btn:active {
234
+ border-right-color: #292827;
235
+ }
236
+ .e-split-btn-wrapper .e-split-btn:disabled {
237
+ border-right-color: #252423;
238
+ }
239
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
240
+ border-color: transparent;
241
+ }
242
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
243
+ border-right-color: #8a8886;
244
+ }
245
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
246
+ border-right-color: #323130;
247
+ }
248
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
249
+ border-left-color: #8a8886;
250
+ border-right-color: #8a8886;
251
+ }
252
+ .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
253
+ border-left-color: #8a8886;
254
+ border-right-color: #8a8886;
255
+ }
256
+ .e-split-btn-wrapper.e-rtl .e-split-btn:active {
257
+ border-left-color: #292827;
258
+ border-right-color: #292827;
259
+ }
260
+ .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
261
+ border-left-color: #323130;
262
+ border-right-color: #323130;
263
+ }
264
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
265
+ border-color: transparent;
266
+ }
267
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
268
+ border-left-color: #8a8886;
269
+ border-right-color: #8a8886;
270
+ }
271
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
272
+ border-left-color: #323130;
273
+ }
274
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
275
+ border-bottom-color: #8a8886;
276
+ border-right-color: #8a8886;
277
+ }
278
+ .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
279
+ border-color: transparent;
280
+ }
281
+ .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
282
+ border-bottom-color: #8a8886;
283
+ border-right-color: #8a8886;
284
+ }
285
+ .e-split-btn-wrapper.e-vertical .e-split-btn:active {
286
+ border-bottom-color: #292827;
287
+ border-right-color: #292827;
288
+ }
289
+ .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
290
+ border-bottom-color: #323130;
291
+ border-right-color: #323130;
292
+ }
293
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
294
+ border-bottom-color: #8a8886;
295
+ border-right-color: #8a8886;
296
+ }
297
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
298
+ border-color: transparent;
299
+ }
300
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
301
+ border-bottom-color: #323130;
302
+ }
303
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
304
+ border-left-color: #8a8886;
305
+ }
306
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
307
+ border-color: transparent;
308
+ }
309
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
310
+ border-left-color: #8a8886;
311
+ }
312
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
313
+ border-left-color: #8a8886;
314
+ }
315
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
316
+ border-left-color: #8a8886;
317
+ }
318
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
319
+ border-left-color: #8a8886;
320
+ }
321
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
322
+ border-color: transparent;
323
+ }
package/styles/split-button/fluent-dark.scss CHANGED
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/split-button/fluent-dark.scss';
1
+ @import 'ej2-base/styles/definition/fluent-dark.scss';
2
+ @import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
3
+ @import 'ej2-popups/styles/popup/fluent-dark-definition.scss';
4
+ @import './../drop-down-button/fluent-dark-definition.scss';
5
+ @import 'fluent-dark-definition.scss';
6
+ @import 'all.scss';
package/styles/split-button/fluent.css CHANGED
@@ -1 +1,323 @@
1
- @import '@syncfusion/ej2-splitbuttons/styles/split-button/fluent.css';
1
+ /* stylelint-disable-line no-empty-source */
2
+ /*! splitbutton layout */
3
+ .e-split-btn-wrapper {
4
+ display: -ms-inline-flexbox;
5
+ display: inline-flex;
6
+ white-space: nowrap;
7
+ width: min-content;
8
+ }
9
+ .e-split-btn-wrapper .e-split-btn {
10
+ border-bottom-right-radius: 0;
11
+ border-top-right-radius: 0;
12
+ text-transform: none;
13
+ z-index: 1;
14
+ padding: 3px 7px;
15
+ padding-left: 10px;
16
+ padding-right: 10px;
17
+ }
18
+ .e-split-btn-wrapper .e-split-btn:focus {
19
+ outline-offset: -3px;
20
+ }
21
+ .e-split-btn-wrapper .e-split-btn:focus {
22
+ box-shadow: none;
23
+ }
24
+ .e-split-btn-wrapper .e-split-btn:active {
25
+ box-shadow: 0 0 rgba(0, 0, 0, 0);
26
+ z-index: 2;
27
+ }
28
+ .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
29
+ padding-bottom: 10px;
30
+ padding-top: 10px;
31
+ }
32
+ .e-split-btn-wrapper .e-split-btn .e-btn-icon {
33
+ font-size: 14px;
34
+ margin-left: 0;
35
+ padding-right: 4px;
36
+ width: auto;
37
+ }
38
+ .e-split-btn-wrapper .e-split-btn .e-icon-top {
39
+ padding-bottom: 4px;
40
+ padding-right: 0;
41
+ }
42
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn {
43
+ padding-left: 8px;
44
+ padding-right: 8px;
45
+ }
46
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
47
+ padding-right: 0;
48
+ }
49
+ .e-split-btn-wrapper .e-dropdown-btn {
50
+ border-bottom-left-radius: 0;
51
+ border-top-left-radius: 0;
52
+ margin-left: -1px;
53
+ padding: 4px;
54
+ }
55
+ .e-split-btn-wrapper .e-dropdown-btn:active {
56
+ box-shadow: 0 0 rgba(0, 0, 0, 0);
57
+ z-index: 2;
58
+ }
59
+ .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
60
+ z-index: 0;
61
+ }
62
+ .e-split-btn-wrapper .e-dropdown-btn:focus {
63
+ outline-offset: -3px;
64
+ }
65
+ .e-split-btn-wrapper .e-btn:focus {
66
+ box-shadow: none;
67
+ }
68
+ .e-split-btn-wrapper .e-btn:active {
69
+ box-shadow: 0 0 rgba(0, 0, 0, 0);
70
+ }
71
+ .e-split-btn-wrapper .e-btn:disabled {
72
+ box-shadow: none;
73
+ outline: 0;
74
+ outline-offset: 0;
75
+ }
76
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
77
+ box-shadow: none;
78
+ }
79
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
80
+ border-bottom-left-radius: 0;
81
+ border-bottom-right-radius: 0;
82
+ border-top-left-radius: 0;
83
+ border-top-right-radius: 0;
84
+ margin-left: -1px;
85
+ padding-left: 8px;
86
+ padding-right: 8px;
87
+ padding-left: 4px;
88
+ padding-right: 10px;
89
+ }
90
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
91
+ margin-right: 0;
92
+ padding-left: 4px;
93
+ padding-right: 0;
94
+ }
95
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
96
+ padding-left: 0;
97
+ }
98
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
99
+ padding-left: 8px;
100
+ padding-right: 8px;
101
+ }
102
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
103
+ padding-left: 0;
104
+ }
105
+ .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
106
+ border-bottom-left-radius: 0;
107
+ border-bottom-right-radius: 0;
108
+ border-top-left-radius: 0;
109
+ border-top-right-radius: 0;
110
+ margin-left: 0;
111
+ }
112
+ .e-split-btn-wrapper.e-vertical {
113
+ display: inline-block;
114
+ }
115
+ .e-split-btn-wrapper.e-vertical .e-split-btn,
116
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
117
+ display: block;
118
+ width: 100%;
119
+ }
120
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
121
+ border-bottom-left-radius: 0;
122
+ border-top-right-radius: 0;
123
+ line-height: 1;
124
+ padding-bottom: 4px;
125
+ padding-right: 10px;
126
+ }
127
+ .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
128
+ padding-bottom: 4px;
129
+ }
130
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
131
+ border-bottom-left-radius: 0;
132
+ border-top-right-radius: 0;
133
+ line-height: 0.334em;
134
+ margin-left: 0;
135
+ margin-top: -1px;
136
+ padding-bottom: 4px;
137
+ padding-top: 4px;
138
+ }
139
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
140
+ padding-top: 0;
141
+ }
142
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
143
+ border-bottom-right-radius: 0;
144
+ border-top-left-radius: 0;
145
+ margin-left: 0;
146
+ }
147
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
148
+ border-bottom-right-radius: 0;
149
+ border-top-left-radius: 0;
150
+ }
151
+
152
+ .e-bigger .e-split-btn-wrapper .e-split-btn,
153
+ .e-bigger.e-split-btn-wrapper .e-split-btn {
154
+ padding-left: 12px;
155
+ padding-right: 12px;
156
+ }
157
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
158
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
159
+ padding-bottom: 12px;
160
+ padding-top: 12px;
161
+ }
162
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
163
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
164
+ font-size: 16px;
165
+ margin-left: 0;
166
+ padding-right: 8px;
167
+ width: auto;
168
+ }
169
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
170
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
171
+ padding-bottom: 6px;
172
+ padding-right: 0;
173
+ }
174
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
175
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
176
+ padding-left: 12px;
177
+ padding-right: 12px;
178
+ }
179
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
180
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
181
+ padding-right: 0;
182
+ }
183
+ .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
184
+ .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
185
+ padding-left: 4px;
186
+ padding-right: 4px;
187
+ }
188
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
189
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
190
+ padding-left: 6px;
191
+ padding-right: 12px;
192
+ }
193
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
194
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
195
+ padding-left: 8px;
196
+ padding-right: 0;
197
+ }
198
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
199
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
200
+ padding-left: 0;
201
+ }
202
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
203
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
204
+ padding-left: 12px;
205
+ padding-right: 12px;
206
+ }
207
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
208
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
209
+ padding-left: 0;
210
+ }
211
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
212
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
213
+ padding-bottom: 6px;
214
+ padding-right: 12px;
215
+ }
216
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
217
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
218
+ padding-bottom: 4px;
219
+ padding-top: 4px;
220
+ }
221
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
222
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
223
+ padding-top: 0;
224
+ }
225
+
226
+ /*! splitbutton theme */
227
+ .e-split-btn-wrapper .e-split-btn {
228
+ border-right-color: #8a8886;
229
+ }
230
+ .e-split-btn-wrapper .e-split-btn:focus {
231
+ border-right-color: #8a8886;
232
+ }
233
+ .e-split-btn-wrapper .e-split-btn:active {
234
+ border-right-color: #edebe9;
235
+ }
236
+ .e-split-btn-wrapper .e-split-btn:disabled {
237
+ border-right-color: #f3f2f1;
238
+ }
239
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
240
+ border-color: transparent;
241
+ }
242
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
243
+ border-right-color: #8a8886;
244
+ }
245
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
246
+ border-right-color: #f3f2f1;
247
+ }
248
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
249
+ border-left-color: #8a8886;
250
+ border-right-color: #8a8886;
251
+ }
252
+ .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
253
+ border-left-color: #8a8886;
254
+ border-right-color: #8a8886;
255
+ }
256
+ .e-split-btn-wrapper.e-rtl .e-split-btn:active {
257
+ border-left-color: #edebe9;
258
+ border-right-color: #edebe9;
259
+ }
260
+ .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
261
+ border-left-color: #f3f2f1;
262
+ border-right-color: #f3f2f1;
263
+ }
264
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
265
+ border-color: transparent;
266
+ }
267
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
268
+ border-left-color: #8a8886;
269
+ border-right-color: #8a8886;
270
+ }
271
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
272
+ border-left-color: #f3f2f1;
273
+ }
274
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
275
+ border-bottom-color: #8a8886;
276
+ border-right-color: #8a8886;
277
+ }
278
+ .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
279
+ border-color: transparent;
280
+ }
281
+ .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
282
+ border-bottom-color: #8a8886;
283
+ border-right-color: #8a8886;
284
+ }
285
+ .e-split-btn-wrapper.e-vertical .e-split-btn:active {
286
+ border-bottom-color: #edebe9;
287
+ border-right-color: #edebe9;
288
+ }
289
+ .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
290
+ border-bottom-color: #f3f2f1;
291
+ border-right-color: #f3f2f1;
292
+ }
293
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
294
+ border-bottom-color: #8a8886;
295
+ border-right-color: #8a8886;
296
+ }
297
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
298
+ border-color: transparent;
299
+ }
300
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
301
+ border-bottom-color: #f3f2f1;
302
+ }
303
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
304
+ border-left-color: #8a8886;
305
+ }
306
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
307
+ border-color: transparent;
308
+ }
309
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
310
+ border-left-color: #8a8886;
311
+ }
312
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
313
+ border-left-color: #8a8886;
314
+ }
315
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
316
+ border-left-color: #8a8886;
317
+ }
318
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
319
+ border-left-color: #8a8886;
320
+ }
321
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
322
+ border-color: transparent;
323
+ }
package/styles/split-button/fluent.scss CHANGED
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/split-button/fluent.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
+ @import 'ej2-buttons/styles/button/fluent-definition.scss';
3
+ @import 'ej2-popups/styles/popup/fluent-definition.scss';
4
+ @import './../drop-down-button/fluent-definition.scss';
5
+ @import 'fluent-definition.scss';
6
+ @import 'all.scss';