@syncfusion/ej2-splitbuttons 25.2.4 → 26.1.35

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 (177) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-splitbuttons.min.js +2 -2
  3. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  4. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-splitbuttons.es2015.js +29 -48
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +30 -45
  8. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  9. package/dist/global/ej2-splitbuttons.min.js +2 -2
  10. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +8 -8
  13. package/src/drop-down-button/drop-down-button.js +6 -1
  14. package/src/progress-button/progress-button.js +3 -3
  15. package/src/split-button/split-button.js +2 -1
  16. package/styles/bootstrap-dark.css +263 -97
  17. package/styles/bootstrap-dark.scss +14 -4
  18. package/styles/bootstrap.css +263 -97
  19. package/styles/bootstrap.scss +14 -4
  20. package/styles/bootstrap4.css +227 -80
  21. package/styles/bootstrap4.scss +14 -4
  22. package/styles/bootstrap5-dark.css +227 -174
  23. package/styles/bootstrap5-dark.scss +14 -4
  24. package/styles/bootstrap5.css +227 -174
  25. package/styles/bootstrap5.scss +14 -4
  26. package/styles/button-group/_bootstrap-dark-definition.scss +0 -2
  27. package/styles/button-group/_bootstrap5.3-definition.scss +31 -0
  28. package/styles/button-group/_fabric-dark-definition.scss +0 -2
  29. package/styles/button-group/_fluent2-definition.scss +31 -0
  30. package/styles/button-group/_group-button-mixin.scss +21 -0
  31. package/styles/button-group/_highcontrast-light-definition.scss +0 -2
  32. package/styles/button-group/_layout.scss +5 -13
  33. package/styles/button-group/_material-dark-definition.scss +0 -2
  34. package/styles/button-group/_theme.scss +30 -84
  35. package/styles/button-group/bootstrap-dark.css +93 -57
  36. package/styles/button-group/bootstrap.css +93 -57
  37. package/styles/button-group/bootstrap4.css +69 -46
  38. package/styles/button-group/bootstrap5-dark.css +69 -46
  39. package/styles/button-group/bootstrap5.css +69 -46
  40. package/styles/button-group/fabric-dark.css +93 -57
  41. package/styles/button-group/fabric.css +98 -62
  42. package/styles/button-group/fluent-dark.css +109 -65
  43. package/styles/button-group/fluent.css +109 -65
  44. package/styles/button-group/fluent2.css +1849 -0
  45. package/styles/button-group/fluent2.scss +4 -0
  46. package/styles/button-group/highcontrast-light.css +93 -57
  47. package/styles/button-group/highcontrast.css +93 -57
  48. package/styles/button-group/material-dark.css +107 -64
  49. package/styles/button-group/material.css +109 -65
  50. package/styles/button-group/material3-dark.css +151 -77
  51. package/styles/button-group/material3.css +151 -77
  52. package/styles/button-group/tailwind-dark.css +91 -57
  53. package/styles/button-group/tailwind.css +91 -57
  54. package/styles/drop-down-button/_bds-definition.scss +5 -5
  55. package/styles/drop-down-button/_bootstrap-dark-definition.scss +0 -3
  56. package/styles/drop-down-button/_bootstrap5-definition.scss +0 -1
  57. package/styles/drop-down-button/_bootstrap5.3-definition.scss +49 -0
  58. package/styles/drop-down-button/_fabric-dark-definition.scss +0 -3
  59. package/styles/drop-down-button/_fluent-definition.scss +0 -1
  60. package/styles/drop-down-button/_fluent2-definition.scss +48 -0
  61. package/styles/drop-down-button/_fusionnew-definition.scss +0 -1
  62. package/styles/drop-down-button/_highcontrast-light-definition.scss +0 -3
  63. package/styles/drop-down-button/_layout.scss +51 -6
  64. package/styles/drop-down-button/_material-dark-definition.scss +0 -3
  65. package/styles/drop-down-button/_material3-definition.scss +0 -1
  66. package/styles/drop-down-button/_tailwind-definition.scss +0 -1
  67. package/styles/drop-down-button/_theme.scss +8 -8
  68. package/styles/drop-down-button/bootstrap-dark.css +27 -14
  69. package/styles/drop-down-button/bootstrap.css +27 -14
  70. package/styles/drop-down-button/bootstrap4.css +23 -12
  71. package/styles/drop-down-button/bootstrap5-dark.css +23 -12
  72. package/styles/drop-down-button/bootstrap5.css +23 -12
  73. package/styles/drop-down-button/fabric-dark.css +27 -14
  74. package/styles/drop-down-button/fabric.css +27 -14
  75. package/styles/drop-down-button/fluent-dark.css +27 -14
  76. package/styles/drop-down-button/fluent.css +27 -14
  77. package/styles/drop-down-button/fluent2.css +1308 -0
  78. package/styles/drop-down-button/fluent2.scss +6 -0
  79. package/styles/drop-down-button/highcontrast-light.css +27 -14
  80. package/styles/drop-down-button/highcontrast.css +27 -14
  81. package/styles/drop-down-button/icons/_bootstrap5.3.scss +10 -0
  82. package/styles/drop-down-button/icons/_fluent2.scss +10 -0
  83. package/styles/drop-down-button/material-dark.css +27 -14
  84. package/styles/drop-down-button/material.css +27 -14
  85. package/styles/drop-down-button/material3-dark.css +33 -17
  86. package/styles/drop-down-button/material3.css +33 -17
  87. package/styles/drop-down-button/tailwind-dark.css +27 -14
  88. package/styles/drop-down-button/tailwind.css +27 -14
  89. package/styles/fabric-dark.css +263 -97
  90. package/styles/fabric-dark.scss +14 -4
  91. package/styles/fabric.css +268 -102
  92. package/styles/fabric.scss +14 -4
  93. package/styles/fluent-dark.css +271 -102
  94. package/styles/fluent-dark.scss +14 -4
  95. package/styles/fluent.css +271 -102
  96. package/styles/fluent.scss +14 -4
  97. package/styles/fluent2.css +3072 -0
  98. package/styles/fluent2.scss +14 -0
  99. package/styles/highcontrast-light.css +263 -97
  100. package/styles/highcontrast-light.scss +14 -4
  101. package/styles/highcontrast.css +263 -97
  102. package/styles/highcontrast.scss +14 -4
  103. package/styles/material-dark.css +277 -104
  104. package/styles/material-dark.scss +14 -4
  105. package/styles/material.css +279 -105
  106. package/styles/material.scss +14 -4
  107. package/styles/material3-dark.css +357 -134
  108. package/styles/material3-dark.scss +14 -4
  109. package/styles/material3.css +353 -132
  110. package/styles/material3.scss +14 -4
  111. package/styles/progress-button/_bootstrap-dark-definition.scss +0 -3
  112. package/styles/progress-button/_bootstrap5-definition.scss +0 -1
  113. package/styles/progress-button/_bootstrap5.3-definition.scss +20 -0
  114. package/styles/progress-button/_fabric-dark-definition.scss +0 -3
  115. package/styles/progress-button/_fluent-definition.scss +0 -1
  116. package/styles/progress-button/_fluent2-definition.scss +26 -0
  117. package/styles/progress-button/_fusionnew-definition.scss +0 -1
  118. package/styles/progress-button/_layout.scss +0 -2
  119. package/styles/progress-button/_material-dark-definition.scss +0 -3
  120. package/styles/progress-button/_material3-definition.scss +0 -1
  121. package/styles/progress-button/_tailwind-definition.scss +0 -1
  122. package/styles/progress-button/_theme.scss +115 -50
  123. package/styles/progress-button/bootstrap-dark.css +118 -13
  124. package/styles/progress-button/bootstrap.css +118 -13
  125. package/styles/progress-button/bootstrap4.css +118 -13
  126. package/styles/progress-button/bootstrap5-dark.css +118 -106
  127. package/styles/progress-button/bootstrap5.css +118 -106
  128. package/styles/progress-button/fabric-dark.css +118 -13
  129. package/styles/progress-button/fabric.css +118 -13
  130. package/styles/progress-button/fluent-dark.css +118 -13
  131. package/styles/progress-button/fluent.css +118 -13
  132. package/styles/progress-button/fluent2.css +1636 -0
  133. package/styles/progress-button/fluent2.scss +5 -0
  134. package/styles/progress-button/highcontrast-light.css +118 -13
  135. package/styles/progress-button/highcontrast.css +118 -13
  136. package/styles/progress-button/material-dark.css +118 -13
  137. package/styles/progress-button/material.css +118 -13
  138. package/styles/progress-button/material3-dark.css +119 -14
  139. package/styles/progress-button/material3.css +119 -14
  140. package/styles/progress-button/tailwind-dark.css +118 -13
  141. package/styles/progress-button/tailwind.css +118 -13
  142. package/styles/split-button/_bds-definition.scss +0 -1
  143. package/styles/split-button/_bootstrap-dark-definition.scss +0 -3
  144. package/styles/split-button/_bootstrap4-definition.scss +0 -3
  145. package/styles/split-button/_bootstrap5-definition.scss +0 -1
  146. package/styles/split-button/_bootstrap5.3-definition.scss +23 -0
  147. package/styles/split-button/_fabric-dark-definition.scss +0 -3
  148. package/styles/split-button/_fluent-definition.scss +0 -1
  149. package/styles/split-button/_fluent2-definition.scss +23 -0
  150. package/styles/split-button/_fusionnew-definition.scss +0 -1
  151. package/styles/split-button/_highcontrast-light-definition.scss +0 -3
  152. package/styles/split-button/_layout.scss +16 -4
  153. package/styles/split-button/_theme.scss +0 -2
  154. package/styles/split-button/bootstrap-dark.css +25 -13
  155. package/styles/split-button/bootstrap.css +25 -13
  156. package/styles/split-button/bootstrap4.css +17 -9
  157. package/styles/split-button/bootstrap5-dark.css +17 -9
  158. package/styles/split-button/bootstrap5.css +17 -9
  159. package/styles/split-button/fabric-dark.css +25 -13
  160. package/styles/split-button/fabric.css +25 -13
  161. package/styles/split-button/fluent-dark.css +17 -9
  162. package/styles/split-button/fluent.css +17 -9
  163. package/styles/split-button/fluent2.css +1379 -0
  164. package/styles/split-button/fluent2.scss +6 -0
  165. package/styles/split-button/highcontrast-light.css +25 -13
  166. package/styles/split-button/highcontrast.css +25 -13
  167. package/styles/split-button/material-dark.css +25 -13
  168. package/styles/split-button/material.css +25 -13
  169. package/styles/split-button/material3-dark.css +57 -28
  170. package/styles/split-button/material3.css +53 -26
  171. package/styles/split-button/tailwind-dark.css +25 -13
  172. package/styles/split-button/tailwind.css +25 -13
  173. package/styles/tailwind-dark.css +261 -98
  174. package/styles/tailwind-dark.scss +14 -4
  175. package/styles/tailwind.css +261 -98
  176. package/styles/tailwind.scss +14 -4
  177. package/CHANGELOG.md +0 -373
package/styles/split-button/fabric.css CHANGED
@@ -1,8 +1,10 @@
1
- /*! splitbutton layout */
2
1
  .e-split-btn-wrapper {
2
+ display: -webkit-inline-box;
3
3
  display: -ms-inline-flexbox;
4
4
  display: inline-flex;
5
5
  white-space: nowrap;
6
+ width: -webkit-min-content;
7
+ width: -moz-min-content;
6
8
  width: min-content;
7
9
  }
8
10
  .e-split-btn-wrapper .e-split-btn {
@@ -17,13 +19,16 @@
17
19
  outline-offset: -4px;
18
20
  }
19
21
  .e-split-btn-wrapper .e-split-btn:hover {
20
- box-shadow: none;
22
+ -webkit-box-shadow: none;
23
+ box-shadow: none;
21
24
  }
22
25
  .e-split-btn-wrapper .e-split-btn:focus {
23
- box-shadow: none;
26
+ -webkit-box-shadow: none;
27
+ box-shadow: none;
24
28
  }
25
29
  .e-split-btn-wrapper .e-split-btn:active {
26
- box-shadow: none;
30
+ -webkit-box-shadow: none;
31
+ box-shadow: none;
27
32
  z-index: 2;
28
33
  }
29
34
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -55,10 +60,12 @@
55
60
  padding-right: 4px;
56
61
  }
57
62
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
58
- box-shadow: none;
63
+ -webkit-box-shadow: none;
64
+ box-shadow: none;
59
65
  }
60
66
  .e-split-btn-wrapper .e-dropdown-btn:active {
61
- box-shadow: none;
67
+ -webkit-box-shadow: none;
68
+ box-shadow: none;
62
69
  z-index: 2;
63
70
  }
64
71
  .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 {
@@ -68,22 +75,28 @@
68
75
  outline-offset: -4px;
69
76
  }
70
77
  .e-split-btn-wrapper .e-btn {
71
- box-shadow: none;
78
+ -webkit-box-shadow: none;
79
+ box-shadow: none;
72
80
  }
73
81
  .e-split-btn-wrapper .e-btn:hover {
74
- box-shadow: none;
82
+ -webkit-box-shadow: none;
83
+ box-shadow: none;
75
84
  }
76
85
  .e-split-btn-wrapper .e-btn:focus {
77
- box-shadow: none;
86
+ -webkit-box-shadow: none;
87
+ box-shadow: none;
78
88
  }
79
89
  .e-split-btn-wrapper .e-btn:active {
80
- box-shadow: none;
90
+ -webkit-box-shadow: none;
91
+ box-shadow: none;
81
92
  }
82
93
  .e-split-btn-wrapper .e-btn:disabled {
83
- box-shadow: none;
94
+ -webkit-box-shadow: none;
95
+ box-shadow: none;
84
96
  }
85
97
  .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
86
- box-shadow: none;
98
+ -webkit-box-shadow: none;
99
+ box-shadow: none;
87
100
  }
88
101
  .e-split-btn-wrapper.e-rtl .e-split-btn {
89
102
  border-bottom-left-radius: 0;
@@ -230,7 +243,6 @@
230
243
  padding-top: 0;
231
244
  }
232
245
 
233
- /*! splitbutton theme */
234
246
  .e-split-btn-wrapper .e-split-btn {
235
247
  border-right-color: transparent;
236
248
  }
package/styles/split-button/fluent-dark.css CHANGED
@@ -1,9 +1,11 @@
1
1
  /* stylelint-disable-line no-empty-source */
2
- /*! splitbutton layout */
3
2
  .e-split-btn-wrapper {
3
+ display: -webkit-inline-box;
4
4
  display: -ms-inline-flexbox;
5
5
  display: inline-flex;
6
6
  white-space: nowrap;
7
+ width: -webkit-min-content;
8
+ width: -moz-min-content;
7
9
  width: min-content;
8
10
  }
9
11
  .e-split-btn-wrapper .e-split-btn {
@@ -19,10 +21,12 @@
19
21
  outline-offset: -3px;
20
22
  }
21
23
  .e-split-btn-wrapper .e-split-btn:focus {
22
- box-shadow: none;
24
+ -webkit-box-shadow: none;
25
+ box-shadow: none;
23
26
  }
24
27
  .e-split-btn-wrapper .e-split-btn:active {
25
- box-shadow: 0 0 rgba(0, 0, 0, 0);
28
+ -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
29
+ box-shadow: 0 0 rgba(0, 0, 0, 0);
26
30
  z-index: 2;
27
31
  }
28
32
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -53,7 +57,8 @@
53
57
  padding: 4px;
54
58
  }
55
59
  .e-split-btn-wrapper .e-dropdown-btn:active {
56
- box-shadow: 0 0 rgba(0, 0, 0, 0);
60
+ -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
61
+ box-shadow: 0 0 rgba(0, 0, 0, 0);
57
62
  z-index: 2;
58
63
  }
59
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 {
@@ -63,18 +68,22 @@
63
68
  outline-offset: -3px;
64
69
  }
65
70
  .e-split-btn-wrapper .e-btn:focus {
66
- box-shadow: none;
71
+ -webkit-box-shadow: none;
72
+ box-shadow: none;
67
73
  }
68
74
  .e-split-btn-wrapper .e-btn:active {
69
- box-shadow: 0 0 rgba(0, 0, 0, 0);
75
+ -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
76
+ box-shadow: 0 0 rgba(0, 0, 0, 0);
70
77
  }
71
78
  .e-split-btn-wrapper .e-btn:disabled {
72
- box-shadow: none;
79
+ -webkit-box-shadow: none;
80
+ box-shadow: none;
73
81
  outline: 0;
74
82
  outline-offset: 0;
75
83
  }
76
84
  .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
77
- box-shadow: none;
85
+ -webkit-box-shadow: none;
86
+ box-shadow: none;
78
87
  }
79
88
  .e-split-btn-wrapper.e-rtl .e-split-btn {
80
89
  border-bottom-left-radius: 0;
@@ -223,7 +232,6 @@
223
232
  padding-top: 0;
224
233
  }
225
234
 
226
- /*! splitbutton theme */
227
235
  .e-split-btn-wrapper .e-split-btn {
228
236
  border-right-color: #8a8886;
229
237
  }
package/styles/split-button/fluent.css CHANGED
@@ -1,9 +1,11 @@
1
1
  /* stylelint-disable-line no-empty-source */
2
- /*! splitbutton layout */
3
2
  .e-split-btn-wrapper {
3
+ display: -webkit-inline-box;
4
4
  display: -ms-inline-flexbox;
5
5
  display: inline-flex;
6
6
  white-space: nowrap;
7
+ width: -webkit-min-content;
8
+ width: -moz-min-content;
7
9
  width: min-content;
8
10
  }
9
11
  .e-split-btn-wrapper .e-split-btn {
@@ -19,10 +21,12 @@
19
21
  outline-offset: -3px;
20
22
  }
21
23
  .e-split-btn-wrapper .e-split-btn:focus {
22
- box-shadow: none;
24
+ -webkit-box-shadow: none;
25
+ box-shadow: none;
23
26
  }
24
27
  .e-split-btn-wrapper .e-split-btn:active {
25
- box-shadow: 0 0 rgba(0, 0, 0, 0);
28
+ -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
29
+ box-shadow: 0 0 rgba(0, 0, 0, 0);
26
30
  z-index: 2;
27
31
  }
28
32
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -53,7 +57,8 @@
53
57
  padding: 4px;
54
58
  }
55
59
  .e-split-btn-wrapper .e-dropdown-btn:active {
56
- box-shadow: 0 0 rgba(0, 0, 0, 0);
60
+ -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
61
+ box-shadow: 0 0 rgba(0, 0, 0, 0);
57
62
  z-index: 2;
58
63
  }
59
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 {
@@ -63,18 +68,22 @@
63
68
  outline-offset: -3px;
64
69
  }
65
70
  .e-split-btn-wrapper .e-btn:focus {
66
- box-shadow: none;
71
+ -webkit-box-shadow: none;
72
+ box-shadow: none;
67
73
  }
68
74
  .e-split-btn-wrapper .e-btn:active {
69
- box-shadow: 0 0 rgba(0, 0, 0, 0);
75
+ -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
76
+ box-shadow: 0 0 rgba(0, 0, 0, 0);
70
77
  }
71
78
  .e-split-btn-wrapper .e-btn:disabled {
72
- box-shadow: none;
79
+ -webkit-box-shadow: none;
80
+ box-shadow: none;
73
81
  outline: 0;
74
82
  outline-offset: 0;
75
83
  }
76
84
  .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
77
- box-shadow: none;
85
+ -webkit-box-shadow: none;
86
+ box-shadow: none;
78
87
  }
79
88
  .e-split-btn-wrapper.e-rtl .e-split-btn {
80
89
  border-bottom-left-radius: 0;
@@ -223,7 +232,6 @@
223
232
  padding-top: 0;
224
233
  }
225
234
 
226
- /*! splitbutton theme */
227
235
  .e-split-btn-wrapper .e-split-btn {
228
236
  border-right-color: #8a8886;
229
237
  }