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