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

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 (234) 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 +27 -13
  20. package/schematics/utils/lib-details.d.ts +2 -2
  21. package/src/drop-down-button/dropdownbutton-all.module.d.ts +6 -0
  22. package/src/drop-down-button/dropdownbutton.component.d.ts +3 -0
  23. package/src/drop-down-button/dropdownbutton.module.d.ts +7 -0
  24. package/src/drop-down-button/items.directive.d.ts +5 -0
  25. package/src/progress-button/progressbutton-all.module.d.ts +6 -0
  26. package/src/progress-button/progressbutton.component.d.ts +3 -0
  27. package/src/progress-button/progressbutton.module.d.ts +6 -0
  28. package/src/split-button/items.directive.d.ts +5 -0
  29. package/src/split-button/splitbutton-all.module.d.ts +6 -0
  30. package/src/split-button/splitbutton.component.d.ts +3 -0
  31. package/src/split-button/splitbutton.module.d.ts +7 -0
  32. package/styles/bootstrap-dark.css +0 -21
  33. package/styles/bootstrap.css +0 -21
  34. package/styles/bootstrap4.css +28 -49
  35. package/styles/bootstrap5-dark.css +0 -21
  36. package/styles/bootstrap5.css +0 -21
  37. package/styles/button-group/_all.scss +2 -0
  38. package/styles/button-group/_bootstrap-dark-definition.scss +33 -0
  39. package/styles/button-group/_bootstrap-definition.scss +30 -0
  40. package/styles/button-group/_bootstrap4-definition.scss +30 -0
  41. package/styles/button-group/_bootstrap5-dark-definition.scss +1 -0
  42. package/styles/button-group/_bootstrap5-definition.scss +31 -0
  43. package/styles/button-group/_fabric-dark-definition.scss +33 -0
  44. package/styles/button-group/_fabric-definition.scss +30 -0
  45. package/styles/button-group/_fluent-dark-definition.scss +1 -0
  46. package/styles/button-group/_fluent-definition.scss +31 -0
  47. package/styles/button-group/_fusionnew-definition.scss +31 -0
  48. package/styles/button-group/_group-button-mixin.scss +72 -0
  49. package/styles/button-group/_highcontrast-definition.scss +32 -0
  50. package/styles/button-group/_highcontrast-light-definition.scss +35 -0
  51. package/styles/button-group/_layout.scss +288 -0
  52. package/styles/button-group/_material-dark-definition.scss +33 -0
  53. package/styles/button-group/_material-definition.scss +30 -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 +386 -0
  58. package/styles/button-group/bootstrap-dark.scss +4 -1
  59. package/styles/button-group/bootstrap.scss +4 -1
  60. package/styles/button-group/bootstrap4.css +24 -24
  61. package/styles/button-group/bootstrap4.scss +4 -1
  62. package/styles/button-group/bootstrap5-dark.scss +4 -1
  63. package/styles/button-group/bootstrap5.scss +4 -1
  64. package/styles/button-group/fabric-dark.scss +4 -1
  65. package/styles/button-group/fabric.scss +4 -1
  66. package/styles/button-group/fluent-dark.scss +4 -1
  67. package/styles/button-group/fluent.scss +4 -1
  68. package/styles/button-group/highcontrast-light.scss +4 -1
  69. package/styles/button-group/highcontrast.scss +4 -1
  70. package/styles/button-group/material-dark.scss +4 -1
  71. package/styles/button-group/material.scss +4 -1
  72. package/styles/button-group/tailwind-dark.scss +4 -1
  73. package/styles/button-group/tailwind.scss +4 -1
  74. package/styles/drop-down-button/_all.scss +2 -0
  75. package/styles/drop-down-button/_bootstrap-dark-definition.scss +51 -0
  76. package/styles/drop-down-button/_bootstrap-definition.scss +48 -0
  77. package/styles/drop-down-button/_bootstrap4-definition.scss +48 -0
  78. package/styles/drop-down-button/_bootstrap5-dark-definition.scss +1 -0
  79. package/styles/drop-down-button/_bootstrap5-definition.scss +50 -0
  80. package/styles/drop-down-button/_fabric-dark-definition.scss +51 -0
  81. package/styles/drop-down-button/_fabric-definition.scss +48 -0
  82. package/styles/drop-down-button/_fluent-dark-definition.scss +1 -0
  83. package/styles/drop-down-button/_fluent-definition.scss +52 -0
  84. package/styles/drop-down-button/_fusionnew-definition.scss +50 -0
  85. package/styles/drop-down-button/_highcontrast-definition.scss +47 -0
  86. package/styles/drop-down-button/_highcontrast-light-definition.scss +50 -0
  87. package/styles/drop-down-button/_layout.scss +218 -0
  88. package/styles/drop-down-button/_material-dark-definition.scss +51 -0
  89. package/styles/drop-down-button/_material-definition.scss +48 -0
  90. package/styles/drop-down-button/_material3-definition.scss +50 -0
  91. package/styles/drop-down-button/_tailwind-dark-definition.scss +1 -0
  92. package/styles/drop-down-button/_tailwind-definition.scss +49 -0
  93. package/styles/drop-down-button/_theme.scss +78 -0
  94. package/styles/drop-down-button/bootstrap-dark.scss +6 -1
  95. package/styles/drop-down-button/bootstrap.scss +6 -1
  96. package/styles/drop-down-button/bootstrap4.css +1 -1
  97. package/styles/drop-down-button/bootstrap4.scss +6 -1
  98. package/styles/drop-down-button/bootstrap5-dark.scss +6 -1
  99. package/styles/drop-down-button/bootstrap5.scss +6 -1
  100. package/styles/drop-down-button/fabric-dark.scss +6 -1
  101. package/styles/drop-down-button/fabric.scss +6 -1
  102. package/styles/drop-down-button/fluent-dark.scss +6 -1
  103. package/styles/drop-down-button/fluent.scss +6 -1
  104. package/styles/drop-down-button/highcontrast-light.scss +6 -1
  105. package/styles/drop-down-button/highcontrast.scss +6 -1
  106. package/styles/drop-down-button/icons/_bootstrap-dark.scss +10 -0
  107. package/styles/drop-down-button/icons/_bootstrap.scss +10 -0
  108. package/styles/drop-down-button/icons/_bootstrap4.scss +10 -0
  109. package/styles/drop-down-button/icons/_bootstrap5-dark.scss +1 -0
  110. package/styles/drop-down-button/icons/_bootstrap5.scss +10 -0
  111. package/styles/drop-down-button/icons/_fabric-dark.scss +10 -0
  112. package/styles/drop-down-button/icons/_fabric.scss +10 -0
  113. package/styles/drop-down-button/icons/_fluent-dark.scss +1 -0
  114. package/styles/drop-down-button/icons/_fluent.scss +10 -0
  115. package/styles/drop-down-button/icons/_fusionnew.scss +10 -0
  116. package/styles/drop-down-button/icons/_highcontrast-light.scss +10 -0
  117. package/styles/drop-down-button/icons/_highcontrast.scss +10 -0
  118. package/styles/drop-down-button/icons/_material-dark.scss +10 -0
  119. package/styles/drop-down-button/icons/_material.scss +10 -0
  120. package/styles/drop-down-button/icons/_material3.scss +10 -0
  121. package/styles/drop-down-button/icons/_tailwind-dark.scss +10 -0
  122. package/styles/drop-down-button/icons/_tailwind.scss +10 -0
  123. package/styles/drop-down-button/material-dark.scss +6 -1
  124. package/styles/drop-down-button/material.scss +6 -1
  125. package/styles/drop-down-button/tailwind-dark.scss +6 -1
  126. package/styles/drop-down-button/tailwind.scss +6 -1
  127. package/styles/fabric-dark.css +0 -21
  128. package/styles/fabric.css +0 -21
  129. package/styles/fluent-dark.css +0 -21
  130. package/styles/fluent.css +0 -21
  131. package/styles/highcontrast-light.css +0 -21
  132. package/styles/highcontrast.css +0 -21
  133. package/styles/material-dark.css +0 -21
  134. package/styles/material.css +0 -21
  135. package/styles/progress-button/_all.scss +2 -0
  136. package/styles/progress-button/_bootstrap-dark-definition.scss +27 -0
  137. package/styles/progress-button/_bootstrap-definition.scss +24 -0
  138. package/styles/progress-button/_bootstrap4-definition.scss +24 -0
  139. package/styles/progress-button/_bootstrap5-dark-definition.scss +1 -0
  140. package/styles/progress-button/_bootstrap5-definition.scss +21 -0
  141. package/styles/progress-button/_fabric-dark-definition.scss +27 -0
  142. package/styles/progress-button/_fabric-definition.scss +24 -0
  143. package/styles/progress-button/_fluent-dark-definition.scss +1 -0
  144. package/styles/progress-button/_fluent-definition.scss +21 -0
  145. package/styles/progress-button/_fusionnew-definition.scss +21 -0
  146. package/styles/progress-button/_highcontrast-definition.scss +24 -0
  147. package/styles/progress-button/_highcontrast-light-definition.scss +24 -0
  148. package/styles/progress-button/_layout.scss +396 -0
  149. package/styles/progress-button/_material-dark-definition.scss +27 -0
  150. package/styles/progress-button/_material-definition.scss +24 -0
  151. package/styles/progress-button/_material3-definition.scss +21 -0
  152. package/styles/progress-button/_tailwind-dark-definition.scss +1 -0
  153. package/styles/progress-button/_tailwind-definition.scss +21 -0
  154. package/styles/progress-button/_theme.scss +457 -0
  155. package/styles/progress-button/bootstrap-dark.scss +5 -1
  156. package/styles/progress-button/bootstrap.scss +5 -1
  157. package/styles/progress-button/bootstrap4.scss +5 -1
  158. package/styles/progress-button/bootstrap5-dark.scss +5 -1
  159. package/styles/progress-button/bootstrap5.scss +5 -1
  160. package/styles/progress-button/fabric-dark.scss +5 -1
  161. package/styles/progress-button/fabric.scss +5 -1
  162. package/styles/progress-button/fluent-dark.scss +5 -1
  163. package/styles/progress-button/fluent.scss +5 -1
  164. package/styles/progress-button/highcontrast-light.scss +5 -1
  165. package/styles/progress-button/highcontrast.scss +5 -1
  166. package/styles/progress-button/material-dark.scss +5 -1
  167. package/styles/progress-button/material.scss +5 -1
  168. package/styles/progress-button/tailwind-dark.scss +5 -1
  169. package/styles/progress-button/tailwind.scss +5 -1
  170. package/styles/split-button/_all.scss +2 -0
  171. package/styles/split-button/_bootstrap-dark-definition.scss +26 -0
  172. package/styles/split-button/_bootstrap-definition.scss +23 -0
  173. package/styles/split-button/_bootstrap4-definition.scss +26 -0
  174. package/styles/split-button/_bootstrap5-dark-definition.scss +1 -0
  175. package/styles/split-button/_bootstrap5-definition.scss +24 -0
  176. package/styles/split-button/_fabric-dark-definition.scss +26 -0
  177. package/styles/split-button/_fabric-definition.scss +23 -0
  178. package/styles/split-button/_fluent-dark-definition.scss +1 -0
  179. package/styles/split-button/_fluent-definition.scss +24 -0
  180. package/styles/split-button/_fusionnew-definition.scss +24 -0
  181. package/styles/split-button/_highcontrast-definition.scss +23 -0
  182. package/styles/split-button/_highcontrast-light-definition.scss +26 -0
  183. package/styles/split-button/_layout.scss +420 -0
  184. package/styles/split-button/_material-dark-definition.scss +26 -0
  185. package/styles/split-button/_material-definition.scss +23 -0
  186. package/styles/split-button/_material3-definition.scss +24 -0
  187. package/styles/split-button/_tailwind-dark-definition.scss +1 -0
  188. package/styles/split-button/_tailwind-definition.scss +24 -0
  189. package/styles/split-button/_theme.scss +136 -0
  190. package/styles/split-button/bootstrap-dark.css +0 -21
  191. package/styles/split-button/bootstrap-dark.scss +6 -1
  192. package/styles/split-button/bootstrap.css +0 -21
  193. package/styles/split-button/bootstrap.scss +6 -1
  194. package/styles/split-button/bootstrap4.css +3 -24
  195. package/styles/split-button/bootstrap4.scss +6 -1
  196. package/styles/split-button/bootstrap5-dark.css +0 -21
  197. package/styles/split-button/bootstrap5-dark.scss +6 -1
  198. package/styles/split-button/bootstrap5.css +0 -21
  199. package/styles/split-button/bootstrap5.scss +6 -1
  200. package/styles/split-button/fabric-dark.css +0 -21
  201. package/styles/split-button/fabric-dark.scss +6 -1
  202. package/styles/split-button/fabric.css +0 -21
  203. package/styles/split-button/fabric.scss +6 -1
  204. package/styles/split-button/fluent-dark.css +0 -21
  205. package/styles/split-button/fluent-dark.scss +6 -1
  206. package/styles/split-button/fluent.css +0 -21
  207. package/styles/split-button/fluent.scss +6 -1
  208. package/styles/split-button/highcontrast-light.css +0 -21
  209. package/styles/split-button/highcontrast-light.scss +6 -1
  210. package/styles/split-button/highcontrast.css +0 -21
  211. package/styles/split-button/highcontrast.scss +6 -1
  212. package/styles/split-button/material-dark.css +0 -21
  213. package/styles/split-button/material-dark.scss +6 -1
  214. package/styles/split-button/material.css +0 -21
  215. package/styles/split-button/material.scss +6 -1
  216. package/styles/split-button/tailwind-dark.css +0 -21
  217. package/styles/split-button/tailwind-dark.scss +6 -1
  218. package/styles/split-button/tailwind.css +0 -21
  219. package/styles/split-button/tailwind.scss +6 -1
  220. package/styles/tailwind-dark.css +0 -21
  221. package/styles/tailwind.css +0 -21
  222. package/syncfusion-ej2-angular-splitbuttons.d.ts +5 -0
  223. package/@syncfusion/ej2-angular-splitbuttons.es5.js +0 -565
  224. package/@syncfusion/ej2-angular-splitbuttons.es5.js.map +0 -1
  225. package/@syncfusion/ej2-angular-splitbuttons.js +0 -516
  226. package/@syncfusion/ej2-angular-splitbuttons.js.map +0 -1
  227. package/CHANGELOG.md +0 -242
  228. package/dist/ej2-angular-splitbuttons.umd.js +0 -603
  229. package/dist/ej2-angular-splitbuttons.umd.js.map +0 -1
  230. package/dist/ej2-angular-splitbuttons.umd.min.js +0 -11
  231. package/dist/ej2-angular-splitbuttons.umd.min.js.map +0 -1
  232. package/ej2-angular-splitbuttons.d.ts +0 -7
  233. package/ej2-angular-splitbuttons.metadata.json +0 -1
  234. package/postinstall/tagchange.js +0 -18
@@ -0,0 +1,78 @@
1
+ @include export-module('drop-down-button-theme') {
2
+
3
+ /*! drop-down button theme */
4
+ .e-dropdown-popup {
5
+ background-color: $drop-down-btn-ul-bgcolor;
6
+ color: $drop-down-btn-color;
7
+
8
+ & ul {
9
+ & .e-item {
10
+ & .e-menu-url {
11
+ color: $drop-down-btn-color;
12
+ }
13
+
14
+ & .e-menu-icon {
15
+ color: $drop-down-btn-menu-icon-color;
16
+ }
17
+
18
+ &.e-focused {
19
+ background-color: $drop-down-btn-li-focus-bgcolor;
20
+ box-shadow: $drop-down-btn-li-box-shadow;
21
+ }
22
+
23
+ &:hover {
24
+ @if $skin-name == 'bootstrap5' {
25
+ background-color: $drop-down-btn-li-hover-bgcolor;
26
+ }
27
+ @else {
28
+ background-color: $drop-down-btn-li-bgcolor;
29
+ }
30
+ color: $drop-down-btn-li-selection-font-color;
31
+ }
32
+
33
+ &:active,
34
+ &.e-selected {
35
+ background-color: $drop-down-btn-li-selection-bgcolor;
36
+ color: $drop-down-btn-selected-color;
37
+
38
+ & .e-menu-url {
39
+ color: $drop-down-btn-selected-color;
40
+ }
41
+
42
+ & .e-menu-icon {
43
+ @if $skin-name == 'FluentUI' or $theme-name == 'FluentUI' {
44
+ color: $drop-down-btn-menu-icon-color;
45
+ }
46
+ @else {
47
+ color: $drop-down-btn-selected-color;
48
+ }
49
+ }
50
+ }
51
+ }
52
+
53
+ & .e-separator {
54
+ border-bottom-color: $drop-down-btn-li-border-color;
55
+ }
56
+ }
57
+ }
58
+
59
+ .e-dropdown-btn,
60
+ .e-dropdown-btn.e-btn {
61
+ &.e-inherit {
62
+ background: inherit;
63
+ border-color: transparent;
64
+ box-shadow: none;
65
+ color: inherit;
66
+
67
+ &:hover,
68
+ &:focus,
69
+ &:active,
70
+ &.e-active {
71
+ background-color: rgba(transparent, .056);
72
+ border-color: transparent;
73
+ box-shadow: none;
74
+ color: inherit;
75
+ }
76
+ }
77
+ }
78
+ }
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap-dark.scss';
1
+ @import 'ej2-base/styles/bootstrap-dark-definition.scss';
2
+ @import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
3
+ @import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
4
+ @import 'bootstrap-dark-definition.scss';
5
+ @import 'icons/bootstrap-dark.scss';
6
+ @import 'all.scss';
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap.scss';
1
+ @import 'ej2-base/styles/bootstrap-definition.scss';
2
+ @import 'ej2-buttons/styles/button/bootstrap-definition.scss';
3
+ @import 'ej2-popups/styles/popup/bootstrap-definition.scss';
4
+ @import 'bootstrap-definition.scss';
5
+ @import 'icons/bootstrap.scss';
6
+ @import 'all.scss';
@@ -15,7 +15,7 @@
15
15
  }
16
16
  .e-dropdown-btn:active,
17
17
  .e-dropdown-btn.e-btn:active {
18
- box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
18
+ box-shadow: 0 0 0 0.2rem rgba(78, 85, 91, 0.5);
19
19
  }
20
20
  .e-dropdown-btn .e-btn-icon,
21
21
  .e-dropdown-btn.e-btn .e-btn-icon {
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap4.scss';
1
+ @import 'ej2-base/styles/bootstrap4-definition.scss';
2
+ @import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
3
+ @import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
4
+ @import 'bootstrap4-definition.scss';
5
+ @import 'icons/bootstrap4.scss';
6
+ @import 'all.scss';
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap5-dark.scss';
1
+ @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
2
+ @import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
3
+ @import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
4
+ @import 'bootstrap5-dark-definition.scss';
5
+ @import 'icons/bootstrap5-dark.scss';
6
+ @import 'all.scss';
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap5.scss';
1
+ @import 'ej2-base/styles/bootstrap5-definition.scss';
2
+ @import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
3
+ @import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
4
+ @import 'bootstrap5-definition.scss';
5
+ @import 'icons/bootstrap5.scss';
6
+ @import 'all.scss';
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/drop-down-button/fabric-dark.scss';
1
+ @import 'ej2-base/styles/fabric-dark-definition.scss';
2
+ @import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
3
+ @import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
4
+ @import 'fabric-dark-definition.scss';
5
+ @import 'icons/fabric-dark.scss';
6
+ @import 'all.scss';
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/drop-down-button/fabric.scss';
1
+ @import 'ej2-base/styles/fabric-definition.scss';
2
+ @import 'ej2-buttons/styles/button/fabric-definition.scss';
3
+ @import 'ej2-popups/styles/popup/fabric-definition.scss';
4
+ @import 'fabric-definition.scss';
5
+ @import 'icons/fabric.scss';
6
+ @import 'all.scss';
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/drop-down-button/fluent-dark.scss';
1
+ @import 'ej2-base/styles/fluent-dark-definition.scss';
2
+ @import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
3
+ @import 'ej2-popups/styles/popup/fluent-dark-definition.scss';
4
+ @import 'fluent-dark-definition.scss';
5
+ @import 'icons/fluent-dark.scss';
6
+ @import 'all.scss';
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/drop-down-button/fluent.scss';
1
+ @import 'ej2-base/styles/fluent-definition.scss';
2
+ @import 'ej2-buttons/styles/button/fluent-definition.scss';
3
+ @import 'ej2-popups/styles/popup/fluent-definition.scss';
4
+ @import 'fluent-definition.scss';
5
+ @import 'icons/fluent.scss';
6
+ @import 'all.scss';
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/drop-down-button/highcontrast-light.scss';
1
+ @import 'ej2-base/styles/highcontrast-light-definition.scss';
2
+ @import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
3
+ @import 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
4
+ @import 'highcontrast-light-definition.scss';
5
+ @import 'icons/highcontrast-light.scss';
6
+ @import 'all.scss';
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/drop-down-button/highcontrast.scss';
1
+ @import 'ej2-base/styles/highcontrast-definition.scss';
2
+ @import 'ej2-buttons/styles/button/highcontrast-definition.scss';
3
+ @import 'ej2-popups/styles/popup/highcontrast-definition.scss';
4
+ @import 'highcontrast-definition.scss';
5
+ @import 'icons/highcontrast.scss';
6
+ @import 'all.scss';
@@ -0,0 +1,10 @@
1
+ @include export-module('drop-down-button-bootstrap-dark-icons') {
2
+ .e-dropdown-btn,
3
+ .e-dropdown-btn.e-btn {
4
+ .e-caret {
5
+ &::before {
6
+ content: '\e969';
7
+ }
8
+ }
9
+ }
10
+ }
@@ -0,0 +1,10 @@
1
+ @include export-module('drop-down-button-bootstrap-icons') {
2
+ .e-dropdown-btn,
3
+ .e-dropdown-btn.e-btn {
4
+ .e-caret {
5
+ &::before {
6
+ content: '\e969';
7
+ }
8
+ }
9
+ }
10
+ }
@@ -0,0 +1,10 @@
1
+ @include export-module('drop-down-button-bootstrap4-icons') {
2
+ .e-dropdown-btn,
3
+ .e-dropdown-btn.e-btn {
4
+ .e-caret {
5
+ &::before {
6
+ content: '\e744';
7
+ }
8
+ }
9
+ }
10
+ }
@@ -0,0 +1 @@
1
+ @import './bootstrap5.scss';
@@ -0,0 +1,10 @@
1
+ @include export-module('drop-down-button-bootstrap5-icons') {
2
+ .e-dropdown-btn,
3
+ .e-dropdown-btn.e-btn {
4
+ .e-caret {
5
+ &::before {
6
+ content: '\e70d';
7
+ }
8
+ }
9
+ }
10
+ }
@@ -0,0 +1,10 @@
1
+ @include export-module('drop-down-button-fabric-dark-icons') {
2
+ .e-dropdown-btn,
3
+ .e-dropdown-btn.e-btn {
4
+ .e-caret {
5
+ &::before {
6
+ content: '\e36a';
7
+ }
8
+ }
9
+ }
10
+ }
@@ -0,0 +1,10 @@
1
+ @include export-module('drop-down-button-fabric-icons') {
2
+ .e-dropdown-btn,
3
+ .e-dropdown-btn.e-btn {
4
+ .e-caret {
5
+ &::before {
6
+ content: '\e36a';
7
+ }
8
+ }
9
+ }
10
+ }
@@ -0,0 +1 @@
1
+ @import './fluent.scss';
@@ -0,0 +1,10 @@
1
+ @include export-module('drop-down-button-fluent-icons') {
2
+ .e-dropdown-btn,
3
+ .e-dropdown-btn.e-btn {
4
+ .e-caret {
5
+ &::before {
6
+ content: '\e729';
7
+ }
8
+ }
9
+ }
10
+ }
@@ -0,0 +1,10 @@
1
+ @include export-module('drop-down-button-fusionnew-icons') {
2
+ .e-dropdown-btn,
3
+ .e-dropdown-btn.e-btn {
4
+ .e-caret {
5
+ &::before {
6
+ content: '\e70d';
7
+ }
8
+ }
9
+ }
10
+ }
@@ -0,0 +1,10 @@
1
+ @include export-module('drop-down-button-highcontrast-light-icons') {
2
+ .e-dropdown-btn,
3
+ .e-dropdown-btn.e-btn {
4
+ .e-caret {
5
+ &::before {
6
+ content: '\e966';
7
+ }
8
+ }
9
+ }
10
+ }
@@ -0,0 +1,10 @@
1
+ @include export-module('drop-down-button-highcontrast-icons') {
2
+ .e-dropdown-btn,
3
+ .e-dropdown-btn.e-btn {
4
+ .e-caret {
5
+ &::before {
6
+ content: '\e966';
7
+ }
8
+ }
9
+ }
10
+ }
@@ -0,0 +1,10 @@
1
+ @include export-module('drop-down-button-material-dark-icons') {
2
+ .e-dropdown-btn,
3
+ .e-dropdown-btn.e-btn {
4
+ .e-caret {
5
+ &::before {
6
+ content: '\e969';
7
+ }
8
+ }
9
+ }
10
+ }
@@ -0,0 +1,10 @@
1
+ @include export-module('drop-down-button-material-icons') {
2
+ .e-dropdown-btn,
3
+ .e-dropdown-btn.e-btn {
4
+ .e-caret {
5
+ &::before {
6
+ content: '\e969';
7
+ }
8
+ }
9
+ }
10
+ }
@@ -0,0 +1,10 @@
1
+ @include export-module('drop-down-button-material3-icons') {
2
+ .e-dropdown-btn,
3
+ .e-dropdown-btn.e-btn {
4
+ .e-caret {
5
+ &::before {
6
+ content: '\e70d';
7
+ }
8
+ }
9
+ }
10
+ }
@@ -0,0 +1,10 @@
1
+ @include export-module('drop-down-button-tailwind-dark-icons') {
2
+ .e-dropdown-btn,
3
+ .e-dropdown-btn.e-btn {
4
+ .e-caret {
5
+ &::before {
6
+ content: '\e70d';
7
+ }
8
+ }
9
+ }
10
+ }
@@ -0,0 +1,10 @@
1
+ @include export-module('drop-down-button-tailwind-icons') {
2
+ .e-dropdown-btn,
3
+ .e-dropdown-btn.e-btn {
4
+ .e-caret {
5
+ &::before {
6
+ content: '\e729';
7
+ }
8
+ }
9
+ }
10
+ }
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/drop-down-button/material-dark.scss';
1
+ @import 'ej2-base/styles/material-dark-definition.scss';
2
+ @import 'ej2-buttons/styles/button/material-dark-definition.scss';
3
+ @import 'ej2-popups/styles/popup/material-dark-definition.scss';
4
+ @import 'material-dark-definition.scss';
5
+ @import 'icons/material-dark.scss';
6
+ @import 'all.scss';
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/drop-down-button/material.scss';
1
+ @import 'ej2-base/styles/material-definition.scss';
2
+ @import 'ej2-buttons/styles/button/material-definition.scss';
3
+ @import 'ej2-popups/styles/popup/material-definition.scss';
4
+ @import 'material-definition.scss';
5
+ @import 'icons/material.scss';
6
+ @import 'all.scss';
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/drop-down-button/tailwind-dark.scss';
1
+ @import 'ej2-base/styles/tailwind-dark-definition.scss';
2
+ @import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
3
+ @import 'ej2-popups/styles/popup/tailwind-dark-definition.scss';
4
+ @import 'tailwind-dark-definition.scss';
5
+ @import 'icons/tailwind-dark.scss';
6
+ @import 'all.scss';
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/drop-down-button/tailwind.scss';
1
+ @import 'ej2-base/styles/tailwind-definition.scss';
2
+ @import 'ej2-buttons/styles/button/tailwind-definition.scss';
3
+ @import 'ej2-popups/styles/popup/tailwind-definition.scss';
4
+ @import 'tailwind-definition.scss';
5
+ @import 'icons/tailwind.scss';
6
+ @import 'all.scss';
@@ -314,9 +314,6 @@
314
314
  .e-split-btn-wrapper .e-btn:disabled {
315
315
  box-shadow: none;
316
316
  }
317
- .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
318
- box-shadow: none;
319
- }
320
317
  .e-split-btn-wrapper.e-rtl .e-split-btn {
321
318
  border-bottom-left-radius: 0;
322
319
  border-bottom-right-radius: 0;
@@ -475,9 +472,6 @@
475
472
  .e-split-btn-wrapper .e-split-btn:disabled {
476
473
  border-right-color: #414040;
477
474
  }
478
- .e-split-btn-wrapper .e-split-btn.e-inherit {
479
- border-color: transparent;
480
- }
481
475
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
482
476
  border-right-color: #6f6c6c;
483
477
  }
@@ -500,9 +494,6 @@
500
494
  border-left-color: #414040;
501
495
  border-right-color: transparent;
502
496
  }
503
- .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
504
- border-color: transparent;
505
- }
506
497
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
507
498
  border-left-color: #6f6c6c;
508
499
  border-right-color: #414040;
@@ -514,9 +505,6 @@
514
505
  border-bottom-color: transparent;
515
506
  border-right-color: transparent;
516
507
  }
517
- .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 {
518
- border-color: transparent;
519
- }
520
508
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
521
509
  border-bottom-color: #6f6c6c;
522
510
  border-right-color: transparent;
@@ -533,18 +521,12 @@
533
521
  border-bottom-color: #6f6c6c;
534
522
  border-right-color: #414040;
535
523
  }
536
- .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 {
537
- border-color: transparent;
538
- }
539
524
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
540
525
  border-bottom-color: #414040;
541
526
  }
542
527
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
543
528
  border-left-color: transparent;
544
529
  }
545
- .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 {
546
- border-color: transparent;
547
- }
548
530
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
549
531
  border-left-color: transparent;
550
532
  }
@@ -557,9 +539,6 @@
557
539
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
558
540
  border-left-color: transparent;
559
541
  }
560
- .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
561
- border-color: transparent;
562
- }
563
542
 
564
543
  /* stylelint-disable */
565
544
  *.e-btn-group,
package/styles/fabric.css CHANGED
@@ -314,9 +314,6 @@
314
314
  .e-split-btn-wrapper .e-btn:disabled {
315
315
  box-shadow: none;
316
316
  }
317
- .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
318
- box-shadow: none;
319
- }
320
317
  .e-split-btn-wrapper.e-rtl .e-split-btn {
321
318
  border-bottom-left-radius: 0;
322
319
  border-bottom-right-radius: 0;
@@ -475,9 +472,6 @@
475
472
  .e-split-btn-wrapper .e-split-btn:disabled {
476
473
  border-right-color: #f4f4f4;
477
474
  }
478
- .e-split-btn-wrapper .e-split-btn.e-inherit {
479
- border-color: transparent;
480
- }
481
475
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
482
476
  border-right-color: #c8c8c8;
483
477
  }
@@ -497,9 +491,6 @@
497
491
  border-left-color: #f4f4f4;
498
492
  border-right-color: transparent;
499
493
  }
500
- .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
501
- border-color: transparent;
502
- }
503
494
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
504
495
  border-left-color: #c8c8c8;
505
496
  border-right-color: #eaeaea;
@@ -511,9 +502,6 @@
511
502
  border-bottom-color: transparent;
512
503
  border-right-color: transparent;
513
504
  }
514
- .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 {
515
- border-color: transparent;
516
- }
517
505
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
518
506
  border-bottom-color: #c8c8c8;
519
507
  border-right-color: transparent;
@@ -530,18 +518,12 @@
530
518
  border-bottom-color: #c8c8c8;
531
519
  border-right-color: #eaeaea;
532
520
  }
533
- .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 {
534
- border-color: transparent;
535
- }
536
521
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
537
522
  border-bottom-color: #f4f4f4;
538
523
  }
539
524
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
540
525
  border-left-color: transparent;
541
526
  }
542
- .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 {
543
- border-color: transparent;
544
- }
545
527
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
546
528
  border-left-color: transparent;
547
529
  }
@@ -554,9 +536,6 @@
554
536
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
555
537
  border-left-color: transparent;
556
538
  }
557
- .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
558
- border-color: transparent;
559
- }
560
539
 
561
540
  /* stylelint-disable */
562
541
  *.e-btn-group,
@@ -304,9 +304,6 @@
304
304
  outline: 0;
305
305
  outline-offset: 0;
306
306
  }
307
- .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
308
- box-shadow: none;
309
- }
310
307
  .e-split-btn-wrapper.e-rtl .e-split-btn {
311
308
  border-bottom-left-radius: 0;
312
309
  border-bottom-right-radius: 0;
@@ -465,9 +462,6 @@
465
462
  .e-split-btn-wrapper .e-split-btn:disabled {
466
463
  border-right-color: #252423;
467
464
  }
468
- .e-split-btn-wrapper .e-split-btn.e-inherit {
469
- border-color: transparent;
470
- }
471
465
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
472
466
  border-right-color: #8a8886;
473
467
  }
@@ -490,9 +484,6 @@
490
484
  border-left-color: #323130;
491
485
  border-right-color: #323130;
492
486
  }
493
- .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
494
- border-color: transparent;
495
- }
496
487
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
497
488
  border-left-color: #8a8886;
498
489
  border-right-color: #8a8886;
@@ -504,9 +495,6 @@
504
495
  border-bottom-color: #8a8886;
505
496
  border-right-color: #8a8886;
506
497
  }
507
- .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 {
508
- border-color: transparent;
509
- }
510
498
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
511
499
  border-bottom-color: #8a8886;
512
500
  border-right-color: #8a8886;
@@ -523,18 +511,12 @@
523
511
  border-bottom-color: #8a8886;
524
512
  border-right-color: #8a8886;
525
513
  }
526
- .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 {
527
- border-color: transparent;
528
- }
529
514
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
530
515
  border-bottom-color: #323130;
531
516
  }
532
517
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
533
518
  border-left-color: #8a8886;
534
519
  }
535
- .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 {
536
- border-color: transparent;
537
- }
538
520
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
539
521
  border-left-color: #8a8886;
540
522
  }
@@ -547,9 +529,6 @@
547
529
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
548
530
  border-left-color: #8a8886;
549
531
  }
550
- .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
551
- border-color: transparent;
552
- }
553
532
 
554
533
  /* stylelint-disable */
555
534
  *.e-btn-group,