@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/highcontrast-light.css CHANGED
@@ -1 +1,330 @@
1
- @import '@syncfusion/ej2-splitbuttons/styles/split-button/highcontrast-light.css';
1
+ /*! splitbutton layout */
2
+ .e-split-btn-wrapper {
3
+ display: -ms-inline-flexbox;
4
+ display: inline-flex;
5
+ white-space: nowrap;
6
+ width: min-content;
7
+ }
8
+ .e-split-btn-wrapper .e-split-btn {
9
+ border-bottom-right-radius: 0;
10
+ border-top-right-radius: 0;
11
+ text-transform: none;
12
+ z-index: 1;
13
+ padding-left: 10px;
14
+ padding-right: 10px;
15
+ }
16
+ .e-split-btn-wrapper .e-split-btn:focus {
17
+ outline-offset: -4px;
18
+ }
19
+ .e-split-btn-wrapper .e-split-btn:hover {
20
+ box-shadow: none;
21
+ }
22
+ .e-split-btn-wrapper .e-split-btn:focus {
23
+ box-shadow: none;
24
+ }
25
+ .e-split-btn-wrapper .e-split-btn:active {
26
+ box-shadow: none;
27
+ z-index: 2;
28
+ }
29
+ .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
30
+ padding-bottom: 10px;
31
+ padding-top: 10px;
32
+ }
33
+ .e-split-btn-wrapper .e-split-btn .e-btn-icon {
34
+ font-size: 14px;
35
+ margin-left: 0;
36
+ padding-right: 8px;
37
+ width: auto;
38
+ }
39
+ .e-split-btn-wrapper .e-split-btn .e-icon-top {
40
+ padding-bottom: 4px;
41
+ padding-right: 0;
42
+ }
43
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn {
44
+ padding-left: 8px;
45
+ padding-right: 8px;
46
+ }
47
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
48
+ padding-right: 0;
49
+ }
50
+ .e-split-btn-wrapper .e-dropdown-btn {
51
+ border-bottom-left-radius: 0;
52
+ border-top-left-radius: 0;
53
+ margin-left: -1px;
54
+ padding-left: 4px;
55
+ padding-right: 4px;
56
+ }
57
+ .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
58
+ box-shadow: none;
59
+ }
60
+ .e-split-btn-wrapper .e-dropdown-btn:active {
61
+ box-shadow: none;
62
+ z-index: 2;
63
+ }
64
+ .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 {
65
+ z-index: 0;
66
+ }
67
+ .e-split-btn-wrapper .e-dropdown-btn:focus {
68
+ outline-offset: -4px;
69
+ }
70
+ .e-split-btn-wrapper .e-btn {
71
+ box-shadow: none;
72
+ }
73
+ .e-split-btn-wrapper .e-btn:hover {
74
+ box-shadow: none;
75
+ }
76
+ .e-split-btn-wrapper .e-btn:focus {
77
+ box-shadow: none;
78
+ }
79
+ .e-split-btn-wrapper .e-btn:active {
80
+ box-shadow: none;
81
+ }
82
+ .e-split-btn-wrapper .e-btn:disabled {
83
+ box-shadow: none;
84
+ }
85
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
86
+ box-shadow: none;
87
+ }
88
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
89
+ border-bottom-left-radius: 0;
90
+ border-bottom-right-radius: 0;
91
+ border-top-left-radius: 0;
92
+ border-top-right-radius: 0;
93
+ margin-left: -1px;
94
+ padding-left: 4px;
95
+ padding-right: 10px;
96
+ }
97
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
98
+ margin-right: 0;
99
+ padding-left: 8px;
100
+ padding-right: 0;
101
+ }
102
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
103
+ padding-left: 0;
104
+ }
105
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
106
+ padding-left: 8px;
107
+ padding-right: 8px;
108
+ }
109
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
110
+ padding-left: 0;
111
+ }
112
+ .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
113
+ border-bottom-left-radius: 0;
114
+ border-bottom-right-radius: 0;
115
+ border-top-left-radius: 0;
116
+ border-top-right-radius: 0;
117
+ margin-left: 0;
118
+ }
119
+ .e-split-btn-wrapper.e-vertical {
120
+ display: inline-block;
121
+ }
122
+ .e-split-btn-wrapper.e-vertical .e-split-btn,
123
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
124
+ display: block;
125
+ width: 100%;
126
+ }
127
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
128
+ border-bottom-left-radius: 0;
129
+ border-top-right-radius: 0;
130
+ line-height: 1;
131
+ padding-bottom: 4px;
132
+ padding-right: 10px;
133
+ }
134
+ .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
135
+ padding-bottom: 4px;
136
+ }
137
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
138
+ border-bottom-left-radius: 0;
139
+ border-top-right-radius: 0;
140
+ line-height: 0.213em;
141
+ margin-left: 0;
142
+ margin-top: -1px;
143
+ padding-bottom: 4px;
144
+ padding-top: 4px;
145
+ }
146
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
147
+ padding-top: 0;
148
+ }
149
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
150
+ border-bottom-right-radius: 0;
151
+ border-top-left-radius: 0;
152
+ margin-left: 0;
153
+ }
154
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
155
+ border-bottom-right-radius: 0;
156
+ border-top-left-radius: 0;
157
+ }
158
+
159
+ .e-bigger .e-split-btn-wrapper .e-split-btn,
160
+ .e-bigger.e-split-btn-wrapper .e-split-btn {
161
+ padding-left: 12px;
162
+ padding-right: 6px;
163
+ }
164
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
165
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
166
+ padding-bottom: 12px;
167
+ padding-top: 12px;
168
+ }
169
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
170
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
171
+ font-size: 16px;
172
+ margin-left: 0;
173
+ padding-right: 10px;
174
+ width: auto;
175
+ }
176
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
177
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
178
+ padding-bottom: 6px;
179
+ padding-right: 0;
180
+ }
181
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
182
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
183
+ padding-left: 11px;
184
+ padding-right: 11px;
185
+ }
186
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
187
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
188
+ padding-right: 0;
189
+ }
190
+ .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
191
+ .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
192
+ padding-left: 4px;
193
+ padding-right: 4px;
194
+ }
195
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
196
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
197
+ padding-left: 6px;
198
+ padding-right: 12px;
199
+ }
200
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
201
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
202
+ padding-left: 10px;
203
+ padding-right: 0;
204
+ }
205
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
206
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
207
+ padding-left: 0;
208
+ }
209
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
210
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
211
+ padding-left: 11px;
212
+ padding-right: 11px;
213
+ }
214
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
215
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
216
+ padding-left: 0;
217
+ }
218
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
219
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
220
+ padding-bottom: 6px;
221
+ padding-right: 12px;
222
+ }
223
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
224
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
225
+ padding-bottom: 4px;
226
+ padding-top: 4px;
227
+ }
228
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
229
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
230
+ padding-top: 0;
231
+ }
232
+
233
+ /*! splitbutton theme */
234
+ .e-split-btn-wrapper .e-split-btn {
235
+ border-right-color: #000;
236
+ }
237
+ .e-split-btn-wrapper .e-split-btn:focus {
238
+ border-right-color: #000;
239
+ }
240
+ .e-split-btn-wrapper .e-split-btn:active {
241
+ border-right-color: #400074;
242
+ }
243
+ .e-split-btn-wrapper .e-split-btn:disabled {
244
+ border-right-color: #fff;
245
+ }
246
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
247
+ border-color: transparent;
248
+ }
249
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
250
+ border-right-color: #000;
251
+ }
252
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
253
+ border-right-color: #757575;
254
+ }
255
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
256
+ border-left-color: #000;
257
+ border-right-color: #000;
258
+ }
259
+ .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
260
+ border-left-color: #000;
261
+ border-right-color: #000;
262
+ }
263
+ .e-split-btn-wrapper.e-rtl .e-split-btn:active {
264
+ border-left-color: #400074;
265
+ border-right-color: #400074;
266
+ }
267
+ .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
268
+ border-left-color: #757575;
269
+ border-right-color: #757575;
270
+ }
271
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
272
+ border-color: transparent;
273
+ }
274
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
275
+ border-left-color: #000;
276
+ border-right-color: #000;
277
+ }
278
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
279
+ border-left-color: #757575;
280
+ }
281
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
282
+ border-bottom-color: #000;
283
+ border-right-color: #000;
284
+ }
285
+ .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 {
286
+ border-color: transparent;
287
+ }
288
+ .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
289
+ border-bottom-color: #000;
290
+ border-right-color: #000;
291
+ }
292
+ .e-split-btn-wrapper.e-vertical .e-split-btn:active {
293
+ border-bottom-color: #400074;
294
+ border-right-color: #400074;
295
+ }
296
+ .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
297
+ border-bottom-color: #757575;
298
+ border-right-color: #757575;
299
+ }
300
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
301
+ border-bottom-color: #000;
302
+ border-right-color: #000;
303
+ }
304
+ .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 {
305
+ border-color: transparent;
306
+ }
307
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
308
+ border-bottom-color: #757575;
309
+ }
310
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
311
+ border-left-color: #000;
312
+ }
313
+ .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 {
314
+ border-color: transparent;
315
+ }
316
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
317
+ border-left-color: #000;
318
+ }
319
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
320
+ border-left-color: #400074;
321
+ }
322
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
323
+ border-left-color: #757575;
324
+ }
325
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
326
+ border-left-color: #000;
327
+ }
328
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
329
+ border-color: transparent;
330
+ }
package/styles/split-button/highcontrast-light.scss CHANGED
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/split-button/highcontrast-light.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
+ @import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
3
+ @import 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
4
+ @import './../drop-down-button/highcontrast-light-definition.scss';
5
+ @import 'highcontrast-light-definition.scss';
6
+ @import 'all.scss';
package/styles/split-button/highcontrast.css CHANGED
@@ -1 +1,330 @@
1
- @import '@syncfusion/ej2-splitbuttons/styles/split-button/highcontrast.css';
1
+ /*! splitbutton layout */
2
+ .e-split-btn-wrapper {
3
+ display: -ms-inline-flexbox;
4
+ display: inline-flex;
5
+ white-space: nowrap;
6
+ width: min-content;
7
+ }
8
+ .e-split-btn-wrapper .e-split-btn {
9
+ border-bottom-right-radius: 0;
10
+ border-top-right-radius: 0;
11
+ text-transform: none;
12
+ z-index: 1;
13
+ padding-left: 10px;
14
+ padding-right: 10px;
15
+ }
16
+ .e-split-btn-wrapper .e-split-btn:focus {
17
+ outline-offset: -4px;
18
+ }
19
+ .e-split-btn-wrapper .e-split-btn:hover {
20
+ box-shadow: none;
21
+ }
22
+ .e-split-btn-wrapper .e-split-btn:focus {
23
+ box-shadow: none;
24
+ }
25
+ .e-split-btn-wrapper .e-split-btn:active {
26
+ box-shadow: none;
27
+ z-index: 2;
28
+ }
29
+ .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
30
+ padding-bottom: 10px;
31
+ padding-top: 10px;
32
+ }
33
+ .e-split-btn-wrapper .e-split-btn .e-btn-icon {
34
+ font-size: 14px;
35
+ margin-left: 0;
36
+ padding-right: 8px;
37
+ width: auto;
38
+ }
39
+ .e-split-btn-wrapper .e-split-btn .e-icon-top {
40
+ padding-bottom: 4px;
41
+ padding-right: 0;
42
+ }
43
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn {
44
+ padding-left: 8px;
45
+ padding-right: 8px;
46
+ }
47
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
48
+ padding-right: 0;
49
+ }
50
+ .e-split-btn-wrapper .e-dropdown-btn {
51
+ border-bottom-left-radius: 0;
52
+ border-top-left-radius: 0;
53
+ margin-left: -1px;
54
+ padding-left: 4px;
55
+ padding-right: 4px;
56
+ }
57
+ .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
58
+ box-shadow: none;
59
+ }
60
+ .e-split-btn-wrapper .e-dropdown-btn:active {
61
+ box-shadow: none;
62
+ z-index: 2;
63
+ }
64
+ .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 {
65
+ z-index: 0;
66
+ }
67
+ .e-split-btn-wrapper .e-dropdown-btn:focus {
68
+ outline-offset: -4px;
69
+ }
70
+ .e-split-btn-wrapper .e-btn {
71
+ box-shadow: none;
72
+ }
73
+ .e-split-btn-wrapper .e-btn:hover {
74
+ box-shadow: none;
75
+ }
76
+ .e-split-btn-wrapper .e-btn:focus {
77
+ box-shadow: none;
78
+ }
79
+ .e-split-btn-wrapper .e-btn:active {
80
+ box-shadow: none;
81
+ }
82
+ .e-split-btn-wrapper .e-btn:disabled {
83
+ box-shadow: none;
84
+ }
85
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
86
+ box-shadow: none;
87
+ }
88
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
89
+ border-bottom-left-radius: 0;
90
+ border-bottom-right-radius: 0;
91
+ border-top-left-radius: 0;
92
+ border-top-right-radius: 0;
93
+ margin-left: -1px;
94
+ padding-left: 4px;
95
+ padding-right: 10px;
96
+ }
97
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
98
+ margin-right: 0;
99
+ padding-left: 8px;
100
+ padding-right: 0;
101
+ }
102
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
103
+ padding-left: 0;
104
+ }
105
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
106
+ padding-left: 8px;
107
+ padding-right: 8px;
108
+ }
109
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
110
+ padding-left: 0;
111
+ }
112
+ .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
113
+ border-bottom-left-radius: 0;
114
+ border-bottom-right-radius: 0;
115
+ border-top-left-radius: 0;
116
+ border-top-right-radius: 0;
117
+ margin-left: 0;
118
+ }
119
+ .e-split-btn-wrapper.e-vertical {
120
+ display: inline-block;
121
+ }
122
+ .e-split-btn-wrapper.e-vertical .e-split-btn,
123
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
124
+ display: block;
125
+ width: 100%;
126
+ }
127
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
128
+ border-bottom-left-radius: 0;
129
+ border-top-right-radius: 0;
130
+ line-height: 1;
131
+ padding-bottom: 4px;
132
+ padding-right: 10px;
133
+ }
134
+ .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
135
+ padding-bottom: 4px;
136
+ }
137
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
138
+ border-bottom-left-radius: 0;
139
+ border-top-right-radius: 0;
140
+ line-height: 0.213em;
141
+ margin-left: 0;
142
+ margin-top: -1px;
143
+ padding-bottom: 4px;
144
+ padding-top: 4px;
145
+ }
146
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
147
+ padding-top: 0;
148
+ }
149
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
150
+ border-bottom-right-radius: 0;
151
+ border-top-left-radius: 0;
152
+ margin-left: 0;
153
+ }
154
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
155
+ border-bottom-right-radius: 0;
156
+ border-top-left-radius: 0;
157
+ }
158
+
159
+ .e-bigger .e-split-btn-wrapper .e-split-btn,
160
+ .e-bigger.e-split-btn-wrapper .e-split-btn {
161
+ padding-left: 12px;
162
+ padding-right: 6px;
163
+ }
164
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
165
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
166
+ padding-bottom: 12px;
167
+ padding-top: 12px;
168
+ }
169
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
170
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
171
+ font-size: 16px;
172
+ margin-left: 0;
173
+ padding-right: 10px;
174
+ width: auto;
175
+ }
176
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
177
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
178
+ padding-bottom: 6px;
179
+ padding-right: 0;
180
+ }
181
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
182
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
183
+ padding-left: 11px;
184
+ padding-right: 11px;
185
+ }
186
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
187
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
188
+ padding-right: 0;
189
+ }
190
+ .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
191
+ .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
192
+ padding-left: 4px;
193
+ padding-right: 4px;
194
+ }
195
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
196
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
197
+ padding-left: 6px;
198
+ padding-right: 12px;
199
+ }
200
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
201
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
202
+ padding-left: 10px;
203
+ padding-right: 0;
204
+ }
205
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
206
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
207
+ padding-left: 0;
208
+ }
209
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
210
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
211
+ padding-left: 11px;
212
+ padding-right: 11px;
213
+ }
214
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
215
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
216
+ padding-left: 0;
217
+ }
218
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
219
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
220
+ padding-bottom: 6px;
221
+ padding-right: 12px;
222
+ }
223
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
224
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
225
+ padding-bottom: 4px;
226
+ padding-top: 4px;
227
+ }
228
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
229
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
230
+ padding-top: 0;
231
+ }
232
+
233
+ /*! splitbutton theme */
234
+ .e-split-btn-wrapper .e-split-btn {
235
+ border-right-color: #fff;
236
+ }
237
+ .e-split-btn-wrapper .e-split-btn:focus {
238
+ border-right-color: #fff;
239
+ }
240
+ .e-split-btn-wrapper .e-split-btn:active {
241
+ border-right-color: #ffd939;
242
+ }
243
+ .e-split-btn-wrapper .e-split-btn:disabled {
244
+ border-right-color: #000;
245
+ }
246
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
247
+ border-color: transparent;
248
+ }
249
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
250
+ border-right-color: #fff;
251
+ }
252
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
253
+ border-right-color: #757575;
254
+ }
255
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
256
+ border-left-color: #fff;
257
+ border-right-color: #fff;
258
+ }
259
+ .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
260
+ border-left-color: #fff;
261
+ border-right-color: #fff;
262
+ }
263
+ .e-split-btn-wrapper.e-rtl .e-split-btn:active {
264
+ border-left-color: #ffd939;
265
+ border-right-color: #ffd939;
266
+ }
267
+ .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
268
+ border-left-color: #757575;
269
+ border-right-color: #757575;
270
+ }
271
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
272
+ border-color: transparent;
273
+ }
274
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
275
+ border-left-color: #fff;
276
+ border-right-color: #fff;
277
+ }
278
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
279
+ border-left-color: #757575;
280
+ }
281
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
282
+ border-bottom-color: #fff;
283
+ border-right-color: #fff;
284
+ }
285
+ .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 {
286
+ border-color: transparent;
287
+ }
288
+ .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
289
+ border-bottom-color: #fff;
290
+ border-right-color: #fff;
291
+ }
292
+ .e-split-btn-wrapper.e-vertical .e-split-btn:active {
293
+ border-bottom-color: #ffd939;
294
+ border-right-color: #ffd939;
295
+ }
296
+ .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
297
+ border-bottom-color: #757575;
298
+ border-right-color: #757575;
299
+ }
300
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
301
+ border-bottom-color: #fff;
302
+ border-right-color: #fff;
303
+ }
304
+ .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 {
305
+ border-color: transparent;
306
+ }
307
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
308
+ border-bottom-color: #757575;
309
+ }
310
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
311
+ border-left-color: #fff;
312
+ }
313
+ .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 {
314
+ border-color: transparent;
315
+ }
316
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
317
+ border-left-color: #fff;
318
+ }
319
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
320
+ border-left-color: #ffd939;
321
+ }
322
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
323
+ border-left-color: #757575;
324
+ }
325
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
326
+ border-left-color: #fff;
327
+ }
328
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
329
+ border-color: transparent;
330
+ }
package/styles/split-button/highcontrast.scss CHANGED
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/split-button/highcontrast.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast.scss';
2
+ @import 'ej2-buttons/styles/button/highcontrast-definition.scss';
3
+ @import 'ej2-popups/styles/popup/highcontrast-definition.scss';
4
+ @import './../drop-down-button/highcontrast-definition.scss';
5
+ @import 'highcontrast-definition.scss';
6
+ @import 'all.scss';