@syncfusion/ej2-splitbuttons 25.2.3 → 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 +302 -110
  17. package/styles/bootstrap-dark.scss +14 -4
  18. package/styles/bootstrap.css +302 -110
  19. package/styles/bootstrap.scss +14 -4
  20. package/styles/bootstrap4.css +266 -93
  21. package/styles/bootstrap4.scss +14 -4
  22. package/styles/bootstrap5-dark.css +266 -187
  23. package/styles/bootstrap5-dark.scss +14 -4
  24. package/styles/bootstrap5.css +266 -187
  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 +32 -85
  35. package/styles/button-group/bootstrap-dark.css +132 -70
  36. package/styles/button-group/bootstrap.css +132 -70
  37. package/styles/button-group/bootstrap4.css +108 -59
  38. package/styles/button-group/bootstrap5-dark.css +108 -59
  39. package/styles/button-group/bootstrap5.css +108 -59
  40. package/styles/button-group/fabric-dark.css +132 -70
  41. package/styles/button-group/fabric.css +137 -75
  42. package/styles/button-group/fluent-dark.css +148 -78
  43. package/styles/button-group/fluent.css +148 -78
  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 +132 -70
  47. package/styles/button-group/highcontrast.css +132 -70
  48. package/styles/button-group/material-dark.css +146 -77
  49. package/styles/button-group/material.css +148 -78
  50. package/styles/button-group/material3-dark.css +190 -90
  51. package/styles/button-group/material3.css +190 -90
  52. package/styles/button-group/tailwind-dark.css +130 -70
  53. package/styles/button-group/tailwind.css +130 -70
  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 +302 -110
  90. package/styles/fabric-dark.scss +14 -4
  91. package/styles/fabric.css +307 -115
  92. package/styles/fabric.scss +14 -4
  93. package/styles/fluent-dark.css +310 -115
  94. package/styles/fluent-dark.scss +14 -4
  95. package/styles/fluent.css +310 -115
  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 +302 -110
  100. package/styles/highcontrast-light.scss +14 -4
  101. package/styles/highcontrast.css +302 -110
  102. package/styles/highcontrast.scss +14 -4
  103. package/styles/material-dark.css +316 -117
  104. package/styles/material-dark.scss +14 -4
  105. package/styles/material.css +318 -118
  106. package/styles/material.scss +14 -4
  107. package/styles/material3-dark.css +396 -147
  108. package/styles/material3-dark.scss +14 -4
  109. package/styles/material3.css +392 -145
  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 +300 -111
  174. package/styles/tailwind-dark.scss +14 -4
  175. package/styles/tailwind.css +300 -111
  176. package/styles/tailwind.scss +14 -4
  177. package/CHANGELOG.md +0 -367
@@ -1,11 +1,14 @@
1
1
  /* stylelint-disable */
2
2
  *.e-btn-group,
3
3
  *.e-css.e-btn-group {
4
+ display: -webkit-inline-box;
4
5
  display: -ms-inline-flexbox;
5
6
  display: inline-flex;
6
7
  border-radius: 4px;
7
- -ms-flex-direction: row;
8
- flex-direction: row;
8
+ -webkit-box-orient: horizontal;
9
+ -webkit-box-direction: normal;
10
+ -ms-flex-direction: row;
11
+ flex-direction: row;
9
12
  position: relative;
10
13
  }
11
14
  *.e-btn-group input:focus + label.e-btn,
@@ -48,8 +51,9 @@
48
51
  *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
49
52
  border-radius: 0;
50
53
  }
51
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
52
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
54
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
55
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
56
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
53
57
  border-bottom-right-radius: 0;
54
58
  border-top-right-radius: 0;
55
59
  }
@@ -58,11 +62,6 @@
58
62
  border-bottom-left-radius: 0;
59
63
  border-top-left-radius: 0;
60
64
  }
61
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
62
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
63
- border-bottom-right-radius: 0;
64
- border-top-right-radius: 0;
65
- }
66
65
  *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
67
66
  *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
68
67
  border-bottom-left-radius: 0;
@@ -96,8 +95,9 @@
96
95
  *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
97
96
  border-radius: 0;
98
97
  }
99
- *.e-btn-group.e-rtl .e-btn:first-of-type,
100
- *.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
98
+ *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
99
+ *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
100
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
101
101
  border-bottom-left-radius: 0;
102
102
  border-top-left-radius: 0;
103
103
  }
@@ -106,11 +106,6 @@
106
106
  border-bottom-right-radius: 0;
107
107
  border-top-right-radius: 0;
108
108
  }
109
- *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
110
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
111
- border-bottom-left-radius: 0;
112
- border-top-left-radius: 0;
113
- }
114
109
  *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
115
110
  *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
116
111
  border-bottom-right-radius: 0;
@@ -138,8 +133,10 @@
138
133
  }
139
134
  *.e-btn-group.e-vertical,
140
135
  *.e-css.e-btn-group.e-vertical {
141
- -ms-flex-direction: column;
142
- flex-direction: column;
136
+ -webkit-box-orient: vertical;
137
+ -webkit-box-direction: normal;
138
+ -ms-flex-direction: column;
139
+ flex-direction: column;
143
140
  }
144
141
  *.e-btn-group.e-vertical input,
145
142
  *.e-css.e-btn-group.e-vertical input {
@@ -246,134 +243,174 @@
246
243
  /* stylelint-disable */
247
244
  .e-btn-group:not(.e-outline),
248
245
  .e-css.e-btn-group:not(.e-outline) {
249
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
246
+ -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
247
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
250
248
  }
251
249
  .e-btn-group .e-btn:hover,
252
250
  .e-css.e-btn-group .e-btn:hover {
253
- box-shadow: none;
251
+ -webkit-box-shadow: none;
252
+ box-shadow: none;
254
253
  }
255
254
  .e-btn-group .e-btn:focus,
256
255
  .e-btn-group input:focus-visible + label.e-btn,
256
+ .e-btn-group input:focus + label.e-btn,
257
257
  .e-css.e-btn-group .e-btn:focus,
258
- .e-css.e-btn-group input:focus-visible + label.e-btn {
258
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
259
+ .e-css.e-btn-group input:focus + label.e-btn {
259
260
  background: #5c636a;
260
261
  border-color: #6c757d;
261
262
  color: #fff;
262
263
  outline: #6c757d 0 solid;
263
264
  outline-offset: 0;
264
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
265
+ -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
266
+ box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
265
267
  border-color: #5c636a;
266
268
  outline-color: inherit;
267
269
  }
268
270
  .e-btn-group .e-btn:focus.e-primary,
269
271
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
272
+ .e-btn-group input:focus + label.e-btn.e-primary,
270
273
  .e-css.e-btn-group .e-btn:focus.e-primary,
271
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
274
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
275
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
272
276
  background: #0b5ed7;
273
277
  border-color: #0d6efd;
274
278
  color: #fff;
275
279
  outline: #6c757d 0 solid;
276
- box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
280
+ -webkit-box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
281
+ box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
277
282
  border-color: #0b5ed7;
278
283
  outline-color: inherit;
279
284
  }
280
285
  .e-btn-group .e-btn:focus.e-success,
281
286
  .e-btn-group input:focus-visible + label.e-btn.e-success,
287
+ .e-btn-group input:focus + label.e-btn.e-success,
282
288
  .e-css.e-btn-group .e-btn:focus.e-success,
283
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
289
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
290
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
284
291
  background: #157347;
285
292
  border-color: #198754;
286
293
  color: #fff;
287
- box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
294
+ -webkit-box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
295
+ box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
288
296
  border-color: #157347;
289
297
  outline-color: inherit;
290
298
  }
291
299
  .e-btn-group .e-btn:focus.e-info,
292
300
  .e-btn-group input:focus-visible + label.e-btn.e-info,
301
+ .e-btn-group input:focus + label.e-btn.e-info,
293
302
  .e-css.e-btn-group .e-btn:focus.e-info,
294
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
303
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
304
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
295
305
  background: #31d2f2;
296
306
  border-color: #0dcaf0;
297
307
  color: #000;
298
- box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
308
+ -webkit-box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
309
+ box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
299
310
  border-color: #31d2f2;
300
311
  outline-color: inherit;
301
312
  }
302
313
  .e-btn-group .e-btn:focus.e-warning,
303
314
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
315
+ .e-btn-group input:focus + label.e-btn.e-warning,
304
316
  .e-css.e-btn-group .e-btn:focus.e-warning,
305
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
317
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
318
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
306
319
  background: #ffca2c;
307
320
  border-color: #ffc107;
308
321
  color: #000;
309
- box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
322
+ -webkit-box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
323
+ box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
310
324
  border-color: #ffca2c;
311
325
  outline-color: inherit;
312
326
  }
313
327
  .e-btn-group .e-btn:focus.e-danger,
314
328
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
329
+ .e-btn-group input:focus + label.e-btn.e-danger,
315
330
  .e-css.e-btn-group .e-btn:focus.e-danger,
316
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
331
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
332
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
317
333
  background: #bb2d3b;
318
334
  border-color: #dc3545;
319
335
  color: #fff;
320
- box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
336
+ -webkit-box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
337
+ box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
321
338
  border-color: #bb2d3b;
322
339
  outline-color: inherit;
323
340
  }
324
341
  .e-btn-group .e-btn:focus.e-link,
325
342
  .e-btn-group input:focus-visible + label.e-btn.e-link,
343
+ .e-btn-group input:focus + label.e-btn.e-link,
326
344
  .e-css.e-btn-group .e-btn:focus.e-link,
327
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
345
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
346
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
328
347
  border-radius: 0;
329
348
  text-decoration: underline;
330
349
  color: #0a58ca;
331
350
  background-color: transparent;
332
351
  border-color: transparent;
333
- box-shadow: none;
352
+ -webkit-box-shadow: none;
353
+ box-shadow: none;
334
354
  outline: none;
335
355
  }
336
356
  .e-btn-group .e-btn:focus.e-outline,
337
357
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
358
+ .e-btn-group input:focus + label.e-btn.e-outline,
338
359
  .e-css.e-btn-group .e-btn:focus.e-outline,
339
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
340
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
341
- box-shadow: none;
360
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
361
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
362
+ -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
363
+ box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
342
364
  border-color: #5c636a;
343
365
  }
344
366
  .e-btn-group .e-btn:focus.e-outline.e-primary,
345
367
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
368
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
346
369
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
347
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
348
- box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
370
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
371
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
372
+ -webkit-box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
373
+ box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
349
374
  border-color: #0d6efd;
350
375
  }
351
376
  .e-btn-group .e-btn:focus.e-outline.e-success,
352
377
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
378
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
353
379
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
354
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
355
- box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
380
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
381
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
382
+ -webkit-box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
383
+ box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
356
384
  border-color: #157347;
357
385
  }
358
386
  .e-btn-group .e-btn:focus.e-outline.e-info,
359
387
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
388
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
360
389
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
361
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
362
- box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
390
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
391
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
392
+ -webkit-box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
393
+ box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
363
394
  border-color: #31d2f2;
364
395
  }
365
396
  .e-btn-group .e-btn:focus.e-outline.e-warning,
366
397
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
398
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
367
399
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
368
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
369
- box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
400
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
401
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
402
+ -webkit-box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
403
+ box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
370
404
  border-color: #ffca2c;
371
405
  }
372
406
  .e-btn-group .e-btn:focus.e-outline.e-danger,
373
407
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
408
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
374
409
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
375
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
376
- box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
410
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
411
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
412
+ -webkit-box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
413
+ box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
377
414
  border-color: #bb2d3b;
378
415
  }
379
416
  .e-btn-group .e-btn:active,
@@ -503,7 +540,8 @@
503
540
  .e-css.e-btn-group input:disabled + label.e-btn {
504
541
  background-color: rgba(108, 117, 125, 0.65);
505
542
  border-color: rgba(108, 117, 125, 0.65);
506
- box-shadow: none;
543
+ -webkit-box-shadow: none;
544
+ box-shadow: none;
507
545
  color: rgba(255, 255, 255, 0.65);
508
546
  border-color: #6c757d;
509
547
  }
@@ -513,7 +551,8 @@
513
551
  .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
514
552
  background: rgba(13, 110, 253, 0.65);
515
553
  border-color: rgba(13, 110, 253, 0.65);
516
- box-shadow: none;
554
+ -webkit-box-shadow: none;
555
+ box-shadow: none;
517
556
  color: rgba(255, 255, 255, 0.65);
518
557
  border-color: #0d6efd;
519
558
  }
@@ -523,7 +562,8 @@
523
562
  .e-css.e-btn-group input:disabled + label.e-btn.e-success {
524
563
  background: rgba(25, 135, 84, 0.65);
525
564
  border-color: rgba(25, 135, 84, 0.65);
526
- box-shadow: none;
565
+ -webkit-box-shadow: none;
566
+ box-shadow: none;
527
567
  color: rgba(255, 255, 255, 0.65);
528
568
  border-color: #198754;
529
569
  }
@@ -533,7 +573,8 @@
533
573
  .e-css.e-btn-group input:disabled + label.e-btn.e-info {
534
574
  background: rgba(13, 202, 240, 0.65);
535
575
  border-color: rgba(13, 202, 240, 0.65);
536
- box-shadow: none;
576
+ -webkit-box-shadow: none;
577
+ box-shadow: none;
537
578
  color: rgba(0, 0, 0, 0.65);
538
579
  border-color: #0dcaf0;
539
580
  }
@@ -543,7 +584,8 @@
543
584
  .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
544
585
  background: rgba(255, 193, 7, 0.65);
545
586
  border-color: rgba(255, 193, 7, 0.65);
546
- box-shadow: none;
587
+ -webkit-box-shadow: none;
588
+ box-shadow: none;
547
589
  color: rgba(0, 0, 0, 0.65);
548
590
  border-color: #ffc107;
549
591
  }
@@ -553,7 +595,8 @@
553
595
  .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
554
596
  background: rgba(220, 53, 69, 0.65);
555
597
  border-color: rgba(220, 53, 69, 0.65);
556
- box-shadow: none;
598
+ -webkit-box-shadow: none;
599
+ box-shadow: none;
557
600
  color: rgba(0, 0, 0, 0.65);
558
601
  border-color: #dc3545;
559
602
  }
@@ -564,7 +607,8 @@
564
607
  color: rgba(108, 117, 125, 0.65);
565
608
  text-decoration: underline;
566
609
  background: transparent;
567
- box-shadow: none;
610
+ -webkit-box-shadow: none;
611
+ box-shadow: none;
568
612
  text-decoration: none;
569
613
  border-color: transparent;
570
614
  }
@@ -583,7 +627,8 @@
583
627
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
584
628
  background: rgba(13, 110, 253, 0.65);
585
629
  border-color: rgba(13, 110, 253, 0.65);
586
- box-shadow: none;
630
+ -webkit-box-shadow: none;
631
+ box-shadow: none;
587
632
  color: rgba(255, 255, 255, 0.65);
588
633
  border-color: #0d6efd;
589
634
  }
@@ -593,7 +638,8 @@
593
638
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
594
639
  background: rgba(25, 135, 84, 0.65);
595
640
  border-color: rgba(25, 135, 84, 0.65);
596
- box-shadow: none;
641
+ -webkit-box-shadow: none;
642
+ box-shadow: none;
597
643
  color: rgba(255, 255, 255, 0.65);
598
644
  border-color: #198754;
599
645
  }
@@ -603,7 +649,8 @@
603
649
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
604
650
  background: rgba(13, 202, 240, 0.65);
605
651
  border-color: rgba(13, 202, 240, 0.65);
606
- box-shadow: none;
652
+ -webkit-box-shadow: none;
653
+ box-shadow: none;
607
654
  color: rgba(0, 0, 0, 0.65);
608
655
  border-color: #0dcaf0;
609
656
  }
@@ -613,7 +660,8 @@
613
660
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
614
661
  background: rgba(255, 193, 7, 0.65);
615
662
  border-color: rgba(255, 193, 7, 0.65);
616
- box-shadow: none;
663
+ -webkit-box-shadow: none;
664
+ box-shadow: none;
617
665
  color: rgba(0, 0, 0, 0.65);
618
666
  border-color: #ffc107;
619
667
  }
@@ -623,7 +671,8 @@
623
671
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
624
672
  background: rgba(220, 53, 69, 0.65);
625
673
  border-color: rgba(220, 53, 69, 0.65);
626
- box-shadow: none;
674
+ -webkit-box-shadow: none;
675
+ box-shadow: none;
627
676
  color: rgba(255, 255, 255, 0.65);
628
677
  border-color: #dc3545;
629
678
  }