@syncfusion/ej2-splitbuttons 26.2.10 → 27.1.50

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 (258) hide show
  1. package/README.md +6 -6
  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 +22 -29
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +22 -29
  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/common/common.js +1 -0
  14. package/src/drop-down-button/drop-down-button.d.ts +1 -0
  15. package/src/drop-down-button/drop-down-button.js +17 -4
  16. package/src/progress-button/progress-button.d.ts +0 -1
  17. package/src/progress-button/progress-button.js +4 -25
  18. package/styles/bootstrap-dark-lite.css +1762 -0
  19. package/styles/bootstrap-dark-lite.scss +13 -0
  20. package/styles/bootstrap-dark.css +203 -204
  21. package/styles/bootstrap-dark.scss +5 -2
  22. package/styles/bootstrap-lite.css +1812 -0
  23. package/styles/bootstrap-lite.scss +13 -0
  24. package/styles/bootstrap.css +203 -204
  25. package/styles/bootstrap.scss +5 -2
  26. package/styles/bootstrap4-lite.css +1801 -0
  27. package/styles/bootstrap4-lite.scss +13 -0
  28. package/styles/bootstrap4.css +203 -203
  29. package/styles/bootstrap4.scss +5 -2
  30. package/styles/bootstrap5-dark-lite.css +1735 -0
  31. package/styles/bootstrap5-dark-lite.scss +13 -0
  32. package/styles/bootstrap5-dark.css +210 -210
  33. package/styles/bootstrap5-dark.scss +5 -2
  34. package/styles/bootstrap5-lite.css +1735 -0
  35. package/styles/bootstrap5-lite.scss +13 -0
  36. package/styles/bootstrap5.3-lite.css +1743 -0
  37. package/styles/bootstrap5.3-lite.scss +13 -0
  38. package/styles/bootstrap5.3.css +1953 -0
  39. package/styles/bootstrap5.3.scss +17 -0
  40. package/styles/bootstrap5.css +210 -210
  41. package/styles/bootstrap5.scss +5 -2
  42. package/styles/button-group/_bigger.scss +10 -0
  43. package/styles/button-group/_layout.scss +1 -10
  44. package/styles/button-group/_theme.scss +19 -13
  45. package/styles/button-group/bootstrap-dark.css +7 -8
  46. package/styles/button-group/bootstrap-dark.scss +1 -0
  47. package/styles/button-group/bootstrap.css +6 -8
  48. package/styles/button-group/bootstrap.scss +1 -0
  49. package/styles/button-group/bootstrap4.css +7 -7
  50. package/styles/button-group/bootstrap4.scss +1 -0
  51. package/styles/button-group/bootstrap5-dark.css +7 -7
  52. package/styles/button-group/bootstrap5-dark.scss +1 -0
  53. package/styles/button-group/bootstrap5.3.css +809 -0
  54. package/styles/button-group/bootstrap5.3.scss +5 -0
  55. package/styles/button-group/bootstrap5.css +7 -7
  56. package/styles/button-group/bootstrap5.scss +1 -0
  57. package/styles/button-group/fabric-dark.css +7 -8
  58. package/styles/button-group/fabric-dark.scss +1 -0
  59. package/styles/button-group/fabric.css +7 -8
  60. package/styles/button-group/fabric.scss +1 -0
  61. package/styles/button-group/fluent-dark.css +7 -9
  62. package/styles/button-group/fluent-dark.scss +1 -0
  63. package/styles/button-group/fluent.css +7 -9
  64. package/styles/button-group/fluent.scss +1 -0
  65. package/styles/button-group/fluent2.css +26 -18
  66. package/styles/button-group/fluent2.scss +1 -0
  67. package/styles/button-group/highcontrast-light.css +7 -8
  68. package/styles/button-group/highcontrast-light.scss +1 -0
  69. package/styles/button-group/highcontrast.css +7 -8
  70. package/styles/button-group/highcontrast.scss +1 -0
  71. package/styles/button-group/material-dark.css +7 -9
  72. package/styles/button-group/material-dark.scss +1 -0
  73. package/styles/button-group/material.css +7 -9
  74. package/styles/button-group/material.scss +1 -0
  75. package/styles/button-group/material3-dark.css +7 -7
  76. package/styles/button-group/material3-dark.scss +1 -0
  77. package/styles/button-group/material3.css +7 -7
  78. package/styles/button-group/material3.scss +1 -0
  79. package/styles/button-group/tailwind-dark.css +6 -7
  80. package/styles/button-group/tailwind-dark.scss +1 -0
  81. package/styles/button-group/tailwind.css +6 -7
  82. package/styles/button-group/tailwind.scss +1 -0
  83. package/styles/drop-down-button/_bigger.scss +79 -0
  84. package/styles/drop-down-button/_bootstrap5.3-definition.scss +1 -1
  85. package/styles/drop-down-button/_layout.scss +4 -82
  86. package/styles/drop-down-button/_theme.scss +6 -1
  87. package/styles/drop-down-button/bootstrap-dark.css +49 -49
  88. package/styles/drop-down-button/bootstrap-dark.scss +1 -0
  89. package/styles/drop-down-button/bootstrap.css +49 -49
  90. package/styles/drop-down-button/bootstrap.scss +1 -0
  91. package/styles/drop-down-button/bootstrap4.css +49 -49
  92. package/styles/drop-down-button/bootstrap4.scss +1 -0
  93. package/styles/drop-down-button/bootstrap5-dark.css +56 -56
  94. package/styles/drop-down-button/bootstrap5-dark.scss +1 -0
  95. package/styles/drop-down-button/bootstrap5.3.css +251 -0
  96. package/styles/drop-down-button/bootstrap5.3.scss +7 -0
  97. package/styles/drop-down-button/bootstrap5.css +56 -56
  98. package/styles/drop-down-button/bootstrap5.scss +1 -0
  99. package/styles/drop-down-button/fabric-dark.css +49 -49
  100. package/styles/drop-down-button/fabric-dark.scss +1 -0
  101. package/styles/drop-down-button/fabric.css +49 -49
  102. package/styles/drop-down-button/fabric.scss +1 -0
  103. package/styles/drop-down-button/fluent-dark.css +49 -49
  104. package/styles/drop-down-button/fluent-dark.scss +1 -0
  105. package/styles/drop-down-button/fluent.css +49 -49
  106. package/styles/drop-down-button/fluent.scss +1 -0
  107. package/styles/drop-down-button/fluent2.css +59 -55
  108. package/styles/drop-down-button/fluent2.scss +1 -0
  109. package/styles/drop-down-button/highcontrast-light.css +49 -49
  110. package/styles/drop-down-button/highcontrast-light.scss +1 -0
  111. package/styles/drop-down-button/highcontrast.css +49 -49
  112. package/styles/drop-down-button/highcontrast.scss +1 -0
  113. package/styles/drop-down-button/material-dark.css +49 -49
  114. package/styles/drop-down-button/material-dark.scss +1 -0
  115. package/styles/drop-down-button/material.css +49 -49
  116. package/styles/drop-down-button/material.scss +1 -0
  117. package/styles/drop-down-button/material3-dark.css +49 -49
  118. package/styles/drop-down-button/material3-dark.scss +1 -0
  119. package/styles/drop-down-button/material3.css +49 -49
  120. package/styles/drop-down-button/material3.scss +1 -0
  121. package/styles/drop-down-button/tailwind-dark.css +56 -56
  122. package/styles/drop-down-button/tailwind-dark.scss +1 -0
  123. package/styles/drop-down-button/tailwind.css +56 -56
  124. package/styles/drop-down-button/tailwind.scss +1 -0
  125. package/styles/fabric-dark-lite.css +1762 -0
  126. package/styles/fabric-dark-lite.scss +13 -0
  127. package/styles/fabric-dark.css +203 -204
  128. package/styles/fabric-dark.scss +5 -2
  129. package/styles/fabric-lite.css +1842 -0
  130. package/styles/fabric-lite.scss +13 -0
  131. package/styles/fabric.css +203 -204
  132. package/styles/fabric.scss +5 -2
  133. package/styles/fluent-dark-lite.css +1855 -0
  134. package/styles/fluent-dark-lite.scss +13 -0
  135. package/styles/fluent-dark.css +203 -205
  136. package/styles/fluent-dark.scss +5 -2
  137. package/styles/fluent-lite.css +1855 -0
  138. package/styles/fluent-lite.scss +13 -0
  139. package/styles/fluent.css +203 -205
  140. package/styles/fluent.scss +5 -2
  141. package/styles/fluent2-lite.css +1850 -0
  142. package/styles/fluent2-lite.scss +13 -0
  143. package/styles/fluent2.css +236 -220
  144. package/styles/fluent2.scss +5 -2
  145. package/styles/highcontrast-light-lite.css +1762 -0
  146. package/styles/highcontrast-light-lite.scss +13 -0
  147. package/styles/highcontrast-light.css +203 -204
  148. package/styles/highcontrast-light.scss +5 -2
  149. package/styles/highcontrast-lite.css +1814 -0
  150. package/styles/highcontrast-lite.scss +13 -0
  151. package/styles/highcontrast.css +203 -204
  152. package/styles/highcontrast.scss +5 -2
  153. package/styles/material-dark-lite.css +1768 -0
  154. package/styles/material-dark-lite.scss +13 -0
  155. package/styles/material-dark.css +203 -205
  156. package/styles/material-dark.scss +5 -2
  157. package/styles/material-lite.css +1847 -0
  158. package/styles/material-lite.scss +13 -0
  159. package/styles/material.css +203 -205
  160. package/styles/material.scss +5 -2
  161. package/styles/material3-dark-lite.css +1994 -0
  162. package/styles/material3-dark-lite.scss +13 -0
  163. package/styles/material3-dark.css +214 -214
  164. package/styles/material3-dark.scss +5 -2
  165. package/styles/material3-lite.css +1988 -0
  166. package/styles/material3-lite.scss +13 -0
  167. package/styles/material3.css +214 -214
  168. package/styles/material3.scss +5 -2
  169. package/styles/progress-button/_bigger.scss +96 -0
  170. package/styles/progress-button/_layout.scss +0 -95
  171. package/styles/progress-button/_theme.scss +6 -2
  172. package/styles/progress-button/bootstrap-dark.css +73 -73
  173. package/styles/progress-button/bootstrap-dark.scss +1 -0
  174. package/styles/progress-button/bootstrap.css +73 -73
  175. package/styles/progress-button/bootstrap.scss +1 -0
  176. package/styles/progress-button/bootstrap4.css +73 -73
  177. package/styles/progress-button/bootstrap4.scss +1 -0
  178. package/styles/progress-button/bootstrap5-dark.css +73 -73
  179. package/styles/progress-button/bootstrap5-dark.scss +1 -0
  180. package/styles/progress-button/bootstrap5.3.css +568 -0
  181. package/styles/progress-button/bootstrap5.3.scss +6 -0
  182. package/styles/progress-button/bootstrap5.css +73 -73
  183. package/styles/progress-button/bootstrap5.scss +1 -0
  184. package/styles/progress-button/fabric-dark.css +73 -73
  185. package/styles/progress-button/fabric-dark.scss +1 -0
  186. package/styles/progress-button/fabric.css +73 -73
  187. package/styles/progress-button/fabric.scss +1 -0
  188. package/styles/progress-button/fluent-dark.css +73 -73
  189. package/styles/progress-button/fluent-dark.scss +1 -0
  190. package/styles/progress-button/fluent.css +73 -73
  191. package/styles/progress-button/fluent.scss +1 -0
  192. package/styles/progress-button/fluent2.css +77 -73
  193. package/styles/progress-button/fluent2.scss +1 -0
  194. package/styles/progress-button/highcontrast-light.css +73 -73
  195. package/styles/progress-button/highcontrast-light.scss +1 -0
  196. package/styles/progress-button/highcontrast.css +73 -73
  197. package/styles/progress-button/highcontrast.scss +1 -0
  198. package/styles/progress-button/material-dark.css +73 -73
  199. package/styles/progress-button/material-dark.scss +1 -0
  200. package/styles/progress-button/material.css +73 -73
  201. package/styles/progress-button/material.scss +1 -0
  202. package/styles/progress-button/material3-dark.css +73 -73
  203. package/styles/progress-button/material3-dark.scss +1 -0
  204. package/styles/progress-button/material3.css +73 -73
  205. package/styles/progress-button/material3.scss +1 -0
  206. package/styles/progress-button/tailwind-dark.css +73 -73
  207. package/styles/progress-button/tailwind-dark.scss +1 -0
  208. package/styles/progress-button/tailwind.css +73 -73
  209. package/styles/progress-button/tailwind.scss +1 -0
  210. package/styles/split-button/_bigger.scss +149 -0
  211. package/styles/split-button/_layout.scss +8 -156
  212. package/styles/split-button/bootstrap-dark.css +74 -74
  213. package/styles/split-button/bootstrap-dark.scss +1 -0
  214. package/styles/split-button/bootstrap.css +74 -74
  215. package/styles/split-button/bootstrap.scss +1 -0
  216. package/styles/split-button/bootstrap4.css +74 -74
  217. package/styles/split-button/bootstrap4.scss +1 -0
  218. package/styles/split-button/bootstrap5-dark.css +74 -74
  219. package/styles/split-button/bootstrap5-dark.scss +1 -0
  220. package/styles/split-button/bootstrap5.3.css +335 -0
  221. package/styles/split-button/bootstrap5.3.scss +7 -0
  222. package/styles/split-button/bootstrap5.css +74 -74
  223. package/styles/split-button/bootstrap5.scss +1 -0
  224. package/styles/split-button/fabric-dark.css +74 -74
  225. package/styles/split-button/fabric-dark.scss +1 -0
  226. package/styles/split-button/fabric.css +74 -74
  227. package/styles/split-button/fabric.scss +1 -0
  228. package/styles/split-button/fluent-dark.css +74 -74
  229. package/styles/split-button/fluent-dark.scss +1 -0
  230. package/styles/split-button/fluent.css +74 -74
  231. package/styles/split-button/fluent.scss +1 -0
  232. package/styles/split-button/fluent2.css +74 -74
  233. package/styles/split-button/fluent2.scss +1 -0
  234. package/styles/split-button/highcontrast-light.css +74 -74
  235. package/styles/split-button/highcontrast-light.scss +1 -0
  236. package/styles/split-button/highcontrast.css +74 -74
  237. package/styles/split-button/highcontrast.scss +1 -0
  238. package/styles/split-button/material-dark.css +74 -74
  239. package/styles/split-button/material-dark.scss +1 -0
  240. package/styles/split-button/material.css +74 -74
  241. package/styles/split-button/material.scss +1 -0
  242. package/styles/split-button/material3-dark.css +85 -85
  243. package/styles/split-button/material3-dark.scss +1 -0
  244. package/styles/split-button/material3.css +85 -85
  245. package/styles/split-button/material3.scss +1 -0
  246. package/styles/split-button/tailwind-dark.css +76 -76
  247. package/styles/split-button/tailwind-dark.scss +1 -0
  248. package/styles/split-button/tailwind.css +76 -76
  249. package/styles/split-button/tailwind.scss +1 -0
  250. package/styles/tailwind-dark-lite.css +1859 -0
  251. package/styles/tailwind-dark-lite.scss +13 -0
  252. package/styles/tailwind-dark.css +212 -212
  253. package/styles/tailwind-dark.scss +5 -2
  254. package/styles/tailwind-lite.css +1859 -0
  255. package/styles/tailwind-lite.scss +13 -0
  256. package/styles/tailwind.css +212 -212
  257. package/styles/tailwind.scss +5 -2
  258. package/hotfix/26.1.35_Vol2.txt +0 -1
package/styles/button-group/bootstrap5.3.scss ADDED
@@ -0,0 +1,5 @@
1
+ @import 'ej2-base/styles/definition/bootstrap5.3.scss';
2
+ @import 'ej2-buttons/styles/button/bootstrap5.3-definition.scss';
3
+ @import 'bootstrap5.3-definition.scss';
4
+ @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/button-group/bootstrap5.css CHANGED
@@ -233,13 +233,6 @@
233
233
  border-top-right-radius: 0;
234
234
  }
235
235
 
236
- .e-bigger .e-btn-group .e-btn-icon,
237
- .e-bigger.e-btn-group .e-btn-icon,
238
- .e-bigger .e-css.e-btn-group .e-btn-icon,
239
- .e-bigger.e-css.e-btn-group .e-btn-icon {
240
- font-size: 20px;
241
- }
242
-
243
236
  /* stylelint-disable */
244
237
  .e-btn-group:not(.e-outline),
245
238
  .e-css.e-btn-group:not(.e-outline) {
@@ -798,4 +791,11 @@
798
791
  .e-btn-group.e-rtl .e-btn:last-of-type,
799
792
  .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
800
793
  border-right: transparent;
794
+ }
795
+
796
+ .e-bigger .e-btn-group .e-btn-icon,
797
+ .e-bigger.e-btn-group .e-btn-icon,
798
+ .e-bigger .e-css.e-btn-group .e-btn-icon,
799
+ .e-bigger.e-css.e-btn-group .e-btn-icon {
800
+ font-size: 20px;
801
801
  }
package/styles/button-group/bootstrap5.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
3
3
  @import 'bootstrap5-definition.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/button-group/fabric-dark.css CHANGED
@@ -225,13 +225,6 @@
225
225
  border-top-right-radius: 0;
226
226
  }
227
227
 
228
- .e-bigger .e-btn-group .e-btn-icon,
229
- .e-bigger.e-btn-group .e-btn-icon,
230
- .e-bigger .e-css.e-btn-group .e-btn-icon,
231
- .e-bigger.e-css.e-btn-group .e-btn-icon {
232
- font-size: 16px;
233
- }
234
-
235
228
  /* stylelint-disable */
236
229
  .e-btn-group:not(.e-outline),
237
230
  .e-css.e-btn-group:not(.e-outline) {
@@ -353,7 +346,6 @@
353
346
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
354
347
  -webkit-box-shadow: none;
355
348
  box-shadow: none;
356
- box-shadow: none;
357
349
  }
358
350
  .e-btn-group .e-btn:focus.e-outline.e-primary,
359
351
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
@@ -810,4 +802,11 @@
810
802
  .e-btn-group.e-rtl .e-btn:last-of-type,
811
803
  .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
812
804
  border-right: transparent;
805
+ }
806
+
807
+ .e-bigger .e-btn-group .e-btn-icon,
808
+ .e-bigger.e-btn-group .e-btn-icon,
809
+ .e-bigger .e-css.e-btn-group .e-btn-icon,
810
+ .e-bigger.e-css.e-btn-group .e-btn-icon {
811
+ font-size: 16px;
813
812
  }
package/styles/button-group/fabric-dark.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
3
3
  @import 'fabric-dark-definition.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/button-group/fabric.css CHANGED
@@ -225,13 +225,6 @@
225
225
  border-top-right-radius: 0;
226
226
  }
227
227
 
228
- .e-bigger .e-btn-group .e-btn-icon,
229
- .e-bigger.e-btn-group .e-btn-icon,
230
- .e-bigger .e-css.e-btn-group .e-btn-icon,
231
- .e-bigger.e-css.e-btn-group .e-btn-icon {
232
- font-size: 16px;
233
- }
234
-
235
228
  /* stylelint-disable */
236
229
  .e-btn-group:not(.e-outline),
237
230
  .e-css.e-btn-group:not(.e-outline) {
@@ -359,7 +352,6 @@
359
352
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
360
353
  -webkit-box-shadow: none;
361
354
  box-shadow: none;
362
- box-shadow: none;
363
355
  }
364
356
  .e-btn-group .e-btn:focus.e-outline.e-primary,
365
357
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
@@ -816,4 +808,11 @@
816
808
  .e-btn-group.e-rtl .e-btn:last-of-type,
817
809
  .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
818
810
  border-right: transparent;
811
+ }
812
+
813
+ .e-bigger .e-btn-group .e-btn-icon,
814
+ .e-bigger.e-btn-group .e-btn-icon,
815
+ .e-bigger .e-css.e-btn-group .e-btn-icon,
816
+ .e-bigger.e-css.e-btn-group .e-btn-icon {
817
+ font-size: 16px;
819
818
  }
package/styles/button-group/fabric.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'ej2-buttons/styles/button/fabric-definition.scss';
3
3
  @import 'fabric-definition.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/button-group/fluent-dark.css CHANGED
@@ -225,13 +225,6 @@
225
225
  border-top-right-radius: 0;
226
226
  }
227
227
 
228
- .e-bigger .e-btn-group .e-btn-icon,
229
- .e-bigger.e-btn-group .e-btn-icon,
230
- .e-bigger .e-css.e-btn-group .e-btn-icon,
231
- .e-bigger.e-css.e-btn-group .e-btn-icon {
232
- font-size: 20px;
233
- }
234
-
235
228
  /* stylelint-disable */
236
229
  .e-btn-group:not(.e-outline),
237
230
  .e-css.e-btn-group:not(.e-outline) {
@@ -357,8 +350,6 @@
357
350
  .e-css.e-btn-group .e-btn:focus.e-outline,
358
351
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
359
352
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
360
- -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
361
- box-shadow: 0 0 rgba(0, 0, 0, 0);
362
353
  -webkit-box-shadow: none;
363
354
  box-shadow: none;
364
355
  }
@@ -822,4 +813,11 @@
822
813
  .e-btn-group.e-rtl .e-btn:last-of-type,
823
814
  .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
824
815
  border-right: transparent;
816
+ }
817
+
818
+ .e-bigger .e-btn-group .e-btn-icon,
819
+ .e-bigger.e-btn-group .e-btn-icon,
820
+ .e-bigger .e-css.e-btn-group .e-btn-icon,
821
+ .e-bigger.e-css.e-btn-group .e-btn-icon {
822
+ font-size: 20px;
825
823
  }
package/styles/button-group/fluent-dark.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
3
3
  @import 'fluent-dark-definition.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/button-group/fluent.css CHANGED
@@ -225,13 +225,6 @@
225
225
  border-top-right-radius: 0;
226
226
  }
227
227
 
228
- .e-bigger .e-btn-group .e-btn-icon,
229
- .e-bigger.e-btn-group .e-btn-icon,
230
- .e-bigger .e-css.e-btn-group .e-btn-icon,
231
- .e-bigger.e-css.e-btn-group .e-btn-icon {
232
- font-size: 20px;
233
- }
234
-
235
228
  /* stylelint-disable */
236
229
  .e-btn-group:not(.e-outline),
237
230
  .e-css.e-btn-group:not(.e-outline) {
@@ -357,8 +350,6 @@
357
350
  .e-css.e-btn-group .e-btn:focus.e-outline,
358
351
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
359
352
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
360
- -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
361
- box-shadow: 0 0 rgba(0, 0, 0, 0);
362
353
  -webkit-box-shadow: none;
363
354
  box-shadow: none;
364
355
  }
@@ -822,4 +813,11 @@
822
813
  .e-btn-group.e-rtl .e-btn:last-of-type,
823
814
  .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
824
815
  border-right: transparent;
816
+ }
817
+
818
+ .e-bigger .e-btn-group .e-btn-icon,
819
+ .e-bigger.e-btn-group .e-btn-icon,
820
+ .e-bigger .e-css.e-btn-group .e-btn-icon,
821
+ .e-bigger.e-css.e-btn-group .e-btn-icon {
822
+ font-size: 20px;
825
823
  }
package/styles/button-group/fluent.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'ej2-buttons/styles/button/fluent-definition.scss';
3
3
  @import 'fluent-definition.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/button-group/fluent2.css CHANGED
@@ -227,13 +227,6 @@
227
227
  border-top-right-radius: 0;
228
228
  }
229
229
 
230
- .e-bigger .e-btn-group .e-btn-icon,
231
- .e-bigger.e-btn-group .e-btn-icon,
232
- .e-bigger .e-css.e-btn-group .e-btn-icon,
233
- .e-bigger.e-css.e-btn-group .e-btn-icon {
234
- font-size: 16px;
235
- }
236
-
237
230
  /* stylelint-disable */
238
231
  .e-btn-group:not(.e-outline),
239
232
  .e-css.e-btn-group:not(.e-outline) {
@@ -252,6 +245,14 @@
252
245
  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1) !important;
253
246
  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1) !important;
254
247
  }
248
+ .e-btn-group .e-outline.e-btn:active,
249
+ .e-btn-group .e-outline.e-btn:focus,
250
+ .e-btn-group input:focus + label.e-btn.e-outline,
251
+ .e-css.e-btn-group .e-outline.e-btn:active,
252
+ .e-css.e-btn-group .e-outline.e-btn:focus,
253
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
254
+ background: transparent !important;
255
+ }
255
256
  .e-btn-group .e-btn:focus,
256
257
  .e-btn-group input:focus-visible + label.e-btn,
257
258
  .e-btn-group input:focus + label.e-btn,
@@ -441,7 +442,7 @@
441
442
  .e-css.e-btn-group input:active + label.e-btn.e-success,
442
443
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
443
444
  background: var(--color-sf-success-bg-color-pressed);
444
- border-color: var(--color-sf-success-border-color-selected);
445
+ border-color: var(--color-sf-success-border-color-pressed);
445
446
  color: var(--color-sf-success-text);
446
447
  -webkit-box-shadow: none;
447
448
  box-shadow: none;
@@ -454,7 +455,7 @@
454
455
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
455
456
  background: var(--color-sf-info-bg-color-pressed);
456
457
  color: var(--color-sf-info-text-pressed);
457
- border-color: var(--color-sf-info-border-color-selected);
458
+ border-color: var(--color-sf-info-border-color-pressed);
458
459
  -webkit-box-shadow: none;
459
460
  box-shadow: none;
460
461
  }
@@ -477,7 +478,7 @@
477
478
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
478
479
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
479
480
  background: var(--color-sf-danger-bg-color-pressed);
480
- border-color: var(--color-sf-danger-border-color-selected);
481
+ border-color: var(--color-sf-danger-border-color-pressed);
481
482
  color: var(--color-sf-danger-text-pressed);
482
483
  -webkit-box-shadow: none;
483
484
  box-shadow: none;
@@ -489,7 +490,7 @@
489
490
  .e-css.e-btn-group input:active + label.e-btn.e-outline,
490
491
  .e-css.e-btn-group input:checked + label.e-btn.e-outline {
491
492
  background: var(--color-sf-secondary-bg-color-pressed);
492
- border-color: var(--color-sf-secondary-border-color-selected);
493
+ border-color: var(--color-sf-secondary-border-color-pressed);
493
494
  -webkit-box-shadow: none;
494
495
  box-shadow: none;
495
496
  color: var(--color-sf-secondary-text-color-pressed);
@@ -501,7 +502,7 @@
501
502
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
502
503
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
503
504
  background: var(--color-sf-primary-bg-color-pressed);
504
- border-color: var(--color-sf-primary-border-color-selected);
505
+ border-color: var(--color-sf-primary-border-color-pressed);
505
506
  -webkit-box-shadow: none;
506
507
  box-shadow: none;
507
508
  color: var(--color-sf-primary-text-pressed);
@@ -513,7 +514,7 @@
513
514
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
514
515
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
515
516
  background: var(--color-sf-success-bg-color-pressed);
516
- border-color: var(--color-sf-success-border-color-selected);
517
+ border-color: var(--color-sf-success-border-color-pressed);
517
518
  -webkit-box-shadow: none;
518
519
  box-shadow: none;
519
520
  color: var(--color-sf-success-text);
@@ -525,7 +526,7 @@
525
526
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
526
527
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
527
528
  background: var(--color-sf-info-bg-color-pressed);
528
- border-color: var(--color-sf-info-border-color-selected);
529
+ border-color: var(--color-sf-info-border-color-pressed);
529
530
  -webkit-box-shadow: none;
530
531
  box-shadow: none;
531
532
  color: var(--color-sf-info-text-pressed);
@@ -549,7 +550,7 @@
549
550
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
550
551
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
551
552
  background: var(--color-sf-danger-bg-color-pressed);
552
- border-color: var(--color-sf-danger-border-color-selected);
553
+ border-color: var(--color-sf-danger-border-color-pressed);
553
554
  -webkit-box-shadow: none;
554
555
  box-shadow: none;
555
556
  color: var(--color-sf-danger-text-pressed);
@@ -636,9 +637,9 @@
636
637
  .e-css.e-btn-group .e-btn:disabled.e-outline,
637
638
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
638
639
  background: transparent;
639
- background: var(--color-sf-secondary-bg-color-disabled);
640
- border-color: var(--color-sf-secondary-border-color-disabled);
641
- color: var(--color-sf-secondary-text-color-disabled);
640
+ background: var(--color-sf-secondary-bg-color-disabled) !important; /* stylelint-disable-line declaration-no-important */
641
+ border-color: var(--color-sf-secondary-border-color-disabled) !important; /* stylelint-disable-line declaration-no-important */
642
+ color: var(--color-sf-secondary-text-color-disabled) !important; /* stylelint-disable-line declaration-no-important */
642
643
  border-color: var(--color-sf-secondary-border-color);
643
644
  }
644
645
  .e-btn-group .e-btn:disabled.e-outline.e-primary,
@@ -818,4 +819,11 @@
818
819
  .e-btn-group.e-rtl .e-btn:last-of-type,
819
820
  .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
820
821
  border-right: transparent;
822
+ }
823
+
824
+ .e-bigger .e-btn-group .e-btn-icon,
825
+ .e-bigger.e-btn-group .e-btn-icon,
826
+ .e-bigger .e-css.e-btn-group .e-btn-icon,
827
+ .e-bigger.e-css.e-btn-group .e-btn-icon {
828
+ font-size: 16px;
821
829
  }
package/styles/button-group/fluent2.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'ej2-buttons/styles/button/fluent2-definition.scss';
3
3
  @import 'fluent2-definition.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/button-group/highcontrast-light.css CHANGED
@@ -225,13 +225,6 @@
225
225
  border-top-right-radius: 0;
226
226
  }
227
227
 
228
- .e-bigger .e-btn-group .e-btn-icon,
229
- .e-bigger.e-btn-group .e-btn-icon,
230
- .e-bigger .e-css.e-btn-group .e-btn-icon,
231
- .e-bigger.e-css.e-btn-group .e-btn-icon {
232
- font-size: 16px;
233
- }
234
-
235
228
  /* stylelint-disable */
236
229
  .e-btn-group:not(.e-outline),
237
230
  .e-css.e-btn-group:not(.e-outline) {
@@ -353,7 +346,6 @@
353
346
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
354
347
  -webkit-box-shadow: none;
355
348
  box-shadow: none;
356
- box-shadow: none;
357
349
  }
358
350
  .e-btn-group .e-btn:focus.e-outline.e-primary,
359
351
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
@@ -810,4 +802,11 @@
810
802
  .e-btn-group.e-rtl .e-btn:last-of-type,
811
803
  .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
812
804
  border-right: transparent;
805
+ }
806
+
807
+ .e-bigger .e-btn-group .e-btn-icon,
808
+ .e-bigger.e-btn-group .e-btn-icon,
809
+ .e-bigger .e-css.e-btn-group .e-btn-icon,
810
+ .e-bigger.e-css.e-btn-group .e-btn-icon {
811
+ font-size: 16px;
813
812
  }
package/styles/button-group/highcontrast-light.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
3
3
  @import 'highcontrast-light-definition.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/button-group/highcontrast.css CHANGED
@@ -225,13 +225,6 @@
225
225
  border-top-right-radius: 0;
226
226
  }
227
227
 
228
- .e-bigger .e-btn-group .e-btn-icon,
229
- .e-bigger.e-btn-group .e-btn-icon,
230
- .e-bigger .e-css.e-btn-group .e-btn-icon,
231
- .e-bigger.e-css.e-btn-group .e-btn-icon {
232
- font-size: 16px;
233
- }
234
-
235
228
  /* stylelint-disable */
236
229
  .e-btn-group:not(.e-outline),
237
230
  .e-css.e-btn-group:not(.e-outline) {
@@ -354,7 +347,6 @@
354
347
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
355
348
  -webkit-box-shadow: none;
356
349
  box-shadow: none;
357
- box-shadow: none;
358
350
  }
359
351
  .e-btn-group .e-btn:focus.e-outline.e-primary,
360
352
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
@@ -861,4 +853,11 @@
861
853
  .e-btn-group.e-rtl .e-btn:last-of-type,
862
854
  .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
863
855
  border-right: transparent;
856
+ }
857
+
858
+ .e-bigger .e-btn-group .e-btn-icon,
859
+ .e-bigger.e-btn-group .e-btn-icon,
860
+ .e-bigger .e-css.e-btn-group .e-btn-icon,
861
+ .e-bigger.e-css.e-btn-group .e-btn-icon {
862
+ font-size: 16px;
864
863
  }
package/styles/button-group/highcontrast.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'ej2-buttons/styles/button/highcontrast-definition.scss';
3
3
  @import 'highcontrast-definition.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/button-group/material-dark.css CHANGED
@@ -225,13 +225,6 @@
225
225
  border-top-right-radius: 0;
226
226
  }
227
227
 
228
- .e-bigger .e-btn-group .e-btn-icon,
229
- .e-bigger.e-btn-group .e-btn-icon,
230
- .e-bigger .e-css.e-btn-group .e-btn-icon,
231
- .e-bigger.e-css.e-btn-group .e-btn-icon {
232
- font-size: 16px;
233
- }
234
-
235
228
  /* stylelint-disable */
236
229
  .e-btn-group:not(.e-outline),
237
230
  .e-css.e-btn-group:not(.e-outline) {
@@ -357,8 +350,6 @@
357
350
  .e-css.e-btn-group .e-btn:focus.e-outline,
358
351
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
359
352
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
360
- -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
361
- box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
362
353
  -webkit-box-shadow: none;
363
354
  box-shadow: none;
364
355
  }
@@ -817,4 +808,11 @@
817
808
  .e-btn-group.e-rtl .e-btn:last-of-type,
818
809
  .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
819
810
  border-right: transparent;
811
+ }
812
+
813
+ .e-bigger .e-btn-group .e-btn-icon,
814
+ .e-bigger.e-btn-group .e-btn-icon,
815
+ .e-bigger .e-css.e-btn-group .e-btn-icon,
816
+ .e-bigger.e-css.e-btn-group .e-btn-icon {
817
+ font-size: 16px;
820
818
  }
package/styles/button-group/material-dark.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'ej2-buttons/styles/button/material-dark-definition.scss';
3
3
  @import 'material-dark-definition.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/button-group/material.css CHANGED
@@ -225,13 +225,6 @@
225
225
  border-top-right-radius: 0;
226
226
  }
227
227
 
228
- .e-bigger .e-btn-group .e-btn-icon,
229
- .e-bigger.e-btn-group .e-btn-icon,
230
- .e-bigger .e-css.e-btn-group .e-btn-icon,
231
- .e-bigger.e-css.e-btn-group .e-btn-icon {
232
- font-size: 16px;
233
- }
234
-
235
228
  /* stylelint-disable */
236
229
  .e-btn-group:not(.e-outline),
237
230
  .e-css.e-btn-group:not(.e-outline) {
@@ -362,8 +355,6 @@
362
355
  .e-css.e-btn-group .e-btn:focus.e-outline,
363
356
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
364
357
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
365
- -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
366
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
367
358
  -webkit-box-shadow: none;
368
359
  box-shadow: none;
369
360
  }
@@ -822,4 +813,11 @@
822
813
  .e-btn-group.e-rtl .e-btn:last-of-type,
823
814
  .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
824
815
  border-right: transparent;
816
+ }
817
+
818
+ .e-bigger .e-btn-group .e-btn-icon,
819
+ .e-bigger.e-btn-group .e-btn-icon,
820
+ .e-bigger .e-css.e-btn-group .e-btn-icon,
821
+ .e-bigger.e-css.e-btn-group .e-btn-icon {
822
+ font-size: 16px;
825
823
  }
package/styles/button-group/material.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'ej2-buttons/styles/button/material-definition.scss';
3
3
  @import 'material-definition.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/button-group/material3-dark.css CHANGED
@@ -226,13 +226,6 @@
226
226
  border-top-right-radius: 0;
227
227
  }
228
228
 
229
- .e-bigger .e-btn-group .e-btn-icon,
230
- .e-bigger.e-btn-group .e-btn-icon,
231
- .e-bigger .e-css.e-btn-group .e-btn-icon,
232
- .e-bigger.e-css.e-btn-group .e-btn-icon {
233
- font-size: 20px;
234
- }
235
-
236
229
  /* stylelint-disable */
237
230
  .e-btn-group .e-btn,
238
231
  .e-css.e-btn-group .e-btn {
@@ -944,4 +937,11 @@
944
937
  .e-btn-group.e-rtl .e-btn:last-of-type,
945
938
  .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
946
939
  border-right: transparent;
940
+ }
941
+
942
+ .e-bigger .e-btn-group .e-btn-icon,
943
+ .e-bigger.e-btn-group .e-btn-icon,
944
+ .e-bigger .e-css.e-btn-group .e-btn-icon,
945
+ .e-bigger.e-css.e-btn-group .e-btn-icon {
946
+ font-size: 20px;
947
947
  }
package/styles/button-group/material3-dark.scss CHANGED
@@ -3,3 +3,4 @@
3
3
  @import 'ej2-buttons/styles/button/material3-dark-definition.scss';
4
4
  @import 'material3-dark-definition.scss';
5
5
  @import 'all.scss';
6
+ @import 'bigger.scss';
package/styles/button-group/material3.css CHANGED
@@ -228,13 +228,6 @@
228
228
  border-top-right-radius: 0;
229
229
  }
230
230
 
231
- .e-bigger .e-btn-group .e-btn-icon,
232
- .e-bigger.e-btn-group .e-btn-icon,
233
- .e-bigger .e-css.e-btn-group .e-btn-icon,
234
- .e-bigger.e-css.e-btn-group .e-btn-icon {
235
- font-size: 20px;
236
- }
237
-
238
231
  /* stylelint-disable */
239
232
  .e-btn-group .e-btn,
240
233
  .e-css.e-btn-group .e-btn {
@@ -946,4 +939,11 @@
946
939
  .e-btn-group.e-rtl .e-btn:last-of-type,
947
940
  .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
948
941
  border-right: transparent;
942
+ }
943
+
944
+ .e-bigger .e-btn-group .e-btn-icon,
945
+ .e-bigger.e-btn-group .e-btn-icon,
946
+ .e-bigger .e-css.e-btn-group .e-btn-icon,
947
+ .e-bigger.e-css.e-btn-group .e-btn-icon {
948
+ font-size: 20px;
949
949
  }
package/styles/button-group/material3.scss CHANGED
@@ -3,3 +3,4 @@
3
3
  @import 'ej2-buttons/styles/button/material3-definition.scss';
4
4
  @import 'material3-definition.scss';
5
5
  @import 'all.scss';
6
+ @import 'bigger.scss';
package/styles/button-group/tailwind-dark.css CHANGED
@@ -233,13 +233,6 @@
233
233
  border-top-right-radius: 0;
234
234
  }
235
235
 
236
- .e-bigger .e-btn-group .e-btn-icon,
237
- .e-bigger.e-btn-group .e-btn-icon,
238
- .e-bigger .e-css.e-btn-group .e-btn-icon,
239
- .e-bigger.e-css.e-btn-group .e-btn-icon {
240
- font-size: 22px;
241
- }
242
-
243
236
  /* stylelint-disable */
244
237
  .e-btn-group:not(.e-outline),
245
238
  .e-css.e-btn-group:not(.e-outline) {
@@ -796,4 +789,10 @@
796
789
  .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
797
790
  border-color: #f87171;
798
791
  outline-color: inherit;
792
+ }
793
+ .e-bigger .e-btn-group .e-btn-icon,
794
+ .e-bigger.e-btn-group .e-btn-icon,
795
+ .e-bigger .e-css.e-btn-group .e-btn-icon,
796
+ .e-bigger.e-css.e-btn-group .e-btn-icon {
797
+ font-size: 22px;
799
798
  }
package/styles/button-group/tailwind-dark.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
3
3
  @import 'tailwind-dark-definition.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/button-group/tailwind.css CHANGED
@@ -233,13 +233,6 @@
233
233
  border-top-right-radius: 0;
234
234
  }
235
235
 
236
- .e-bigger .e-btn-group .e-btn-icon,
237
- .e-bigger.e-btn-group .e-btn-icon,
238
- .e-bigger .e-css.e-btn-group .e-btn-icon,
239
- .e-bigger.e-css.e-btn-group .e-btn-icon {
240
- font-size: 22px;
241
- }
242
-
243
236
  /* stylelint-disable */
244
237
  .e-btn-group:not(.e-outline),
245
238
  .e-css.e-btn-group:not(.e-outline) {
@@ -796,4 +789,10 @@
796
789
  .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
797
790
  border-color: #dc2626;
798
791
  outline-color: inherit;
792
+ }
793
+ .e-bigger .e-btn-group .e-btn-icon,
794
+ .e-bigger.e-btn-group .e-btn-icon,
795
+ .e-bigger .e-css.e-btn-group .e-btn-icon,
796
+ .e-bigger.e-css.e-btn-group .e-btn-icon {
797
+ font-size: 22px;
799
798
  }
package/styles/button-group/tailwind.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import 'ej2-buttons/styles/button/tailwind-definition.scss';
3
3
  @import 'tailwind-definition.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';